Collective #56

View All

Stop DRM * Discover DevTools * jQuery Nested * Flat Design * Touch Touch * Free Font * Chart.js * jQuery Panzoom

Collective 56

Inspirational Website of the Week

Collective56_websiteaward

AWARD is our pick this week: it has a stylish retro look with some lovely effects.

Get inspired

Discover DevTools: Explore and Master Chrome DevTools

Collective56_discoverdevtools

Discover DevTools is an interactive Code School training course that will teach you how to take advantage of Chrome DevTool's powerful suite of resources and speed up the development and debugging of your web apps.

Start learning

jQuery Nested

Collective56_jquerynested

Nested is a jQuery plugin which allows you to create multi-column, dynamic grid layouts - without gaps.

Check it out

FlatDesign: A showcase of flat UI design

Collective56_flatdesign

A great gallery of websites with flat UI design to get inspired with the new trend.

Check it out

Chart.js

Collective56_chartjs

Chart.js is a easy-to-use and slick JavaScript library for creating all kinds of graphs.

Check it out
Advertisement

Responsive Web Design With Physical Units

Collective56_resolution

Get a grip of resolution media queries with the help of this excellent Smashing Magazine article by Radu Chelariu.

Read it

Working with flexbox: The new specification

Collective56_flexbox

An in-depth article by Steven Bradley on the new flexbox specification with some practical examples.

Read it

My Style

Collective56_mystyle

My Style is a Google Chrome extension by Karthik Viswanathan that allows you to insert custom CSS into pages, immediately see the visual results, and have that CSS persist for future visits.

Try it

Go Vertical

Collective56_touchscreens

Anthony Colangelo talks about vertical media queries and how they can, despite their rarity, be meaningful for some devices.

Read it

Let's Build a Lightweight Blog System (part 2)

Collective56_blogsystem

The second part of an in-depth tutorial on how to create a blog system by Martin Angelov.

Read it

Automatic Table of Contents

Collective56_dynamictoc

Learn how to dynamically create a table of contents for a web page in this tutorial by Chris Coyier.

Read it

Common Misconceptions About Touch

Collective56_touch

In this excellent article, Steven Hoober talks about common misconceptions about touchscreens and gives some useful design guidelines.

Read it

Intro.js

Collective56_intro

With Intro.js by Afshin Mehrabani you can create better introductions for websites and features with a step-by-step guide for your projects.

Check it out

Strikingly: Simple, beautiful sites in minutes

Collective56_strikingly

With the Strikingly site builder you can quickly create and publish a mobile-optimized site that looks simple and great.

Check it out

Picozu Online Image Editor

Collective56_imageeditor

Picozu (beta) is an image drawing and photo retouching application. It's build with HTML5, JavaScript and CSS3; so make sure you use a modern browser if you'd like to play with it.

Check it out

jQuery Panzoom

Collective56_panzoom

Panzoom by Timmy Willison is a progressive plugin for providing panning and zooming functionality for an element. It supports the same browsers as jQuery 2.0 and can be used with jQuery 1.9.0+ or jQuery 2.0+. Rather than setting width and height on an image tag, Panzoom uses CSS transforms and matrix functions to take advantage of hardware/GPU acceleration in the browser.

Check it out

Two-Column Mobile Layouts Outperform Three-Columns by 29%

Collective56_2columns

Some useful insights about how a two-column layout performs better than a three-column layout from ZURB.

Read it

There's more to the CSS rem unit than font sizing

Collective56_rem

Roman Rudenko explains the rem unit and shows us some interesting alternative uses of it.

Read it

Free Font: Lev Serif Handline

Collective56_fontlev

Lev is a beautiful slab serif font designed by Leon Hulst, TypeFaith Fonts. You can get Lev Serif Handline for free.

Get it

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