Collective #46
Inspirational Website of the Week
MapBox has a really clean and beautiful design with a great color scheme and some interesting slideshows and infographics.
Get inspiredForm Follows Function
Form Follows Function is a collection of interactive experiences by talented Jongmin Kim. Each experience has a its own unique design and functionality. All the experiences are created in HTML5, the site works beautifully on both desktop and tablet.
Check it outWeb Developer Checklist
A useful and complete checklist for your project by Sayed Ibrahim Hashimi and Mads Kristensen.
Read itTypesetting Responsive CSS3 Columns
Tommi Kaikkonen creates a very nice example of a responsive column-based layout using CSS3 columns.
Check it outWeb Safe Colors
Web Safe Colors by Denis Leblanc gives you a useful overview of all the web safe colors with their HEX and RGB value.
Check it outApp Performance Resources
A round-up of useful resources about app performance by Paul Lewis.
Check it outConditional Lightbox
A great article by Brad Frost on conditional lightbox functionality depending on screen size.
Read itMake Pretty Charts For Your App with jQuery and xCharts
Martin Angelov shows how to use xCharts together with the daterange picker for Twitter Bootstrap in order to build an AJAX-powered chart for your web application that fetches data from a MySQL table.
Read itBandwidth Media Queries? We Don’t Need ’Em!
Yoav Weiss analyzes why the bandwidth media query idea is a bad one and why bandwidth optimization should be better left to the browser.
Read itMIDI.js
MIDI.js ties together, and builds upon frameworks that bring MIDI generation to the browser. Combine it with jasmid to create a web-radio MIDI stream or with Three.js, Sparks.js, or GLSL to create audio-visual experiments.
Check it outParamQuery Grid
ParamQuery grid is a light-weight jQuery grid plugin inspired by MS Excel and Google spreadsheet. It's based on the jQueryUI Widget factory which is an excellent design pattern for UI controls with a consistent API.
Check it outFlexible Foundations
"Good design could have been made better had we grasped the benefits of the flexible foundation years earlier." Some good thoughts by Trent Walton on RWD and on how we ignored the true flexible nature of the web all this time.
Read it#50C1AL: jQuery Plugin for Sharing & Displaying Social Network Buttons
A jQuery plugin for listing profiles and sharing with some nice overlay options.
Check it outA Tale of Two Clocks - Scheduling Web Audio with Precision
Chris Wilson explains some of the least understood topics of Web Audio: how to properly work with the audio clock.
Read itSVG Styling
An insightful article about the future of SVG and how to use SVG Styling.
Read itWho Says the Web is Just for Squares?
A tutorial by Trevor Davis from Viget on how to create a grid layout with diamond shapes.
Read itSuper Resize Me
Are you one of those fanatic browser window resizers? Then you can finally put your incredible talent to use and play this fun responsive game by Maximin.
Waste some timePolyCrypt: A WebCrypto Polyfill
The W3C WebCrypto working group is developing a crypto API for the DOM and until all browsers support it you can start get a feel for how to use it with this pure JavaScript implementation by BBN Technologies.
Check it outSlide.ly Instant Videos
With Slide.ly you can create slideshow videos using your favorite photos and music and share them quickly with your friends on all popular social networks.
Try itSassMe: Visualize SASS color functions
With SassMe you can visualize SASS color functions in real-time without compiling by Arc90 Lab.
Check it outJunior Front-End Framework
Junior is a front-end framework for building HTML5 mobile apps with a native look and feel.
Check it outMosh: Mobile Shell
Mosh is a remote terminal application that allows roaming, supports intermittent connectivity, and provides intelligent local echo and line editing of user keystrokes. It's a replacement for SSH, being more robust and responsive, especially over Wi-Fi, cellular, and long-distance links.
Check it outYou Suck at Retina
Most of us are guilty of that: we really suck at retina. Zach Holman calls out for updating our style sheets and start serving higher-resolution assets for a more retina-friendly web.
Read itSpectragramJS
SpectragramJS is an easy-to-use jQuery plugin by Adrian Quevedo for the Instagram API to fetch and display photo feeds in your web app.
Check it outProfound Grid
Profound Grid is a responsive grid system for fixed and fluid layouts. Built in SCSS, it gives you flexibility and full control.
Check it outImage Picker
Image Picker is a simple jQuery plugin that transforms a select element into a more user friendly graphical interface.
Check it out