#javascript (1,100 links)
"I've ported the Processing visualization language to JavaScript, using the Canvas element." Nuts. Cool.
The lazy load pattern is a practical implementation of the Proxy Design Pattern. The goal is to avoid loading an object until it is absolutely needed—only then do we invest the resources in loading it.
- Unobtrusive JavaScript with jQuery simonwillison.net
Stick this in your page, call $.profile.start() to start profiling calls to $(selector), and then $.profile.done() to stop profiling
- Stop using Ajax! - Opera Developer Community dev.opera.com
Or, at least, think more carefully about when and how you use it.
- jScrollPane kelvinluck.com
A jquery plugin which allows you to replace the browsers default vertical scrollbars on any block level element with an overflow:auto style. You can easily control the apperance of the custom scrollbars using simple CSS.
- jCarousel - Riding carousels with jQuery sorgalla.com
A jQuery plugin for controlling a list of items in horizontal or vertical order. The items, which can be static HTML content or loaded with (or without) AJAX, can be scrolled back and forth (with or without animation).
- Creating accessible charts using canvas and jQuery | Filament Group, Inc. filamentgroup.com · Archived on
This article is a proof of concept for visualizing HTML table data with the canvas element.
- John Resig - Progressive CSS Enhancement ejohn.org
Not a fan of this approach but could be handy in certain circumstances
"How to use hCards to fill in forms". Not a new idea (implemented on getsatisfaction.com signup) but good to have some source to play with.
- cabel.name drafts: FancyZoom 1.1 cabel.name
Javascript to zoom images inline
- Wait till I come! » Blog Archive » The great implementer swindle - making badge use easy doesn’t make it clever! wait-till-i.com · Archived on
"No matter how you’ll turn it – the future of web design will not revolve around pages and sites but around modules." Lots more goodness in this.
- Sniff browser history for improved user experience niallkennedy.com
Clever, well-meaning but crosses the privacy line.
- jawr: Jawr - More than a Javascript/CSS compressor jawr.dev.java.net
A tunable packaging solution for Javascript and CSS which allows for rapid development of resources in separate module files.
"While jQuery was super simple and concise when working on smaller projects, it offered no help in structuring larger applications. All you get in jQuery, aside from Ajax methods and a handful of utilities, is the ability to select nodes then doing someth
- phatfusion : multibox phatfusion.net
"Lightbox that supports images, flash, video, mp3s, html." Uses mootools, unfortunately.
A library that provides a common API for various javascript mapping APIs to enable switching from one to another as smoothly as possible.
- flot - Google Code code.google.com
A pure Javascript plotting library for jQuery. It produces graphical plots of arbitrary datasets on-the-fly client-side.
- Wait till I come! » Blog Archive » Generating charts from accessible data tables and vice versa using the Google Charts API wait-till-i.com · Archived on
A small script that converts data tables to charts using the API and a wee bit of JavaScript. Using this script you can take a simple, valid and accessible data table [...] and it gets automatically converted to a pie chart.
- Yahoo! Media Player developer.yahoo.com
Enhances your web site or blog by creating an embedded player for each audio link. All the links can be played with one click, turning the page into a playlist.
- SWFFix Dev Blog swffix.org
Forthcoming UFO/SWFObject replacement. Keep forgetting the name
- Facebox 1.0 famspam.com
A jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages.
- Firebug in IE for *any* web site remysharp.com
Load Firebug lite in any page via a bookmarklet.
An unobtrusive jQuery component that adds datagrid behaviors (column resizing, paging, sorting, row and column styling, and more) to your tables.
- DOMAssistant, the modular lightweight JavaScript library, with CSS selectors and AJAX robertnyman.com
The idea of DOMAssistant is to provide a simpler and more consistent way to script against the Document Object Model (DOM) in web browsers.
While it’s good to know that users of tools such as Tails and Operator will derive added value from your shiny semantics, it’s nice to be able to reuse that effort in your own code.
- 24 ways: Minification: A Christmas Diet 24ways.org
Some tools to trim the fat and speed up our sites.
- Wheel 2.0: Jason Huck’s Devblog » Google Analytics Integration with jQuery devblog.jasonhuck.com
A jQuery plugin to make embedding Google Analytics simpler for typical web sites.
- Wait till I come! » Blog Archive » Planning JavaScript and Ajax for larger teams, equine invigorating imagery, one voice for libraries and a lot of good speakers - this was @mediaAjax 2007 wait-till-i.com · Archived on
Chris Heilmann's presentation and notes from @mediaAjax.
- Asual » SWFAddress asual.com
A small script that sits on top of SWFObject and provides deep linking for Flash websites and applications.
- QuarkRuby: Why I moved from Prototype to jQuery quarkruby.com
For me, jQuery's philosophy (type less, do more, keeping things intuitive and unobstrusive) makes a big difference. But, I miss prototype core javascript additions.
Choosing the right framework can be tricky, and weeding through a mess of opinionated fanboys (myself included) is intimidating.
- Why history will repeat itself with JavaScript and the web | Technology | The Guardian guardian.co.uk
If history repeats itself, we can expect a compelling SDK (software development kit) to emerge providing programmers with a standard user interface for their web applications.
- JQuery Media Plugin malsup.com
Unobtrusive conversion of standard markup into rich media content
- YUI Theater — PPK on the Professionalization of Frontend Engineering » Yahoo! User Interface Blog yuiblog.com
PPK has embarked recently on a project to create a professional organization for frontend engineers in his native Holland. The organization is called “Fronteers” (frontend engineers)
- jQuery Logging happygiraffe.net
A tiny jQuery extension that logs the current jQuery selection to the firebug console.
- JQuery Cycle Plugin malsup.com
Supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition effects. It also supports, but does not require, the Metadata Plugin and the Easing Plugin.
- Digital Web Magazine - jQuery Crash Course digital-web.com
As long as you can logically formulate what you want to say, jQuery understands your intentions and will interpret for you regardless of which user agent is listening in.
"Internet Explorer [...] has a bug where clicking on an image inside a label tag does nothing [...] What I've done is put together a quick bit of unobtrusive JavaScript to "fix" the problem." Nasty, but if you have images as labels...
- Undo Form Reset for kids who can’t reset good - Article - andrewingram andrewingram.net · Archived on
Occasionally we all accidentally hit the reset button on a web form and lose all of what we just spent time typing out. I’ve written a little bit of javascript that makes it possible to recover from these disasters.
- ProtoScript - Main Page (Wiki) docs.protoscript.com
A simplified scripting language for creating Ajax style prototypes for the Web.
- ActsAsUndoable | Javascript nodetraveller.com
- curl.js (with IE 6/7 support) netzgesta.de
curl.js 1.0 allows you to add an page curl effect (inc. backside mask) to images on your webpages. It uses unobtrusive javascript to keep your code clean.
"This is an effort to make an easy and simple way to blend the accessibility of html with the animation of flash. JavaScript is then used as the bridge to communicate between the two." Just a proof of concept at the moment.
- jQuery UI: Widgets, Components, and Interactions ui.jquery.com
A set of themable widgets and interactions, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications.