On Yak Shaving and md-block, a new HTML element for Markdown
29.12.2021
Lea Verou made a Web Component for processing Markdown. Looks like there were a couple of others out there already, but I agree with Lea in that this is a good use case for the light DOM (as opposed …
Add a Service Worker to Your Site
28.12.2021
One of the best things you can do for your website in 2022 is add a service worker, if you don’t have one in place already. Service workers give your website super powers. Today, I want to show you some …
Our favorite Chrome extensions of 2021
28.12.2021
I hadn’t heard of most of the Chrome extensions that Sarem Gizaw lists as 2021 favorites. Here are my hot takes on all of them, except the virtual learning specific ones that aren’t very relevant to me.
LoomOh that’s …
Adding a Persistence Effect to Three.js Scenes
28.12.2021
Learn how to enhance your Three.js scenes with postprocessing via framebuffers.
The post Adding a Persistence Effect to Three.js Scenes appeared first on Codrops
JavaScript S
27.12.2021
Replacing a substring of text within a larger string has always been misleading in JavaScript. I wrote Replace All Occurrences of a String in JavaScript years ago and it’s still one of my most read articles. The confusion lies in that replace only replaces the first occurrence of a substring...
WDRL — Edition 294: Floating UI, Aria not allowed, Open Props, Mercy and Opinion overload reduction
27.12.2021
Hey,
every year towards the end of it I want to remind you that if you like my work, you can help financing this newsletter by giving a contribution. I want to say thank you to everyone here who reads or supports this project.
This year has been challenging for many. For me, it definitely was....
Honor prefers-color-scheme in the CSS Paint API with Custom Properties
27.12.2021
One of the coolest things I’ve been messing with in the last couple years is the CSS Paint API. I love it. I did a talk on it, and made a little gallery of my own paint worklets…
Three.js Animation with K-d (Christmas) Tree Algorithm
27.12.2021
In this coding tutorial, you'll learn how to recreate the animation seen on the website of ONE-OFF in Three.js using the K-d tree algorithm.
The post Three.js Animation with K-d (Christmas) Tree Algorithm appeared first on Codrops
Strut Your Stuff With a Custom Scrollbar
24.12.2021
The first time I had my breath taken away by a humble scrollbar was on this very site. When CSS-Tricks v17 rolled out with its FAT CHONKY BOI, my jaw dropped.
I didn’t know you could do that on …
Care for the Text
24.12.2021
How do you make a great website? Everyone has an answer at the ready: Flashy animations! The latest punk-rock CSS trick! Gradients! Illustrations! Colors to pack a punch! Vite! And, sure, all these things might make a website better. But …
Remember You Are Not the User
23.12.2021
One thing people can do to make their websites better is to remember that you are not representative of all your users. Our life experiences and how we interact with the web are not indicative of how everyone interacts with …
2021 Roundup of Web Research
23.12.2021
Last year, we kicked out a roundup of published surveys, research, and other findings from around the web. There were some nice nuggets in there, like a general sentiment that the web needs more documentation, Tailwind CSS dun …