Collective #604
Inspirational Website of the Week: Edoardo Smerilli
We are total suckers for these wonderful interactions and distortions! Our pick this week.
Get inspired
The Open Web is Dying
Some very important thoughts by Tony Perez: "The open web is changing dramatically, and not for anything that resembles openness, and the world seems to be ok with it."
Read it
Become a Divi expert and get your own business going
Learn how to develop websites with the most popular WordPress theme in the world and secure your success as a freelancer.
Start learning now
Immersive Section Transition Effect in CSS and JavaScript
Claudia Romano shows how to create an immersive transition effect between sections on a webpage.
Check it out
Are you using SVG favicons yet? A guide for modern browsers.
Antoine Boulanger explains why and how to use SVG favicons.
Read it
What is a resilient website?
An episode of "A Question of Code" with Jeremy Keith where he talks about the concept of "resilient" websites.
Check it out
Trails
A simple geometrical trail to attach to your Three.js object. By Arnaud Svart.
Check it out
The Hero Generator
A very helpful hero section generator made by Sarah Drasner.
Check it out
Rust and Node.js: A match made in heaven
Anshul Goyal explains how you can use Rust to build a native add-on for Node.js.
Read it
Your dark mode toggle is broken
Kilian Valkhof on how most sites do not implement dark mode toggles correctly.
Read it
The 4 Key Steps to Art Direction
Marcus Brown shares his approach to art direction, making iconic striking visual experiences, and the importance of typography and color, at Awwwards Conference Amsterdam.
Watch it
What I wish I knew about React
Ire Aderinokun shares some facts about React she wishes she knew before.
Read it
Faking 3D Elements with CSS
Bradley Taunt shows how to make an element look like a 3D object with some CSS trickery.
Check it out
The CSS "content" property accepts alternative text
Stefan Judis shows how the CSS 'content' property allows a way to provide an alternative text.
Check it out
Box Line Text
Box Line Text is a minimalistic virtual whiteboarding tool without visible UI for a clean screencasting experience.
Check it out
Balancing Moods
Great demo by Chris Gannon.
Check it out
Favorite JavaScript single line of code
Favorite JavaScript utilities in just a single line of code.
Check it out
Responsive CSS Grid - Books
Andy Barefoot made this cool book grid demo.
Check it out
Insomnia
A collaborative API design tool for designing and managing OpenAPI specs.
Check it out
Real-World Effectiveness of Brotli
Harry Roberts ananlysis of how effective Brotli, which can be used over Gzip, really is.
Read it
Password Reveal
A fun password reveal effect by Mikael Ainalem.
Check it out
Who can get my blood?
A visualizer demo for blood group compatibility.
Check it out
NONYMOUS
A supercool web experience of an anonymous marketing company.
Check it out
Morphing Gooey Text Hover Effect
Three gooey morphing hover effects using SVG filters for menu links based on a demo by Graham Pyne.
Check it out