Collective #160
![Collective160_plasticb](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Collective160_plasticb.png?x86293)
Inspirational Website of the Week: Plasticbionic
Plasticbionic has a unique layout and some interesting navigation effects. Our pick this week.
Get inspired![Collective160_inpieces](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Collective160_inpieces.png?x86293)
In Pieces: 30 Endangered Species, 30 Pieces
30 species in 30 pieces, all in CSS. A fantastic presentation with beautiful animations made by Bryan James.
Check it out![Collective160_texturesjs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Collective160_texturesjs.png?x86293)
Textures.js
A very useful JavaScript library made on top of D3.js for creating SVG patterns for data visualization. Made by Riccardo Scalco.
Check it out![Colelctive160_NativeScrolling](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Colelctive160_NativeScrolling.png?x86293)
Native Scrolling
Anselm Hannemann's critical view on custom scrolling and why using it can be problematic.
Read it![Collective160_redesignlogin](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Collective160_redesignlogin.png?x86293)
Redesigning the Login Screen
Read about how the new login page of GoSquared was made. A behind-the-scenes article by JT.
Check it out![Colelctive160_Logdown](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Colelctive160_Logdown.png?x86293)
Logdown
Logdown is a debug utility for the browser and the server with Markdown support. By Caio Gondim.
Check it out![Colelctive160_typejs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Colelctive160_typejs.png?x86293)
type.js
Type.js allows you to write new CSS properties to take finer typographic control of type styles on the web. Made by Nathan Ford.
Check it out![Collective160_click](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Collective160_click.jpg?x86293)
Browser Input Events: Can We Do Better Than The Click?
Dustan Kasten explores the event cascade of input events and shows how to use it to create solid and responsive experiences.
Read it![Colelctive160_Circo](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Colelctive160_Circo.png?x86293)
Free Font: CIRCO
Beautiful letter design inspired by the circus. Made by Tano Veron. Pay with a tweet.
Get it![Colelctive160_Sanatize](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Colelctive160_Sanatize.png?x86293)
sanitize.css
Sanitize.css makes browsers render elements consistently and allows you to style with today's best practices out-of-the-box. A project by Jonathan Neal.
Check it out![Colelctive160_Wearables](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Colelctive160_Wearables.png?x86293)
Readable Wearables
Matt Griffin shows how to tackle the world of tiny wearables and takes responsiveness to a micro level.
Read it![Collective160_rickastley](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Collective160_rickastley.jpg?x86293)
The Rick Astley Remixer
A really cool WebGL project showcased in Chrome Experiments that allows you to finally remix this epic song! Made by Dinahmoe.
Check it out![Collective160_napkin](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Collective160_mapkin.png?x86293)
Napkin
A very interesting app that let's you design quick mock ups, directly on your phone. Made by Scott Savarie.
Check it out![Colelctive160_icons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Colelctive160_icons.png?x86293)
to [icon]
A new website with CC 4.0 licensed icons. Check out the latest set of beautifully designed icons, Fandom, made by Carol Liao.
Check it out![Colelctive160_CalendarBase](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Colelctive160_CalendarBase.png?x86293)
Calendar Base
Base methods for generating calendars using JavaScript with great browser support. By Wesley de Souza.
Check it out![Collective160_signify](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Collective160_signify.png?x86293)
Free Font: Signify
Conor Leary designed this free spirited font with a unique touch.
Get it![Collective160_HipHop](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Collective160_HipHop.jpg?x86293)
Free Hip Hop Dancer Images
20 free HD stock images of Hip Hop dancers in different poses perfect for music related projects. Free for commercial use (CC 4.0) with a email signup.
Check it out![Colelctive160_musicalnotation](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Colelctive160_musicalnotation.png?x86293)
Writing Musical Notation on Web Pages: The Basics
Learn about how to create musical notation on a modern website in this article by Dudley Storey.
Read it![Collective160_Quotation](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Collective160_Quotation1.png?x86293)
Web Design Quote Generator
Need to quote a client? This generator will make creating an elegant looking web design quotation easy. Made by Switch Digital.
Check it out![Colelctive160_SceneVR](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/03/Colelctive160_SceneVR.png?x86293)
SceneVR
Ben Nolan's aim with this platform is to enable web devs to create virtual reality scenes with tools they are familiar with.
Check it out