I’ve encountered two bugs in Chrome while testing the new CSS text-decoration-thickness and text-underline-offset properties, and I want to share them with you here in this article. But first, let’s acknowledge one thing: Default underlines are inconsistent Let’s add a …
CSS Underlines Are Too Thin and Too Low in Chrome originally published on CSS-Tricks
https://css-tricks.com/css-underlines-are-too-thin-and-too-low-in-chrome/
Fingerprinting is bad. It’s a term that refers to building up enough metadata about a user that you can essentially figure out who they are. JavaScript has access to all sorts of fingerprinting possibilities, which then combined with the IP …
CSS-Based Fingerprinting originally published on CSS-Tricks
I’ll bet you are using browser extensions right now. Some of them are extremely popular and useful, like ad blockers, password managers, and PDF viewers. These extensions (or “add-ons”) are not limited to those purposes — you can do a …
How to Create a Browser Extension originally published on CSS-Tricks
The year has come to a close and it’s time again for our end-of-year wrapup. The most important message is this: thank you. (thankyouthankyou) Thanks for stopping by and reading this site. If you didn’t, I’d be out …
Thank You (2021 Edition) originally published on CSS-Tricks
Ahmad Shadeed nails it again with “Defensive CSS.” The idea is that you should write CSS to be ready for issues caused by dynamic content. More items than you thought would be there? No problem, the area can expand or …
Defensive CSS originally published on CSS-Tricks
I’m actually working on a talk (whew! been a while! kinda feels good!) about just how good the world of building websites has gotten. I plan to cover a wide swath of web tech, on purpose, because I … https://css-tricks.com/the-web-is-more-gooder-and-other-observations-on-todays-web-tech/
When you’re about to start a new website, what do you think first? Do you start with a library or framework you know, like React or Vue, or a meta-framework on top of that, like Next or Nuxt? Do you … https://css-tricks.com/add-less/
(This is a sponsored post.) High-velocity, online businesses produce multiple digital assets like banners, images, videos, PDFs, etc., to promote their businesses online. For such businesses, Digital Asset Management (DAM) solutions are essential. These solutions help centrally store, manage, … https://css-tricks.com/new-age-dam-apis-to-simplify-your-media-workflows/
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 … https://css-tricks.com/on-yak-shaving-and-md-block-a-new-html-element-for-markdown/
Animation on the web is often a contentious topic. I think, in part, it’s because bad animation is blindingly obvious, whereas well-executed animation fades seamlessly into the background. When handled well, animation can really elevate a website, whether it’s just … https://css-tricks.com/empathetic-animation/