Collective #46

View All

Interactive Experiments * CSS3 Columns * Web Safe Colors * SVG Styling * Mosh * Responsive Grid System

Collective 46

Inspirational Website of the Week

Collective46_01

MapBox has a really clean and beautiful design with a great color scheme and some interesting slideshows and infographics.

Get inspired

Form Follows Function

Collective46_08

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

Collective46_13

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

Read it

Typesetting Responsive CSS3 Columns

Collective46_11

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

Check it out
Advertisement

Web Safe Colors

Collective46_02

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

Collective46_05

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

Collective46_06

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!

Collective46_07

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

Collective46_09

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

Collective46_10

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

Collective46_12

"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

Collective46_03

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

Collective46_14

Chris Wilson explains some of the least understood topics of Web Audio: how to properly work with the audio clock.

Read it

SVG Styling

Collective46_15

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

Read it

Who Says the Web is Just for Squares?

Collective46_23

A tutorial by Trevor Davis from Viget on how to create a grid layout with diamond shapes.

Read it

Super Resize Me

Collective46_04

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

Collective46_16

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

Slide.ly Instant Videos

Collective46_17

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 it

SassMe: Visualize SASS color functions

Collective46_18

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

Check it out

Junior Front-End Framework

Collective46_19

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

Check it out

Mosh: Mobile Shell

Collective46_20

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

Collective46_21

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

Collective46_22

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

Collective46_24

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

Collective46_25

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

Check it out

Do you want to share some interesting news here?

The Collective features the latest news and resources from the web design & web development community. If you have spotted something that you'd like to appear in the next issue, just submit it here