collected links :: inspiration ~ reference ~ … & more
view tag archiveReally Simple Slideshow is a jQuery plugin for creating image slideshows. Images are loaded dynamically as each one is required, allowing for larger slideshows without having to pre-load lots of images.
Waypoints is a small jQuery plugin that makes it easy to execute a function whenever you scroll to an element.
An exquisite jQuery plugin for magical layoutsReveal & hide items with filteringRe–order items with sortingDynamic, intelligent layoutsCaptivating animationsSort items by just about anythingPowerful methods, simple syntaxProgressively enhanced for CSS3 transforms & transitions
Easy Gallery Manager Change your WordPress Gallery in a jQuery Slideshow. On the fly!
Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.
This post contains 40 varieties of functional jQuery tables plugins that let you achieve the maximum functionality and flexibility that you cannot get with the classic ways of using HTML tables. With the right jQuery plugin, you can create dynamic tables in which users can identify and sort out all the sections they want. These plugins will help you in creating user friendly and dynamic tables with ease.
Useful jQuery Plugins to Enhance HTML Tables – Noupe Design Blog
This is an example of simple page that’s centered and has a vertical sliding panel on the far left (try it! click on the ‘infos’ tab that’s on the left!). We used jQuery to create this sliding panel (and CSS3 rounded corners because it looks cool)
selectivizr is a JavaScript utility that emulates CSS3 pseudo-classes and attribute selectors in Internet Explorer 6-8. Simply include the script in your pages and selectivizr will do the rest.
Selectivizr – CSS3 pseudo-class and attribute selectors for IE 6-8
The jQuery Retina Display plugin will substitute high resolution versions of your images (if they exist) for high resolution displays (such as iPhone 4) only.
a list of 24 jQuery plugins for those who want to build some beautiful image-based websites
jQuery Mobile: Touch-Optimized Web Framework for Smartphones & Tablets
The HTML5
Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.
it was about time I introduce you to the debugging tools for each of those browsers with a couple of tips thrown in to the mix.
Debugging Tools | jQuery for Designers – Tutorials and screencasts
jsFiddle is under very heavy development,
Accessible Tabs Examples
jQuery Accessible Tabs uses a very simple and flexible HTML markup as it’s base to build upon. All it needs it’s a wrapper containing Headlines and content elements one after the other. This provides a nice non-javascript fallback that does not look like something is missing or broken.
jQuery Accessible Tabs – How to make tabs REALLY accessible – web output
[...] This should hopefully be very straightforward: just create two sets of animation. One will animate on any element that is not with an active class and another will animate on any element that does have an active class. [...]
Handling Active State for jQuery Animated Backgrounds – Snook.ca
a Firebug extension for jQuery development
Instead, I urge you to use the Google AJAX Libraries content delivery network to serve jQuery to your users directly from Google’s network of datacenters. Doing so has several advantages over hosting jQuery on your server(s): decreased latency, increased parallelism, and better caching.
3 reasons why you should let Google host jQuery for you | Encosia
Essential Controls List
jQuery UI Development & Planning Wiki / Essential Controls List
Links to many of the best jQuery plugins.
JS Bin is a webapp specifically designed to help JavaScript and CSS folk test snippets of code, within some context, and debug the code collaboratively.
jQuery tool
In February 2010 John Resig, the creator and lead developer of the jQuery JavaScript library, spoke at the annual Future of Web Apps Miami conference. During this 25 minute talk John outlines many of the new features and ideas behind jQuery 1.4. A full transcript is available below.
John Resig on Advanced Javascript to Improve your Web App | Carsonified
With this Plugin you can style your markup right in your browser with a build-in element selector and CSS editor. Generate the CSS code of altered elements with one click and use it in your own stylesheet.
Use jQuery – Blog – Brosho ‘Design in the Browser’ jQuery Plugin
In this article, I’ll be introducing and laying the groundwork for advanced JavaScript development with one of the most popular JavaScript libraries available: jQuery.
Working example of the tabSlideOut jQuery plugin
jQuery Sliding Message Plugin by Henrik Joreteg This plugin provides a cool way to temporarily display messages to the user.
jQuery Sliding Message Plugin by Henrik Joreteg | Home / Demo
Beginner’s guide to jQuery – part 1 | Web Development Services by Lightbulb
Flowplayer is an Open Source (GPL 3) video player for the Web. Use it to embed video streams into your web pages
Hello and welcome to my b:log. I’m Remy Sharp, a developer running my own business called Left Logic out of Brighton, UK. This place will mostly concentrate on JavaScript and jQuery – but has some other hidden gems too. Enjoy!
this list is separated in 3 big categories like Ajax, JavaScript and Lightbox based galleries, CSS based galleries and FLASH based galleries
57+ Free Image Gallery, Slideshow And Lightbox Solutions | 1stwebdesigner – Love In Design
Most people getting started with JavaScript these days are faced with the challenging task of picking a library to use, or at least which one to learn first. If you’re working for a company chances are they have already chosen a framework for you, in which case the point is somewhat moot. If this is the case and they’ve chosen MooTools and you’re used to jQuery, then this article might still be of some use to you.
jQuery vs MooTools: Choosing Between Two Great JavaScript Frameworks
Earlier this week, I wrote about the limitations of current CSS to bind font styling to the availability of typefaces. I mused that a clever person might develop a solution using Javascript.