Collective #109
Inspirational Website of the Week: NZK
![Collective109_NZK](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/03/Collective109_NZK.jpg?x86293)
Nicolas Zezuka makes some magic happen on his excellently crafted website. Our pick this week.
Get inspireddevices.css
![Collective109_cssmobi](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/03/Collective109_cssmobi.jpg?x86293)
A set of eight beautiful flat design mobile devices made with CSS by Oleg Tsaplin.
Check it outWTF, HTML and CSS?
![Collective109_wtfhtmlcss](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/03/Collective109_wtfhtmlcss.jpg?x86293)
A collection of frustrating HTML and CSS quandaries, miscues, and dilemmas. Curated by Mark Otto.
Check it outSpring-cleaning Unused CSS With Grunt, Gulp, Broccoli or Brunch
![Collective109_unusedcss](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/03/Collective109_unusedcss.jpg?x86293)
A great write-up by Addy Osmani on build tasks for removing unused CSS in your pages.
Read itA Modern Designer's Canvas
![Collective109_moderndesignerscanvas](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/03/Collective109_moderndesignerscanvas.jpg?x86293)
A truly inspiring article by Andrew Clarke that looks beyond the usual technicalities of being a good designer or developer.
Get inspiredPatatap
![Collective109_patatap](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/03/Collective109_patatap.jpg?x86293)
With Patatap you can use your keyboard to play interesting sounds and create groovy visuals.
Check it outForms: The Complete Guide
![Collective109_forms](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/03/Collective109_forms.jpg?x86293)
An in-depth look at forms by Martin Polley. Read part 1 on layout and alignment of forms, too.
Read itFree Font: Pinto No_04
![pinto](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/03/pinto.jpg?x86293)
An artistic and playfull font designed by Georg Herold-Wildfellner. No_04 is for free.
Get itGet Lucky
![Collective109_getlucky](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/03/Collective109_getlucky.jpg?x86293)
Pharrell Williams, Daft Punk and Nile Rodgers jamming in animated SVG style. Made by Matthew Copeland.
Check it outSrcset and sizes
![Collective109_srcsetsizes](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/03/Collective109_srcsetsizes.jpg?x86293)
Eric Portis describes a responsive image solution using sizes
and sizes
that might be interesting for the future.
Dribbbox
![Collective109_dribbbox](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/03/Collective109_dribbbox.jpg?x86293)
Dribbbox displays your work in a clean, easy-to-browse gallery site that you can self-host.
Check it outIxD (Interaction Design) Checklist
![Collective109_ixdchecklist](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/03/Collective109_ixdchecklist.jpg?x86293)
An interesting checklist that you can use to evaluate your work and create a better understanding of interactions.
Check it outPlaying with CSS3 Animations
![Collective109_cssanims](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/03/Collective109_cssanims.jpg?x86293)
A tutorial by Vincent Tantardini on how to create some nifty animations for a menu and content layout.
Check it outMedical Icon Pack
![medicons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/03/medicons.png?x86293)
A great set of 18 meaningful icons by Iris Eda Atalay for your next medical-related project.
Get itVelositey
![Collective109_velositey](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/03/Collective109_velositey.jpg?x86293)
Velositey is an interesting Photoshop plugin for rapid prototype designing. Made by Dan Ross and Kieran Black. Pay with a Tweet.
Get itCSS Cityscape
![Collective109_csscity](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/03/Collective109_csscity.jpg?x86293)
The skyline of (S)CSS city crafted by Oliver Knoblich.
Check it outContent-out Layout
![Collective109_contentoutlayout](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/03/Collective109_contentoutlayout.jpg?x86293)
Nathan Ford shows how using a ratio-based, modular approach to grids creates a harmonious composition on a website.
Read itSoundslice
![Collective109_soundslice](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/03/Collective109_soundslice.jpg?x86293)
Soundslice offers a fantastic new way to transcribe your music to interactive notation and tabs.
Check it outFree Font: Modum
![modum](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/03/modum.png?x86293)
Modum is a contemporary serif font family designed by The Northern Block Ltd. Get the regular and italic styles for free.
Get it