Collective #253

Inspirational Website of the Week: RSQ
Bold typography and meaningful, smooth micro-interactions make this site a gem. Our pick this week.
Get inspired
Settle all bets about your customer experience
Capture everything, and we mean everything, about your customer experience with one easy-to-install script.
Try it free
An open source font system for everyone
Google's dedication to provide a complete font experience for every language has resulted in the open-source Noto font family covering every symbol in the Unicode standard for more than 800 languages.
Get it
Kap: Capture your screen
A beautifully designed open-source screen recorder built with web technology.
Check it out
Magic randomisation with nth-child and Cicada Principle
Charlotte Jackson shows how to add some interesting randomness in CSS using the Cicada principle.
Read it
Down with the tool fetish
In the recent light of the "How it feels to learn JavaScript in 2016" uproar, Peter-Paul Koch adds his valuable thoughts.
Read it
Will we be flattening our HTML for CSS Grids?
The new grid layout get's us all excited but there might be the risk that we malform our HTML to make it work, as Chris Coyier puts it.
Read it
Alternative Text and Images
A great guide to using alt for different types of images by Ire Aderinokun.
Check it out
A Javascript journey with only six characters
Jasper Cashmore takes us on a very interesting JavaScript journey with only six magical characters.
Check it out
Synchronise background position with padding
A smart autormatic way of positioning a background image according to the padding by Hugo Giraudel.
Check it out
Flat Line UX And E-Commerce Icon Sets
A very complete icon set coming in many useful formats all around E-commerce.
Get it
Free Font: Absolute
A unique artistic typeface designed by Elizabeth Obodova.
Get it
ASCII to SVG
An awesome experiment that lets you convert ASCII code to an SVG drawing. By Ivan Ceras.
Check it out
Google Interview University
A complete daily plan for studying to become a Google software engineer. By John Washam.
Check it out
Animography - Franchise Text Editor
An amazing animated text demo by Hernan Torrisi.
Check it out
Simple, semantic and responsive tables
Wouter Hillen shows how to make well structured and semantic tables in this second part on responsive tables.
Read it
WordPlate
An older but useful gem: WordPlate is a modern WordPress stack which tries to simplify the fuzziness around WordPress development using the latest standards from PHP.
Check it out
90 free line and solid icons for Sketch and Illustrator
A gigantic set of 90 beautifully designed icons in vector format by Murat Mutlu.
Get it
Free Font: Douchepac
A fun pixel font designed by Zehigel.
Get it
SyFy Hunters
An interactive WebGL experience with some super-cool transitions and effects.
Check it out
fireflies.ai
Fireflies.ai is a Chrome extension that works like your personal assistant for your daily tasks.
Check it out
Phoenix Startup UI Kit – Free Sample
A free sample from the lovely Phoenix Startup UI Kit to amplify your next project. By UI Market.
Check it out