Collective #619
Inspirational Website of the Week: Next Big Thing
Excellent layout explorations with very nice details. Our pick this week.
Get inspiredThe Divi Summer Sale
Now it's your chance to get a huge 20% discount on the most powerful WordPress theme in the world. Don't miss out!
Get itThe Animated Web
A wonderful resource site by Steve Gardner that collects animations from around the web.
Check it outThe Just in Case Mindset in CSS
Ahmad Shadeed writes about the "just in case mindset" which aims to educate designers and developers to think ahead of time of some possible failure scenarios for a component.
Read itAccessibility In Chrome DevTools
This article Umar Hansa demonstrates some useful features in DevTools which can help you improve the accessibility of your website.
Read ittheheadless.dev
Free and open-source guides for learning Puppeteer & Playwright.
Check it outGenerative art by Manolo
Generative artist Manolo shares all his sketches including code and generated images for free. Absolutely stunning work!
Check it out#s3e34 ALL YOUR HTML, Four Icosahedron geometries
A fantastic video tutorial by Yuri Artyukh on how to create four different icosahedron geometries.
Watch itCustom Select Styles with Pure CSS
Stephanie Eckles shows how to style native select elements with CSS only.
Read itLeading-Trim: The Future of Digital Typesetting
Read how an emerging CSS standard can fix old problems and raise the bar for web apps.
Read itCreating 3D Illustrations with CSS
Learn the process of creating 3D illustrations with CSS only.
Read itInfinity Search
A new search engine where you can search with privacy and efficiency.
Check it outFixing Safari's back button browser cache issue with vanilla JS
Learn how to fix a weird cache quirk in Safari in this article by Chris Ferdinandi.
Read itImpossible Checkbox v2
A supercool little checkbox that will make it impossible for you to leave it checked :)
Check it outMaking Maisel Marvelous
A beautiful, immersive web experience for the Marvelous Mrs. Maisel series.
Check it outSingle Page Applications using Rust
An easy to follow guide to building SPAs using Rust, WebAssembly and Yew.
Read itI Love MDN, or the cult of the free in action
Peter-Paul Koch shares why he finds I Love MDN demeaning to technical writers. Also, read The cult of the free must die to understand more on the topic.
Read itMozilla Lifeboat
A list of Mozillians actively hiring kind, passionate, awesome humans.
Check it outTip on inputmode
Álvaro Trigo shows a great trip on using "inputmode" to hint browsers what virtual keyboard to show.
Check it outKinopio
In case you didn't know it yet: Kinopio is the visual thinking tool for new ideas and hard problems.
Check it outPaper plotter
Such a cool thing: create 3D plots out of paper!
Check it outNatively Format JavaScript Numbers
A great explainer on how to format JavaScript numbers by Elijah Manor.
Check it outThumbnail to Full Width Image Animation
An experimental animation where an image goes from thumbnail to full width, allowing for a classy entry to an article view.
Check it out