Search
Passkeys: What the Heck and Why?
12.4.2023
These things called passkeys sure are making the rounds these days. They were a main attraction at W3C TPAC 2022, gained support in Safari 16, are finding their way into macOS and iOS, and are slated to …
Passkeys: What the Heck and Why? originally published...
Dear Ripple, Don’t Settle: Embrace the Opportunity to Shape Crypto’s Future
5.4.2023
As Ripple and the U.S. Securities and Exchange Commission (SEC) persist in their legal dispute over XRP’s classification as a security, the consequences for both parties and the wider cryptocurrency market cannot be understated. This case offers a unique opportunity to attain much-needed...
Some Cross-Browser DevTools Features You Might Not Know
22.3.2023
I spend a lot of time in DevTools, and I’m sure you do too. Sometimes I even bounce between them, especially when I’m debugging cross-browser issues. DevTools is a lot like browsers themselves — not all of the features in …
Some Cross-Browser DevTools Features You Might Not Know originally...
Dutch Financial Regulator Vows Strict Treatment of Crypto Business Under MiCA
19.3.2023
The financial regulatory body of the Netherlands intends to maintain tough attitude towards the Dutch digital assets sector despite looser European rules. The head of the agency overseeing the industry doesn’t think crypto is good news and highlights its flaws in an article. Head of Dutch Financial...
Making Calendars With Accessibility and Internationalization in Mind
13.3.2023
Doing a quick search here on CSS-Tricks shows just how many different ways there are to approach calendars. Some show how CSS Grid can create the layout efficiently. Some attempt to bring actual data into the mix. Some …
Making Calendars With Accessibility and Internationalization in Mind...
5 Mistakes I Made When Starting My First React Project
10.3.2023
You know what it’s like to pick up a new language or framework. Sometimes there’s great documentation to help you find your way through it. But even the best documentation doesn’t cover absolutely everything. And when you work with something …
5 Mistakes I Made When Starting My First...
Creating a Clock with the New CSS sin() and cos() Trigonometry Functions
8.3.2023
CSS trigonometry functions are here! Well, they are if you’re using the latest versions of Firefox and Safari, that is. Having this sort of mathematical power in CSS opens up a whole bunch of possibilities. In this tutorial, I thought …
Creating a Clock with the New CSS sin() and cos()...
Managing Fonts in WordPress Block Themes
6.3.2023
Fonts are a defining characteristic of the design of any site. That includes WordPress themes, where it’s common for theme developers to integrate a service like Google Fonts into the WordPress Customizer settings for a “classic” PHP-based theme. That hasn’t …
Managing Fonts in WordPress...
Everything You Need to Know About the Gap After the List Marker
2.3.2023
I was reading “Creative List Styling” on Google’s web.dev blog and noticed something odd in one of the code examples in the ::marker section of the article. The built-in list markers are bullets, ordinal numbers, and letters. The ::marker pseudo-element …
Everything You Need to Know About...
An Approach to Lazy Loading Custom Elements
13.2.2023
We’re fans of Custom Elements around here. Their design makes them particularly amenable to lazy loading, which can be a boon for performance.
Inspired by a colleague’s experiments, I recently set about writing a simple auto-loader: Whenever a custom …
An Approach to Lazy Loading...
IMF Report on El Salvador’s Bitcoin Adoption: Risks Averted, but Transparency Needed
12.2.2023
According to a recent mission statement published by the International Monetary Fund (IMF), El Salvador has adopted bitcoin as legal tender and has avoided risks so far. The IMF states that the risks have not materialized due to the limited use of bitcoin. However, the United Nations financial...
Different Ways to Get CSS Gradient Shadows
10.2.2023
It’s a question I hear asked quite often: Is it possible to create shadows from gradients instead of solid colors? There is no specific CSS property that does this (believe me, I’ve looked) and any blog post you find about …
Different Ways to Get CSS Gradient Shadows originally published...
Healthcare, Selling Lemons, and the Price of Developer Experience
9.2.2023
Every now and then, a one blog post is published and it spurs a reaction or response in others that are, in turn, published as blogs posts, and a theme starts to emerge. That’s what happened this past week and …
Healthcare, Selling Lemons, and the Price of Developer Experience...
Moving Backgrounds
9.2.2023
We often think of background images as texture or something that provides contrast for legible content — in other words, not really content. If it was content, you’d probably reach for an <img> anyway, accessibility and whatnot.
But there are …
Moving Backgrounds originally published...
The Double Emphasis Thing
6.2.2023
I used to have this boss who loved, loved, loved, loved to emphasize words. This was way back before we used a WYSIWYG editors and I’d have to handcode that crap.
<pI used to have this
…
The Double Emphasis Thing originally published on CSS-Tricks, which is part of...
A Fancy Hover Effect For Your Avatar
3.2.2023
Do you know that kind of effect where someone’s head is poking through a circle or hole? The famous Porky Pig animation where he waves goodbye while popping out of a series of red rings is the perfect example, and …
A Fancy Hover Effect For Your Avatar originally published on CSS-Tricks...
Caching Data in SvelteKit
1.2.2023
My previous post was a broad overview of SvelteKit where we saw what a great tool it is for web development. This post will fork off what we did there and dive into every developer’s favorite topic: caching. So, …
Caching Data in SvelteKit originally published on CSS-Tricks, which...
AR, VR, and a Model for 3D in HTML
27.1.2023
Tucked down somewhere in the Safari Technology Preview 161 release notes is a seemingly innocous line about support for a new HTML element and attribute:
Added support for <model src> and honor <source type> attributes (257518@main)
Anytime I …
AR,...
Animating CSS Grid (How To + Examples)
25.1.2023
I’m pleased to shine a light on the fact that the CSS grid-template-rows and grid-template-columns properties are now animatable in all major web browsers! Well, CSS Grid has technically supported animations for a long time, as it’s baked right …
Animating CSS Grid (How To + Examples)...
Getting Started With SvelteKit
23.1.2023
SvelteKit is the latest of what I’d call next-gen application frameworks. It, of course, scaffolds an application for you, with the file-based routing, deployment, and server-side rendering that Next has done forever. But SvelteKit also supports nested layouts, server mutations...