Found 96 bookmarks
Custom sorting
Developing an accessible slider | Filament Group, Inc.
Developing an accessible slider | Filament Group, Inc.
The solution we devised is based on the core principle of progressive enhancement: start with basic, functional markup and then layer on complexity, if supported. In most cases, coding for progressive enhancement allows us to build a single code base for both the basic and enhanced versions; we then apply additional CSS and Javascript to create the richer experience for capable browsers. But when we're developing the UI for a web application and creating widgets that capture data, we're often starting with form element markup that doesn't readily cooperate with CSS, or that doesn't have all the moving pieces necessary to create a more complex widget.
Developing an accessible slider | Filament Group, Inc.
PouchDB, the JavaScript Database that Syncs!
PouchDB, the JavaScript Database that Syncs!

"PouchDB is an open-source JavaScript Database inspired by Apache CouchDB that is designed to run well within the browser.

PouchDB was created to help web developers build applications that work equally as well offline as they do online. It enables applications to store data locally while offline, and synchronize it with CouchDB and compatible servers when the application is back online, keeping the user's data in sync no matter where they next login."

PouchDB, the JavaScript Database that Syncs!
Greg Sherwood: PHP_CodeSniffer and JavaScript Lint
Greg Sherwood: PHP_CodeSniffer and JavaScript Lint
The new JavaScript tokenizer in PHP_CodeSniffer allows you to write your own custom JS sniffs, but JavaScript Lint already has a set of generic tests that can be applied to your code. Thanks to the JavaScript Lint command line tool, jsl, you can now include JavaScript Lint warnings and errors in your coding standards.
Greg Sherwood: PHP_CodeSniffer and JavaScript Lint
JavaScript Information Visualization Toolkit (JIT) at noumena
JavaScript Information Visualization Toolkit (JIT) at noumena

he JIT is an advanced JavaScript infovis toolkit based on 5 papers about different information visualization techniques. The JIT implements advanced features of information visualization like Treemaps (with the slice and dice and squarified methods), an adapted visualization of trees based on the Spacetree, a focus+context technique to plot Hyperbolic Trees, and a radial layout of trees with advanced animations (RGraph).

JavaScript Information Visualization Toolkit (JIT) at noumena
Allan Jardine | Visual Event
Allan Jardine | Visual Event
Events in Javascript are often seen as a bit of an enigma. This is odd given that Javascript is very much an event driven language, but it is typically down to their complex nature and difficulty to debug. To this end I've created Visual Event to help track events which are subscribed to DOM nodes.
Allan Jardine | Visual Event
Shindig - an Apache incubator project for OpenSocial and gadgets
Shindig - an Apache incubator project for OpenSocial and gadgets

Shindig is a new project in the Apache Software Foundation incubator and is an open source implementation of the OpenSocial specification and gadgets specification.

The architectural components of Shindig can be broken down as follows:

* Gadget Container JavaScript -- core JavaScript foundation for general gadget functionality. This JavaScript manages security, communication, UI layout, and feature extensions, such as the OpenSocial API.
* Gadget Server -- used to render the gadget XML into JavaScript and HTML for the container to expose via the container JavaScript.
* OpenSocial Container JavaScript -- JavaScript environment that sits on top of the Gadget Container JavaScript and provides OpenSocial specific functionality (profiles, friends, activities, datastore).
* OpenSocial Data Server -- an implementation of the server interface to container-specific information, including the OpenSocial REST APIs, with clear extension points so others can connect it to their own backends.
Shindig - an Apache incubator project for OpenSocial and gadgets
jQuery pageSlide - Halobrite
jQuery pageSlide - Halobrite
jQuery pageSlide was inspired by the UI work of Aza Raskin. In his recent posts regarding concepts for Firefox Mobile and a mouse-based Ubiquity, Aza introduced the idea of sliding (or "throwing") content aside to reveal a secondary content pane.
jQuery pageSlide - Halobrite
jQuery Sparklines
jQuery Sparklines

This jQuery plugin generates sparklines (small inline charts) directly in the browser using data supplied either inline in the HTML, or via javascript.

The plugin is compatible with most modern browsers and has been tested with Firefox 2+, Safari 3+, Opera 9 and Internet Explorer 6 & 7.

jQuery Sparklines
cjohansen's juicer at master - GitHub
cjohansen's juicer at master - GitHub

Juicer is a command line tool that helps you ship frontend code for production.

High level overview; Juicer can

* figure out which files depend on each other and merge them together, reducing the number of http requests per page view, thus improving performance
* use YUI Compressor to compress code, thus improving performance
* verify that your JavaScript is safe to minify/compress by running JsLint on it
* cycle asset hosts in CSS files
* add "cache busters" to URLs in CSS files
* recalculate relative URLs in CSS files, as well as convert them to absolute (or convert absolute URLs to relative URLs)
cjohansen's juicer at master - GitHub
Jester
Jester

Jester is a JavaScript implementation of REST, with syntax modeled after ActiveResource. You can use it to write code to read, create, and update the data on your server.

* Great Syntax – If you’ve gotten used to dirt-easy syntax like ActiveRecord’s “User.find(1)” for getting records, you can look forward to the same simplicity in Jester. Wherever possible, Jester takes advantage of JavaScript’s flexibility to keep things simple.

* Associations – Jester supports and reflects your Rails associations, detecting them automatically if your server includes them in its output.

* Plays With Others – Jester supports “JSONP”, a format for JSON that allows your API to be shared with JavaScript remotely. Sites like Twitter that support this work perfectly with Twitter, with minimal configuration on your part.

* Dependencies – Prototype, a server that uses RESTful URL and format conventions as popularized by Rails and ActiveResource. In Rails, a controller whose routes are defined using “map.resources” will work with Jester with no extra configuration.
Jester