Thomas Fuchs
Hi, I'm Thomas Fuchs. I'm the author of the script.aculo.us user interface JavaScript library, a member of the Prototype core team and a Ruby on Rails core alumnus. You're using my work every day, even if you're not aware of it (sounds creepy, I know!). Need JS foo? Hire me.

Sneak preview on scripty2 UI controls

December 3rd, 2009 by Thomas Fuchs, 11 comments »

So how’s scripty2 progressing? To give you some more insight than just “Very well, thank you”, here’s a status update.

Next to the big chunks for the effects engine which has been stable for quite a while now, and the support for multi-touch input (hat tip to Nokia), several additions are queued up, the most important being the “UI behaviours”/”controls” part.

A big Thank You! to Andrew Dupont for adding the first batch of controls goodness to scripty2, including buttons, dialogs, overlays, sliders, autocompleters, and yes, an accordion.

s2ui

Try the scripty2 UI demos! (alpha version, so there are some kinks!)

Those controls are written with the super-nice Prototype class system and custom events, so they’re super-tweakable and make it a snap to create extensions and customized versions. More controls are in the works, and there should be a beta release this year (or grab the code from github).

They support full keyboard navigation and provide accessibility hooks through WAI-ARIA.

The best thing is that they’re compatible with Themeroller (from jQuery UI) themes! So you can just reuse/tweak existing themes very easily, plus scripty2 comes with a special scriptaculous theme, thanks to Samo Korošec.

Bonus– here are two new sightings of scripty2 in the wild:

Enjoy, and hope you’ll build something cool with scripty2, too!

Post to Twitter Tweet This Post Post to Digg Digg This Post Post to Facebook Share on Facebook

11 comments »

JavaScript Rocks! Peformance ebook
Do you run a web site or web application? Do your users a favor, and grab our ebook on JavaScript performance. Profit from our knowledge gathered in over 15 years of working with the Web and JavaScript and make your sites ultra-fast and your users ultra-happy.

11 Comments on “Sneak preview on scripty2 UI controls”

  1. 1 Stefan Roehle said at 9:32 am on December 3rd, 2009:

    Wow, looks awesome! Great work! ;)

  2. 2 Bernd said at 9:40 am on December 3rd, 2009:

    I’m looking forward to be able to use scripty2 in larger projects. That would be great. Currently I miss the drag and sortable functionality. That’s the only reason why I haven’t used it already.
    Even the alpha performs well. Great job!

  3. 3 Serkan Yerşen said at 10:16 am on December 3rd, 2009:

    Amazing!!!.. I’m really looking forward to see new sortables

  4. 4 Jason Harwig said at 5:41 pm on December 3rd, 2009:

    I created our baseball card deck using an early alpha of the effects engine here: http://www.nearinfinity.com/home/whoweare.html

    Worked great

  5. 5 Damien said at 11:52 pm on December 3rd, 2009:

    That is really impressive! Specially an alpha that works like a charm on Opera! :)

  6. 6 seb said at 4:44 pm on December 4th, 2009:

    This is great. I am already using it on a new project and I will contribute everytime I need a new component.

  7. 7 Shahid Najam Afridi said at 7:17 pm on December 12th, 2009:

    i love prototype and script.aculo.us..scripty2 is alternative of jqueryUI or extJS???

  8. 8 Ajaxian » Scripty2 in the wiiiild said at 12:38 pm on December 16th, 2009:

    [...] Thomas Fuchs has some new controls and functionality to show us inthis scripty2 preview: [...]

  9. 9 thinsoldier said at 9:50 pm on December 16th, 2009:

    can’t focus the horizontal slider by clicking, only by tabbing.

    home and end keys work as expected on the slider however they also scroll the window up and down.

    On the vertical slider the position of the values 0 and 100 in relation to the dot in the center of the drag handle seem different.
    Drop the opacity on the drag handle element to see what I mean.

    I tried adjusting the css of the progress bar to get rounded corners but it doesn’t quite look right. I think this may be firefox or os x’s fault though.

  10. 10 Tom said at 3:35 pm on December 27th, 2009:

    This is exactly what I needed. So glad that you made it work with the jquery ui theme roller.
    Thanks!

  11. 11 Martijn van Brandevoort said at 3:12 pm on January 7th, 2010:

    Looks great and works very well in Chrome on an old Pentium 4, although I don’t think the tab UI is immediately recognizable as such by the user.

Leave a Reply