Collective #257
Inspirational Website of the Week: Aftershock
A very bold design with some humorous details and some interesting interactions. Our pick this week.
Get inspiredCoding Challenge #41: Clappy Bird!
A marvelous video by Daniel Shiffman where he shows how to employ audio-responsiveness in a game.
Watch it11 Interesting Web Browsers (That Aren't Chrome)
Chris Brandrick presents a collection of 11 great browser alternatives to Chrome.
Check it outPulp
With Pulp you can easily create (or download ready-made) responsive email templates quickly.
Check it outDesigning Grids
Zell Liew's explores grids and shows what goes into creating custom grids for your designs.
Read itFree Font: Rixel
A unique rounded pixel typeface designed by by Emīl Blūm
Get itHow 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 itHowdy HTML Template
A beautifully designed HTML template by Erwin Aligam for Pixel Buddha.
Check it outProgressive 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 itWordPress Without Shame
Gina Trapani's experiences and thoughts on using WordPress as a CMS.
Read itUber Visual Identity Redesign
Uber's visual identity redesign flow summarized.
Check it outDotted Globe
An awesome Three.js experiment where a 3D globe can be switched to a 2D version.
Check it outtdo - Hackable Todo List
A compelling, keyboard-controlled todo list build by Marko Stijak.
Check it outA Little Thing About Blends
Some very interesting insight on CSS Blend Modes by Ruth John.
Check it outLightning Storm with Rain
An awesome demo of a lightning storm and some rain by lightning storm with rain Nvagelis.
Check it outOn Style Maintenance
An insightful article with good advice on future-proof code maintenance by Sarah Drasner.
Read itThe 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 itSmashicons: 170 Retro Business Icons (AI, Sketch)
A huge set of 170 business icons by Smashicons in vector format.
Get itAngry Birds in Pure CSS
Rachel Bull's recreation of Angry Birds just with CSS and the power of box-shadows.
Check it outFree Font: Setta Script
A lovely free script font designed by Ian Mikraz.
Get itOffline 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