CSS :has
28.3.2022
For as long as developers have written CSS code, we’ve been desperate to have a method to allow styling a parent element based child characteristics. That’s not been possible until now. CSS has introduced the :has pseudo-class which allows styling a parent based on a relative...
Collective #704
24.3.2022
CodeEdit App * CodeSandbox Projects * Lapce * Building a Heatmap Chart Component
The post Collective #704 appeared first on Codrops
Letter Shuffle Animation for a Menu
23.3.2022
A little animation for a big menu where the letters of a word shuffle to become the first letter of each menu item.
The post Letter Shuffle Animation for a Menu appeared first on Codrops
Write HTML, the HTML Way (Not the XHTML Way)
21.3.2022
You may not use XHTML (anymore), but when you write HTML, you may be more influenced by XHTML than you think. You are very likely writing HTML, the XHTML way.
What is the XHTML way of writing HTML, and what …
Write HTML, the HTML Way (Not the XHTML Way) originally published on CSS-Tricks....
Replicating the Interweave Shape Animation with Three.js
21.3.2022
A coding tutorial on how to reconstruct the shape animation from the website of INTERWEAVE using Three.js.
The post Replicating the Interweave Shape Animation with Three.js appeared first on Codrops
Optimizing SVG Patterns to Their Smallest Size
18.3.2022
I recently created a brick wall pattern as part of my #PetitePatterns series, a challenge where I create organic-looking patterns or textures in SVG within 560 bytes (or approximately the size of two tweets). To fit this constraint, I have …
Optimizing SVG Patterns to Their Smallest Size...
Collective #703
17.3.2022
What Is ARIA Even For? * Building a loading bar component * Avvvatars * In Defense of Sass
The post Collective #703 appeared first on Codrops
WDRL — Edition 297: Carbon footprint of ads, JS sorting, PHP the right way and using what we have.
17.3.2022
Hey,
from time to time my intro isn’t entirely web-focused. I always struggle a bit when this is the case because usually it’s about sensitive topics which aren’t easy to discuss in public but this is a personal newsletter. And you can always skip the next paragraph.
personal intro
When I sent...
Inspirational Websites Roundup #35
16.3.2022
A new collection of creative websites to keep you up-to-date on the latest web design trends.
The post Inspirational Websites Roundup #35 appeared first on Codrops
CSS-Tricks is joining DigitalOcean!
15.3.2022
Hey hey!
I’ve got a big announcement to make here. (Where’s my gong? I feel like this really needs a good gong hit.)
CSS-Tricks, this very website you’re looking at, has been acquired by DigitalOcean!
You can hear …
CSS-Tricks is joining DigitalOcean! originally published...
Expanding Rounded Menu Animation
15.3.2022
An expanding menu animation with a cover unreveal effect in the background.
The post Expanding Rounded Menu Animation appeared first on Codrops
Collective #702
10.3.2022
WebGPU * The Micro-Frontends future * Type Trends 2022 * Open Source Color System * How to design better APIs
The post Collective #702 appeared first on Codrops