Collective #181
Inspirational Website of the Week: ISL
A dynamic experience and excellent typography made us pick ISL this week.
Get inspiredUnderstanding Critical CSS
Dean Hume explains what critical CSS is and how we can inlining it into the head of pages for faster site loading.
Read itThe Language of Modular Design
Alla Kholmatova explains why design language is the most important pillar for modularity.
Read itQuick Add To Cart
A handy snippet to let users customize a product directly from the products gallery, and add it to the cart. By Claudia Romano from CodyHouse.
Check it outFree Font: Rissa
A beautiful hand-drawn font made by Maulana Creative for PixelBuddha.
Get itBig List of Naughty Strings
The Big List of Naughty Strings is a list of strings which have a high probability of causing issues when used as user-input data. Put together by Max Woolf.
Check it outWebGLStudio.js
A full 3D graphics editor in the browser, with scene editor, coding pad, graph editor, virtual file system, and many features more. By Javi Agenjo.
Check it outReal-Time Search in JavaScript
A nice technique to search on a page and show the relevant content while hiding the other part. By Osvaldas Valutis.
Check it outThe ES6 Conundrum
Christian Heilman writes about ECMAScript6, the evolution of JavaScript, and shows how powerful it is and why it needs our attention.
Read itFree Font: Break
A very lovely and unique looking font by Rajesh Rajput.
Get itFblu free icons (PSD, AI)
A very nice icon set with various line icons designed by buatoom.
Get itThe Hamburger Menu Doesn't Work
A fantastic article by James Archer on why the hamburger icon simply doesn't work.
Read itUI Kit (Sketch)
A lovely Sketch UI kit with various design elements made by Cerpow.
Get itCreate Text Filling with Water Effect
Lucas Bebber shows how to create a really cool water text filling effect with SVG.
Check it outPure CSS Apple Device Generator
A very handy Apple device generator that creates CSS-only devices from iPhones to iMacs. Made by Ömer Aslanbakan.
Check it outFree Font: Troupe Regular
Simon Stratford designed this lovely font and he offers the regular style for free.
Get it“Scribble” Image Reveal with SVG and Blend Modes
A really interesting technique of revealing an image using the animated stroke technique and belnd modes. By Dudley Storey,.
Check it outAndroid Experiments
A Google site that collects cool Android Experiments.
Check it outIteration Builds Momentum
Bryan Zmijewski writes about how every company is trying to put processes in place to minimize or eliminate failure, but in doing so are stifling the biggest driver of momentum.
Read it