Collective #120

View All

Outdated Browser * Odyssey.js * will-change * Type Sample * Browserify * Emulators in JS * bounce.js * Boba.js * Keylight

Cover design by Forefathers
Collective120

Inspirational Website of the Week: Sismo Design, studio de design et innovation

Collective120_wotw_sismo

A fantastic experience full of well-planned effects and a brilliant color scheme. Our pick this week.

Get inspired

Outdated Browser

Collective120_outdatedbrowser

A really nice project by Büro that gives users an incentive to update their outdated browser.

Check it out

Odyssey.js

Collective120_odyssey

A mind-blowing library to help journalists, bloggers, and other people on the web publish stories that combine narratives with maps and map interactions. Made by CartoDB.

Check it out

Everything You Need to Know About the CSS will-change Property

Collective120_willchange

An insightful article by Sara Soueidan on the new "will-change" property — a property that will help us write performance-optimized code.

Read it
Advertisement

Type Sample

Collective120_typesample

A great tool for identifying and sampling web fonts.

Check it out

bounce.js

Collective120_bounce

A very useful tool for rapidly creating CSS3 powered animations for elements. Made by Joel Besada.

Check it out

Sable Kit Free (AI, EPS, PNG)

Collective120_sablefreebie

A great freebie with some creative elements for your next design, by PixelBuddha.

Get it

Building a responsive SVG map

Collective120_responsivesvg

An excellent article by BBC News developer Tian Yuan on how to create responsive SVG maps for data driven visual components as part of the 2014 local and european elections.

Check it out

100 Free Icons (PSD, AI, Webfont)

Collective120_100freeicons

One hundred excellent vector based icons designed by Piotr Makarewicz.

Get it

Starnight HTML5/CSS3 Website Template

Collective120_starnight

A stunning website template coded by talented Peter Finlan and designed by Blaz Robar.

Get it

Emulators written in JavaScript

Collective120_jsemulators

A super-cool compilation of emulators written in JavaScript by Frederic Cambus.

Check it out

Boba.js

Collective120_boba

Boba.js is a small and extensible JavaScript library that makes working with Google Analytics easier. Created by space150.

Check it out

<github-card>

Collective120_githubcard

A web component made by Guille Paz for showing a Github profile card.

Check it out

Getting Started with Browserify

Collective120_browserify

A detailed guide on getting started with Browserify by Patrick Catanzariti from Sitepoint.

Read it

Free Font: Draft Display

Collective120_draftdisplay

A beautiful and unique display typeface by Camille San Vicente.

Get it

CSS Gradients with background-blend-mode

Collective120_gradientpatterns

A collection of cool CSS gradients that are made using the new background-blend-mode property. Curated by Bennett Feely.

Check it out

Keylight

Collective120_keylight

An amazing audio rhythm experiment that let's you play sounds by placing key notes in a room. Made by Hakim El Hattab.

Check it out

Share: The Icon No One Agrees On

Collective120_shareicon

Min Ming Lo analyzes one of the most non-agreed-upon icons in the history of the web: the share icon.

Read it

100 Free Icons (SVG, PNG, PSD & AI)

Collective120_100iconsfreebiesbug

Martin J.Berthelsen shares this fantastic set of one hundred pixel-perfect line icons.

Get it

Icebreaker (PSD)

Collective120_icebreaker

A pixel-perfect set of desk items designed by Cory Ehrenberg.

Get it

Sharing Data Between Sass and JavaScript with JSON

Collective120_sassjson

Nate Hunzaker from Viget shows how to import variables as JSON into Sass.

Read it

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.