Collective #96

View All

Unison.js * Type Rendering Mix * SnowBox * ConfCal * uinames.com * The critical rendering path * Fluidbox * LICEcap

Collective 96

Inspirational Website of the Week

Collective96_hellomonday

The amazing website of "Hello Monday" is a masterpiece of design, interaction and effects. Our pick this week.

Get inspired

Unison.js

Collective96_unison

Unison.js is a light-weight plugin that lets you declare breakpoints in a unified way across CSS, HTML and JavaScript. Implementing responsive functionality becomes easier with this kind of shared breakpoint information.

Check it out

Type Rendering Mix

Collective96_Textrendering

Type Rendering Mix detects your browser's text rasterizer and antialiasing method and adds classes to the HTML element so that you can style typography to create consistent font rendering. Made by Tim Brown and Bram Stein.

Check it out

SnowBox - Sculpt and share your own snowthingie

Collective96_snowbox

Create your own grotesque or real looking digital snowman with this fantastic Christmas experiment by Claudio Guglieri, Emil Karlsson and Jaume Sánchez Elias

Check it out
Advertisement

ConfCal - A simple calendar for web and digital conferences

Collective96_confcal

ConfCal is a really useful calendar that collects all web and digital conferences in one place. Created by Alex Cowles.

Check it out

Uinames.com

Collective96_uinames

Not good in inventing names for your UI mockups? Uinames.com is a great tool for generating real "fake" names for your designs and mockups.

Check it out

The critical rendering path

Collective96_criticalpath

Understand the concept of the critical render path and learn how to optimize it in this insightful article by Patrick Sexton.

Read it

SVG Files: From Illustrator to the Web

Collective96_svgfiles

Learn the whole process of creating a SVG file and making it ready for the web in this article by Ian Yates on tuts+.

Check it out

Presenting: Fluidbox

Collective96_fluidbox

Terry Mun shows how he re-created and improved Medium's distraction-free lightbox module. The result is "Fluidbox" and you can check out a demo here.

Check it out

White Stripes UI Kit (PSD)

Collective96_whitestripes

A very light and elegant UI Kit with some useful components created by Heyllow Lab.

Get it

Icon Set (AI)

Collective96_iconset

A beautiful and clean vector icon set designed by Katarina Stefanikova. It contains 144 useful icons.

Get it

LICEcap: Simple animated screen captures

Collective96_CaptureGif

If you don't know it yet: LICEcap by Cockos is a light-weight application that can capture an area of your desktop and save it directly to .GIF or .LCF.

Check it out

Pure CSS Pythagoras tree

Collective96_csstree

Scott Kellum created this awesome pen that represents a Pythagoras tree made only with HTML and CSS.

Check it out

Circles: Circular SVG graphs

Collective96_Circles

Circles by lugolabs is a light-wheight JavaScript library that generates circular graphs in SVG with animation-support.

Check it out

Printable Paper

Collective96_PrintablePaper

A great section on InspirationHut where you can download and print out different paper types, from isometric paper to iPhone wireframes.

Get it

New Web Animations engine in Blink drives CSS Animations & Transitions

Alex Danilo tells the exciting news of Blink's next-generation animation model implementation in Chrome Canary.

Read it

Christmas Tree

Collective96_Christmastree

A cool little two spiral JS Christmas tree made by Andrei Kashcha.

Check it out

Would you like to become a Collective sponsor?

You can sponsor a Collective issue with your own news item. Find out more.

Would you like to send us some news?

The Collective features the latest news and resources from the web design & web development community. If you have spotted or created something that you'd like see published in the next issue, just submit the resource or article here.