Collective #599
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C599_WOTW-1.jpg?x25555)
Inspirational Website of the Week: Playful
A really unique design that surprises with many "playful" details. Our choice this week.
Get inspired![Divi Birthday Sale](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/anniversary12_300x250-1.png?x25555)
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![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C599_vincent.jpg?x25555)
Vincent
Vincent is a one-stop inbox for design and frontend news, curated daily by real people.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C599_webp.jpg?x25555)
Embracing modern image formats
A great article by Joshua Comeau on tiny cross-browser images, in HTML and React.
Read it![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C599_Kosmi.jpg?x25555)
Kosmi
With Kosmi you can watch videos, play games, or simply chat with friends or strangers all from within your browser.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C599_emergency.jpg?x25555)
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![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C599_houdini.jpg?x25555)
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![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C599_svgline.jpg?x25555)
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![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C599_japan.jpg?x25555)
Akino Kogomi
An interactive art exhibition website made as a tribute to Japanese artist Akino Kogomi.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C599_auto.jpg?x25555)
Everything About Auto in CSS
Ahmad Shadeed explores all the things we can do with the "auto" keyword.
Read it![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C599_scroll2.jpg?x25555)
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![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C599_blob.jpg?x25555)
Color Push
With Color Push you can create and download generative art. Read more about it here.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C599_5yearold.jpg?x25555)
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![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C599_four.jpg?x25555)
Connect Four in Vue and CSS
The classic game of Connect Four in Vue and Sass. By Josh Collinsworth.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C599_typo.jpg?x25555)
3D Kinetic Typography
A beautiful demo by Anna the Scavenger.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C599_cyber.jpg?x25555)
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![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C599_imapapi.jpg?x25555)
IMAP API
IMAP API is a self hosted application for accessing IMAP accounts over REST API.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C599_cssaccess.jpg?x25555)
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![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C599_image.jpg?x25555)
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![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C599_homer.jpg?x25555)
Homer's Face Animated /w GSAP
Kasper De Bruyne's animated Homer Simpson demo.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C599_highlight.jpg?x25555)
Exciting Multi-line Highlights
Manan Tank's demo of exciting highlights.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C599_sm2.jpg?x25555)
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![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C599_cube.jpg?x25555)
Conic gradients + CSS masks (no FF)
A cube demo with conic gradients by Yoksel.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C599_Cursor.jpg?x25555)
Animated Custom Cursor Effects
Some ideas for interactive custom cursor animations using SVG filters.
Check it out