Collective #604

Original Source:

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

Our Sponsor
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


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


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


A supercool web experience of an anonymous marketing company.

Check it out

From Our Blog
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

Collective #604 was written by Pedro Botelho and published on Codrops.

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *