background preloader

jQuery TOOLS - The missing UI library for the Web

Tabs is the most popular JavaScript tool on the web. Tabs, horizontal tabs and accordions, finally done the right way. Tooltip helps you to build easier user interfaces. Big or small. Pluggable effects. Yet another crucial tool.

http://jquerytools.org/

Related:  outils pour site webjQuery

Subway Map Visualization jQuery Plugin I have always been fascinated by the visual clarity of the London Underground map. Given the number of cities that have adopted this mapping approach for their own subway systems, clearly this is a popular opinion. At a conference some years back, I saw a poster for the Yahoo! Developer Services. 85+ Cool jQuery Effects Roundup jQuery effects are used more or less all over the Internet today. Just a few years ago Flash was dominating the scene for interactive and dynamic websites. The arrival of JavaScript libraries like jQuery have made it a lot easier to do advanced stuff with JavaScript, but of course the fact that Apple didn’t let Flash into their iPhones and iPads may also have pushed the development in this direction. Further the mobile movement have also helped speed up the adoption of HTML5 and as an example Canvas Animation is opening up for a lot of possibilities when it comes to developing dynamic effects in a standard way. There are even countless examples of HTML5 games available online showing us the capabilities of these rather new technologies. Enough about HTML5 here.

slabText – a jQuery plugin for creating big, bold & responsive headlines I’ve been wanting to attempt a port of Erik Loyer’s slabtype algorithm for quite some time now and seeing Paravel’s fittext jQuery plugin, in combination with a gloriously hassle-free lunch hour gave me the impetus to attempt it. This is the result – resize the browser viewport to see the effect in action. So what does the script do again? Put simply, the script splits headlines into rows before resizing each row to fill the available horizontal space. The ideal number of characters to set on each row is calculated by dividing the available width by the pixel font-size – the script then uses this ideal character count to split the headline into word combinations that are displayed as separate rows of text.

Every Citizen Has a Life in the New 'SimCity' In 1999, Ocean Quigley had a dream. While working on SimCity 4, the 15-year veteran of EA-Maxis pondered the difficulty of creating "real" people living inside the simulated city — "real" meaning they would be fully programmed to react with each minutiae of the environment. "We kind of nurtured these visions of what it'd be like to create a city with that level of fidelity and truth to it," says Quigley, the creative director for the current SimCity project. The game takes customization down to a minute level: Each person living in your city will be simulated by the game's engine. "Before, SimCity used to be like paint programs with sprites, but now we are taking all the things that make a city tick and embedding them inside the buildings and on the roads," says Quigley.

Sliding Boxes and Captions with jQuery Add an extra layer of information to your images with sliding boxes. This is now a plugin! Check out the announcement post for the Mosaic jQuery plugin. Check the project page for the latest release notes and features! Presenteer Introduction Presenteer.js a very flexible HTML5 presentation tool that works in one line of code, but is configurable with constructor options and many callbacks. In its simplest form, it works like And then navigate through the presentation with presentation.start();, presentation.next();, presentation.prev(); and presentation.show(0-based-index); Textualizer Download: textualizer.js - (12.67 kb) development textualizer.min.js - (4.83 kb) production Usage

jQuery Jamming « Romanovian.com This jQuery plugin adds an “electronic jamming” effect to choosen texts, with random flickering letters. The text is jammed with ASCII characters but you can use your own set of characters. The achieved effect is something like this: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eu vestibulum nulla. Vivamus metus libero, pretium eu vestibulum sit amet, iaculis quis erat.

Golden Grid System GGS was my next step after Less Framework. Instead of a fixed-width grid, it used a fully fluid-width one, without even a maximum width. The resources it was published with are still available on GitHub. Three jQuery-based frameworks for a rich UI After spending several months refactoring a large ASP.Net MVC application for performance, I became intimately aware of certain fundamental limitations of the server-side UI approach and began looking into pure client-side UI frameworks as an alternative. Having decided on jQuery as the foundation, I’ve narrowed down the possibilities to three candidates: jQuery UI, Kendo UI and Wijmo. Here are some of my conclusions: Why choose pure-client side? My current development approach is MVC 3 “enriched” with the Telerik Extensions for ASP.Net MVC. ASP.Net MVC HtmlHelpers are much simpler than the traditional .Net drag-and-drop Web Forms approach in that they simply return strings, without the baggage of ViewState management or a complex page event lifecycle.

jQuery Quicksand plugin Quicksand Reorder and filter items with a nice shuffling animation. Activity Monitor 348 KB Address Book1904 KB Finder 1337 KB Front Row 401 KB Google Pokémon 12875 KB iCal 5273 KB iChat 5437 KB Interface Builder 2764 KB iTuna 17612 KB Keychain Access 972 KB Network Utility 245 KB Sync 3788 KB TextEdit 1669 KB Demo seems sluggish? Beautycheck - Home Welcome to the 'beautycheck' homepage! If you take a look at the picture to the left, you will quite certainly think that this is a very beautiful face. But what makes you be so sure about that? Finding answers to why we regard one face as being more beautiful than another is actually not as easy as it seems. Nevertheless, at least in the case of the above photograph, it's not a big surprise that you think this is an attractive face.

50 Amazing jQuery Plugins That You Should Start Using Right Now Martin Angelov jQuery has a wonderful community of programmers that create incredible things. However, it may become difficult to sift through everything that is released and find the gems that are absolute must-haves. This is why, in this post, you will find a collection of 50 new jQuery plugins and JavaScript libraries that, when applied with good measure, can make your sites a joy to use.

Related:  Front-end librariesWebMobile