Collective #599
Inspirational Website of the Week: Playful
A really unique design that surprises with many "playful" details. Our choice this week.
Get inspired
Get Divi for less
Join 649,032 customers and get access to Divi, Extra, Bloom, Monarch and more. Power your entire team and build unlimited websites. The ultimate WordPress toolkit awaits.
Get Divi now
Vincent
Vincent is a one-stop inbox for design and frontend news, curated daily by real people.
Check it out
Embracing modern image formats
A great article by Joshua Comeau on tiny cross-browser images, in HTML and React.
Read it
Kosmi
With Kosmi you can watch videos, play games, or simply chat with friends or strangers all from within your browser.
Check it out
Emergency Website Kit
Max Böck shares an emergency website kit: a static boilerplate which contains only the bare minimum for maximum resilience.
Check it out
A Practical Overview Of CSS Houdini
In this article, Adrian Bece takes a look at each part of Houdini, its current browser support, and how they can be used today using progressive enhancement.
Read it
Here Dragons Abound: Creating a Pencil Effect in SVG
A fantastic tutorial on how to create a beautiful pencil line effect in SVG.
Read it
Akino Kogomi
An interactive art exhibition website made as a tribute to Japanese artist Akino Kogomi.
Check it out
Everything About Auto in CSS
Ahmad Shadeed explores all the things we can do with the "auto" keyword.
Read it
Styling Scrollbars with CSS: The Modern Way to Style Scrollbars
A quick tutorial on how to style browser scrollbars using only CSS by William Le.
Check it out
Color Push
With Color Push you can create and download generative art. Read more about it here.
Check it out
Explaining CSS specificity to a 5-year-old
Amelia Bellamy-Royds answers the question on how to explain specificity to a 5-year-old child.
Read it
Connect Four in Vue and CSS
The classic game of Connect Four in Vue and Sass. By Josh Collinsworth.
Check it out
3D Kinetic Typography
A beautiful demo by Anna the Scavenger.
Check it out
Cyberpunk: Then and now
Steve Lord explores how Cyberpunk has changed over the past 50 years: "Cyberpunk’s aesthetic is no longer the future. Cyberpunk is now."
Read it
IMAP API
IMAP API is a self hosted application for accessing IMAP accounts over REST API.
Check it out
CSS Can Influence Screenreaders
In case you missed it: Ben Myers' excellent article on how CSS bleeds into content and influences screenreader announcements.
Read it
Fun with browsers: how to get an image into the current page
Christian Heilmann gave himself the task to build an interface to make it as easy as possible for a user to add an image into the document.
Check it out
Homer's Face Animated /w GSAP
Kasper De Bruyne's animated Homer Simpson demo.
Check it out
Exciting Multi-line Highlights
Manan Tank's demo of exciting highlights.
Check it out
Inspired Design Decisions With Otto Storch: When Idea, Copy, Art And Typography Became Inseparable
In this seventh instalment of Inspired Design Decisions, Andy Clarke will explore how American art director and graphic designer Otto Storch inspires his designs for the web.
Read it
Conic gradients + CSS masks (no FF)
A cube demo with conic gradients by Yoksel.
Check it out
Animated Custom Cursor Effects
Some ideas for interactive custom cursor animations using SVG filters.
Check it out