Collective #686
Inspirational Website of the Week: Oatly
Oatly’s website just pops and has just so much individuality. Our pick this week.
Get inspired
Start working towards your career in design today.
Springboard offers a comprehensive UI/UX design bootcamp. In the course, you’ll complete design projects and a real-world externship with an industry client. Graduate with a UI/UX design mindset and a portfolio to show for it.
Learn more
Codeamigo
A new community-based platform that allows anyone to take free interactive coding tutorials.
Check it out
Towards an animation smoothness metric
Learn about measuring animations, how to think about animation frames, and overall page smoothness.
Check it out
Magically Rearranging Patterns
CSS Houdini magic made by George Francis. Resize the browser and watch the pattern re-arrange itself!
Check it out
Developer Tools secrets that shouldn’t be secrets
The writeup of a great and insightful talk by Christian Heilmann given at CityJS.
Check it out
Accessible Toggles
Michelle Barker explains how to make sure toggles are properly accessible.
Read it
llline
SVG generator that makes it easy to create lines & strokes that look and feel organic.
Check it out
Coding Font
A game that let’s you find the coding font you love the most.
Check it out
Semi-design
A modern, comprehensive, flexible design system and React UI library.
Check it out
Building Real-life Components: Facebook Messenger’s Chat Bubble
A deep dive into building Facebook Messenger’s Chat Bubble by Ahmad Shadeed.
Read it
Toxiproxy
A TCP proxy to simulate network and system conditions for chaos and resiliency testing.
Check it out
Star Atlas
Such a cool web experience for a strategy game of space exploration.
Check it out
MangoDB
MangoDB is set out to become the de-facto open-source alternative to MongoDB.
Check it out
How To Design A Good API and Why it Matters
A talk given by Joshua Bloch at a Google Tech Talk many years ago, but very relevant.
Check it out
Design for yourself! (Sometimes)
Boris Müller argues how it can be rewarding and productive to practise individual creativity instead of user-centred design.
Read it
Notifire
An open-source notification infrastructure for products with multi channel communication via email, sms, push and more.
Check it out
How I made Google’s data grid scroll 10x faster with one line of CSS
Johan Isaksson shares an interesting debug process for fixing the data grid of the Google Search Console.
Read it
Arco Design
A comprehensive React UI components library based on the Arco Design system.
Check it out
Devtools.fm podcast recording on Polypane, Electron, Superposition
An interesting podcast where Kilian Valkhof talks about his experiences as an indie developer building Polypane and Superposition.
Check it out
Mistql
MistQL is a miniature embeddable query language for JSON-like structures, built for embedding within applications.
Check it out
SVG Overlay and Infinite Menu Background Animation
A little menu effect with an SVG overlay and an infinite background CSS animation.
Check it out