Bi-Weekly Frontend News

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 inspired

Form 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 out

Web Developer Checklist


A useful and complete checklist for your project by Sayed Ibrahim Hashimi and Mads Kristensen.

Read it

Typesetting Responsive CSS3 Columns


Tommi Kaikkonen creates a very nice example of a responsive column-based layout using CSS3 columns.

Check it out

Web 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 out

App Performance Resources

A round-up of useful resources about app performance by Paul Lewis.

Check it out

Conditional Lightbox


A great article by Brad Frost on conditional lightbox functionality depending on screen size.

Read it

Make 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 it

Bandwidth 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 it



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 out

ParamQuery 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 out

Flexible 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 out

A 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 it

SVG Styling


An insightful article about the future of SVG and how to use SVG Styling.

Read it

Who 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 it

Super 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 time

PolyCrypt: 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 out Instant Videos


With you can create slideshow videos using your favorite photos and music and share them quickly with your friends on all popular social networks.

Try it

SassMe: Visualize SASS color functions


With SassMe you can visualize SASS color functions in real-time without compiling by Arc90 Lab.

Check it out

Junior Front-End Framework


Junior is a front-end framework for building HTML5 mobile apps with a native look and feel.

Check it out

Mosh: 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 out

You 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 it



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 out

Profound 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 out

Image Picker


Image Picker is a simple jQuery plugin that transforms a select element into a more user friendly graphical interface.

Check it out