Collective #109

View All

devices.css * WTF, HTML and CSS? * Clean CSS * Srcset and sizes * Dribbbox * Velositey * Soundslice

Cover design by Emanuel Serbanoiu
Collective 9

Inspirational Website of the Week: NZK

Collective109_NZK

Nicolas Zezuka makes some magic happen on his excellently crafted website. Our pick this week.

Get inspired

devices.css

Collective109_cssmobi

A set of eight beautiful flat design mobile devices made with CSS by Oleg Tsaplin.

Check it out

WTF, HTML and CSS?

Collective109_wtfhtmlcss

A collection of frustrating HTML and CSS quandaries, miscues, and dilemmas. Curated by Mark Otto.

Check it out

Spring-cleaning Unused CSS With Grunt, Gulp, Broccoli or Brunch

Collective109_unusedcss

A great write-up by Addy Osmani on build tasks for removing unused CSS in your pages.

Read it

A Modern Designer's Canvas

Collective109_moderndesignerscanvas

A truly inspiring article by Andrew Clarke that looks beyond the usual technicalities of being a good designer or developer.

Get inspired

Patatap

Collective109_patatap

With Patatap you can use your keyboard to play interesting sounds and create groovy visuals.

Check it out
Advertisement

Free Font: Pinto No_04

pinto

An artistic and playfull font designed by Georg Herold-Wildfellner. No_04 is for free.

Get it

Get Lucky

Collective109_getlucky

Pharrell Williams, Daft Punk and Nile Rodgers jamming in animated SVG style. Made by Matthew Copeland.

Check it out

Srcset and sizes

Collective109_srcsetsizes

Eric Portis describes a responsive image solution using sizes and sizes that might be interesting for the future.

Read it

Dribbbox

Collective109_dribbbox

Dribbbox displays your work in a clean, easy-to-browse gallery site that you can self-host.

Check it out

IxD (Interaction Design) Checklist

Collective109_ixdchecklist

An interesting checklist that you can use to evaluate your work and create a better understanding of interactions.

Check it out

Playing with CSS3 Animations

Collective109_cssanims

A tutorial by Vincent Tantardini on how to create some nifty animations for a menu and content layout.

Check it out

Medical Icon Pack

medicons

A great set of 18 meaningful icons by Iris Eda Atalay for your next medical-related project.

Get it

Velositey

Collective109_velositey

Velositey is an interesting Photoshop plugin for rapid prototype designing. Made by Dan Ross and Kieran Black. Pay with a Tweet.

Get it

CSS Cityscape

Collective109_csscity

The skyline of (S)CSS city crafted by Oliver Knoblich.

Check it out

Content-out Layout

Collective109_contentoutlayout

Nathan Ford shows how using a ratio-based, modular approach to grids creates a harmonious composition on a website.

Read it

Soundslice

Collective109_soundslice

Soundslice offers a fantastic new way to transcribe your music to interactive notation and tabs.

Check it out

Free Font: Modum

modum

Modum is a contemporary serif font family designed by The Northern Block Ltd. Get the regular and italic styles for free.

Get 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.