Skip navigation

Tag Archives: jQuery

In the last few weeksjQuery UI V1.8a has been released to coincide with the latest jQuery 1.4release.

While on the surface it would seem like only two new widgets have been introduced, what they do is, as it always is with jQuery, staggering.

Autocomplete

A common tool that can often been exhaustive to code up, autocomplete is bound to make many people very happy by applying a simple jQuery tag to a given input field.

It’s options set allows for a set of tags to be defined, this could easily be applied to an ajax function to query a database or xml feed.

Buttons

Quite how nobody has put this together in such a big a way is a mystery. Sooner than you think you will be questioning how you ever developed interfaces without this.

Buttons allows you to morph common form elements into stylish looking button controls. this is not limited to the de-facto <button> tag either. Assign the button function to form buttons, submit buttons, anchors, radios, checkboxes, even select boxes to create multiple value drop menus. This one will be a huge asset to most peoples UI toolbox.

This does require slightly more markup than most jQuery widgets, but the time saved in building these components is going to be quite expansive.

Advertisements

late last year I began experimenting with jQuery and within a couple of hours wanted to make it my wife.

It was as if somebody had looked at me, my little spindly fingers, those tired eyes, sweats of desperation and instantly knew what it was I needed to reduce the level of ‘programming’ required in being a front-end developer and make it more accessible for the punk DIY’ers like myself and essentially re-write javascript to not suck monkey balls.

Several things make jQuery instantly accessible. For me, the main bonus is that its framework allows you to write logical statements. No more getElementById for everything when really all you want to do is change the behaviour of a class, and a whole toolbox of effects, methods and actions to go nuts with.

After running up some very basic prototypes using the demo examples I had put forward the introduction of jQuery into our application. This did provide some initial issues, the main one being that we were not using a doctype of any kind within our application, but this was quickly rectified.

jQuery1.4

January saw the release of jQuery 1.4 a significant release to the library with both improvements and additions agogo. To celebrate its release the jQuery crew put together what I can only describe as the geekiest of promotional campaigns I have ever witnessed. The 14 Days of jQuery site was created to build up to the final release candidate going public. Each day a new video was posted showing you around some of the new features along with discussions on how these new features could be used.

Despite the announcement that documentation is going to be reviewed and improved, that certain elements look a lot better and that the jQuery-UI library is about to be released to github, there are a few things that have bummed me out about the release and the absolutely stunning 14 days website.

All videos are code-behind
Not so bad, yes we need to know how to write these new functions and features, but by it’s nature jQuery is a visual applicant, if we can’t see what it is doing then how do we know we got it right? I would really like to have seen some actual working examples of how, for example the .live() function works.

Comments on API Docs
I am a huge advocate of comment posts of blogs of any kind, I think they’re invaluable at times and allow for the extension of a debate. But! how will the new comments for API be controlled? It says not to use it for bug tracking, but surely that is what most people will be commenting on? Is it only open for a short period, if so when will comments be closed? They’re already starting to look shabby, take the page for .add() as an example.

Let’s not forget that this is Awesome

Even with just a few bug bears about the release and changes to jQuery UI (although this could see some serious move on the UI tools) the fact is jQuery is still totally amazing and certainly a platform I am going to continue working in for all that little extra flair of interactivity.

I looked at this briefly the other day before attending the CSS3 Workshop with Clearleft on Friday (I will write a bit more on that later). After understanding what components have been used to create this sexy bit of CSS3 and jQuery I am even more impressed by it.

Pushing Pixels by Daniel Kurdoghlian

Pushing Pixels by Daniel Kurdoghlian

Daniel has utilised CSS3 box-shadow and border radius to create this interactive experience.

Flick the switch to turn on the light on and the title produces a shadow. Move the bulb or the title itself around the screen and you will see the shadow move in relation to the light source. Going one step further, moving the light further away from the title weakens the strength of the shadow and in turn, moving it closer makes a stronger harder shadow.

http://pushingpixels.at/experiments/dynamic_shadow/