Collective #257
![Collective257_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/10/Collective257_WOTW.png?x86293)
Inspirational Website of the Week: Aftershock
A very bold design with some humorous details and some interesting interactions. Our pick this week.
Get inspired![Collective257_ClappyBird](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/10/Collective257_ClappyBird.png?x86293)
Coding Challenge #41: Clappy Bird!
A marvelous video by Daniel Shiffman where he shows how to employ audio-responsiveness in a game.
Watch it![Collective257_11Browsers](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/10/Collective257_11Browsers.png?x86293)
11 Interesting Web Browsers (That Aren't Chrome)
Chris Brandrick presents a collection of 11 great browser alternatives to Chrome.
Check it out![Collective257_Pulp](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/10/Collective257_Pulp.png?x86293)
Pulp
With Pulp you can easily create (or download ready-made) responsive email templates quickly.
Check it out![Collective257_DesigningGrids](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/10/Collective257_DesigningGrids.png?x86293)
Designing Grids
Zell Liew's explores grids and shows what goes into creating custom grids for your designs.
Read it![Collective257_FreeRixel](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/10/Collective257_FreeRixel.png?x86293)
Free Font: Rixel
A unique rounded pixel typeface designed by by Emīl Blūm
Get it![Collective257_UnreadableWeb](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/10/Collective257_UnreadableWeb.png?x86293)
How the Web Became Unreadable
An interesting article by Kevin Marks where he identifies the problematic of contrast-lacking designs and pleas "designers to ignore the fads and go back to the typographic principles of print".
Read it![Collective257_HTMLtemplate](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/10/Collective257_HTMLtemplate.jpg?x86293)
Howdy HTML Template
A beautifully designed HTML template by Erwin Aligam for Pixel Buddha.
Check it out![Collective257_PWA3](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/10/Collective257_PWA3.png?x86293)
Progressive Web Apps with React.js: Part 3 - Offline support and network resilience
Addy Osmani's tips for shipping mobile web apps optimized using Lighthouse. The third part of a great series on PWAs.
Read it![Collective257_Wordpress](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/10/Collective257_Wordpress.png?x86293)
WordPress Without Shame
Gina Trapani's experiences and thoughts on using WordPress as a CMS.
Read it![Collective257_Uber](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/10/Collective257_Uber.png?x86293)
Uber Visual Identity Redesign
Uber's visual identity redesign flow summarized.
Check it out![Collective257_DottedGlobe](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/10/Collective257_DottedGlobe.png?x86293)
Dotted Globe
An awesome Three.js experiment where a 3D globe can be switched to a 2D version.
Check it out![Collective257_tdo](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/10/Collective257_tdo.png?x86293)
tdo - Hackable Todo List
A compelling, keyboard-controlled todo list build by Marko Stijak.
Check it out![Collective257_blendmodes](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/10/Collective257_blendmodes.png?x86293)
A Little Thing About Blends
Some very interesting insight on CSS Blend Modes by Ruth John.
Check it out![Collective257_lightning](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/10/Collective257_lightning.png?x86293)
Lightning Storm with Rain
An awesome demo of a lightning storm and some rain by lightning storm with rain Nvagelis.
Check it out![Collective257_StyleMaintenance](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/10/Collective257_StyleMaintenance.png?x86293)
On Style Maintenance
An insightful article with good advice on future-proof code maintenance by Sarah Drasner.
Read it![Collective257_Turtleneck](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/10/Collective257_Turtleneck.jpg?x86293)
The End of the Black Turtleneck
A great read by Bryan Zmijewski on how impactful design leaders are actually great collaborators and not isolated geniuses.
Read it![Collective257_ecommerceicons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/10/Collective257_ecommerceicons.png?x86293)
Smashicons: 170 Retro Business Icons (AI, Sketch)
A huge set of 170 business icons by Smashicons in vector format.
Get it![Collective257_AngryBirdsCss](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/10/Collective257_AngryBirdsCss.png?x86293)
Angry Birds in Pure CSS
Rachel Bull's recreation of Angry Birds just with CSS and the power of box-shadows.
Check it out![Collective257_FreeFontSetta](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/10/Collective257_FreeFontSetta.png?x86293)
Free Font: Setta Script
A lovely free script font designed by Ian Mikraz.
Get it![Collective257_OfflineStrategies](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/10/Collective257_OfflineStrategies.jpg?x86293)
Offline strategies come to the Service Worker Cookbook
Some solid examples of offline strategies that are added to the Service Worker Cookbook recipes.
Check it out