In usability we trust

UX and all things web

Tag: jQuery

jQuery Mobile by Jon Reid

jQuery Mobile is a brief introduction to the Alpha 4 release of the mobile version of the popular JavaScript Framework. It’s written by Jon Reid, senior developer at EffectiveUI, who’s done an excellent job of describing the ins and out of it.

Continue reading

Tinyrotator – a tiny image rotator plugin for jQuery

For a project I worked on recently I created a small and simple image rotator plugin for jQuery. It’s dead easy to embed in your own page and to style the way you want using regular CSS.

The plugin is released under both MIT and GPL licenses so you can use it any way you want in both personal and commercial projects.

Continue reading

The difference between add(), find() and filter() in jQuery

There’s a few methods used for traversing the DOM-tree in jQuery that is confusingly similar, well at least they were for me. This article will explain the difference between them and when you should use which one.

Continue reading

Non-modal alert with jQuery

jquery-logoIn circumstances where you want to notify the user of something, like for example that some information have been saved, a non-modal alert is an excellent solution. It gets your message across without being intrusive and without the need for uneccesary user interaction.

In this article I will describe how to create it with the help of jQuery

Continue reading

Populating Google Maps with Microformats revisited

A few month ago I posted about a demo where I used content marked up with Microformats to populate a Google map using Javascript. Well, now I’ve improved that demo somewhat.

Continue reading

ASP.NET MVC and JSON

In the AJAX community, JSON have become the preferred way of sending and receiving data. That’s not surprising since it’s lightweight, fast and easy to understand. Also, since it’s a subset of Javascript, it’s familiar territory for Javascript coders.

In the ASP.NET MVC Framework, passing JSON from the server to the client script is almost too easy. In this article I will walk you through the code required to make it work.

Continue reading

jQuery + ASP.NET = true

jQuery is going to be a part of Visual Studio. This is a great, and I must say, an unexpected development of things.

For me personally, who’s already using jQuery along with ASP.NET, the main difference will be the intellisense annotation support for jQuery. This will be a welcomed enhancement of my development environment. Needless to say the asp.net team at Microsoft will also build ready-to-use controls in the ASP.NET AJAX Control Toolkit that builds upon jQuery.

According to Scott Guthrie there will be a free download with the jQuery Intellisense support in a few weeks. The ASP.NET MVC download will also contain it and the jQuery library.

Read more about it on Scott Guthrie’s blog and in John Reisig’s blog post on jQuery.com.

Imagemap rollover

Imagemaps was very popular in the early days of webdesign but seem to have fallen out of grace. Probably due to accessibility problems and the rise of CSS based designs. I think that it still has it’s place when used properly and one being aware of it’s potential accessibility problems.

In a recent project I was building a map where different regions of a map would highlight when you hover with the mouse over it. Using an imagemap in combination with CSS and JavaScript seemed like the natural way to do it.

I thought that to actually code this solution would be pretty straightforward, but soon discovered some peculiar quirks. I also couldn’t find any information about this, so I thought that I’d share my experiences with you.

Continue reading

Looping with jQuery

I’ve started working with the Javascript framework jQuery lately and I must say that I find it very enjoyable! I have previously mostly used Prototype and DOMAssistant, and although they excel in some areas I somehow find jQuery more fun to code with.

Here’s a simple tip on how to loop through elements with jQuery that I thought I’d share.

Continue reading