Inspired by the observations of Luke Wroblewski, this Off Canvas layout demo has 3 panels that display differently depending on the viewport width. The idea here is to have the two supporting panels of navigation and sidebar content hidden just off-screen to the left and right for easy access on small/medium viewports. Off Canvas is… Continue reading Off Canvas
Author: Javery
daneden/Baseline.js
Baseline.js Baseline.js is a simple jQuery plugin for restoring baselines thrown off by odd image sizes. Simply call the plugin like so, passing the height of your baseline as a variable. It even works on responsive designs! https://github.com/daneden/Baseline.js
BonsaiJS Demos – Pie Chart
A lightweight graphics library with an intuitive graphics API and an SVG renderer. http://demos.bonsaijs.org/demos/pie/index.html
CSS Values | CSS Reference, Properties and Values, CSS3
This is an awesome way to quickly review CSS property option values http://cssvalues.com/#box-sizing
Responsive Web Design Patterns | This Is Responsive
With a twang of jealously because I may or may not be 80% through something extremely simliar, you should definitely check out Brad Frosts examples page. There are working examples of layouts, navigation, images, media, forms and modules. If there’s one thing you click on for this newsletter this should be it http://bradfrost.github.com/this-is-responsive/patterns.html
jQuery Socialist
Display all your social channels in one location with this Pinterest styled layout
enquire.js – Awesome Media Queries in JavaScript
A lightweight JavaScript library for handling CSS media queries. Deal with your media queries being matched (and even unmatched!) Respond to browser events with aplomb And if you want to get really fancy, run one-time setup routines http://wickynilliams.github.com/enquire.js/
Modernizr 2.6.2 released
Modernizr is probably the most used item in all of the responsive sites that I’ve reviewed so far. Now that summer is over they’ve come home from the pub and gone back to work with the release of Modernizr 2.6.2 with a number of new detects, bug fixes, and test improvements for your modern development… Continue reading Modernizr 2.6.2 released
Gmvault: gmail backup
Backup and restore your gmail account at will. Liberate your emails and never lose that part of your life. http://gmvault.org/
Chronoline.js
Welcome to the chronoline.js demo page. chronoline.js is a library for making a chronology timeline out of events on a horizontal timescale. From a list of dates and events, it can generate a graphical representation of schedules, historical events, deadlines, and more. Below are 3 examples with events from the 2012 MLB Regular Season. http://stoicloofah.github.com/chronoline.js/