Collective #182
Inspirational Website of the Week: Coralie Castot Directrice artistique
Well, that's a fine honeycombs loading effect! Our pick this week.
Get inspired
Laying Out A Flexible Future For Web Design With Flexbox
An article by Ben Gremillion with a great visual Flexbox reference and an exploration of its dizzying array of features.
Read it
WebGLStudio.js
WebGLStudio.js is a platform to create interactive 3D scenes directly from the browser. It allows to edit the scene visually, code your behaviours, edit the shaders, and all directly from within the app. By Javi Agenjo.
Check it out
UI Movement
A great new source for UI animation inspiration.
Get inspired
TUTSET: Learn web design & web development
A curated and well categorized collection of resources (free and paid) for learning web design and web development.
Start learning
Flying a drone in your browser with WebBluetooth
Jan Jongboom shows how we can use WebBluetooth in order to interact with real-world appliances and new devices, and even control drones.
Read it
First Time User Experiences
A fantastic resource of first time user experiences provided by Krystal Higgins.
Check it out
Spheres
Learn all about creating spheres and animating them with CSS. A tutorial by Donovan Hutchinson.
Read it
Better Image Borders with Blend Modes
Dudley Storey shows how to use CSS Blend Modes for creating interesting image border effects.
Read it
How DNS Works
Learn how DNS works with this fantastic comic series by DNSimple.
Check it out
Typeset.js
A typographic pre-processor for your HTML with no dependencies. It creates real hanging punctuation and soft hyphen insertion among others. Made by David Merfield.
Check it out
On the nature of timers
Kyle Simpson is exploring the existing state of JavaScript's timers, specifically setTimeout(..) and setInterval(..).
Read it
CSS Modules: Welcome to the Future
Glen Maddern tells us about what CSS Modules are, what problems they solve and why he believes that they are the future.
Read it
Bootstrap 4 alpha
Four years ago, developers around the world got excited about Bootstrap. Now, the first alpha release of Bootstrap 4 is available.
Check it out
How does a relational database work
An excellent in-depth article on how relational databases work. By Christophe Kalenzaga.
Read it
GoTTY: Share your terminal as a web application
GoTTY is a simple command line tool that turns your CLI tools into web applications. Made by Iwasaki Yudai.
Check it out
Tasks, microtasks, queues and schedules
Jake Archibald explains the dry topic of microtask queueing in a interesting and visual way.
Read it
Experiments in Loading - How Long Will You Wait?
Ian Tate shares his studies of the ubiquitous digital experience of the loading animations.
Read it
Free Font: Hack
Chris Simpkins designed this optically balanced typeface for source code.
Get it