Search

Quick Reminder That :is() and :where() Are Basically the Same With One Key Difference

20.3.2025
I’ve seen a handful of recent posts talking about the utility of the :is() relational pseudo-selector. No need to delve into the details other than to say it can help make compound selectors a lot more readable. :is(section, article, aside, … Quick Reminder That :is() and :where()...

Keeping the page interactive while a View Transition is running

31.1.2025
When using View Transitions you’ll notice the page becomes unresponsive to clicks while a View Transition is running. […] This happens because of the ::view-transition pseudo element – the one that contains all animated snapshots – gets overlayed on top … Keeping the page...

Vitalik Buterin has radical scheme for the pseudo-decentralization of entire cities

1.9.2024
The Ethereum creator’s utopia seems a lot like a decentralized autonomous organization, but with taxes

24.6.2024
CSS Meditation #3: A pseudo is as a pseudo does.… originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter

Rwandan Research Paper Recommends CBDC With ‘Partial Pseudo-Anonymity’

9.5.2024
A recent research paper from the National Bank of Rwanda recommends a two-tier, universal, zero-interest central bank digital currency (CBDC) with partial pseudo-anonymity. Although the research paper identifies 15 opportunities for CBDC, only four are said to offer “high potential benefits...

Managing User Focus with :focus-visible

6.4.2024
This is going to be the 2nd post in a small series we are doing on form accessibility. If you missed the first post, check out Accessible Forms with Pseudo Classes. In this post we are going to look … Managing User Focus with :focus-visible originally published on CSS-Tricks, which is part...

Accessible Forms with Pseudo Classes

22.3.2024
Hey all you wonderful developers out there! In this post, I am going to take you through creating a simple contact form using semantic HTML and an awesome CSS pseudo class known as :focus-within. The :focus-within class allows for … Accessible Forms with Pseudo Classes originally published...

BitVM’s goal is to scale Bitcoin, not be a pseudo-Ethereum, says dev

13.10.2023
Building a decentralized exchange on Bitcoin would be a “step backward,” for example, said Bitcoin developer Super Testnet

Chinese prosecutors to crack down on 'pseudo-innovation' in NFT market

17.5.2023
According to public prosecutor, marketing models such as rewards and dynamic rights and interests can easily evolve into illegal pyramid schemes

I Played The Next Promising Soulslike So You Don’t Have To

10.3.2023
I’m a sucker for melee-focused games. Anything that emphasizes brutal brawling and flashy martial arts, like Sleeping Dogs and Sifu, is totally my jam. So, I was both curious and stoked when my Xbox Series S, the bestie that it is, recommended I check out ACE Team’s Clash: Artifacts of Chaos....

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...

More Real-World Uses for :has()

20.1.2023
The :has() pseudo-class is, hands-down, my favorite new CSS feature. I know it is for many of you as well, at least those of you who took the State of CSS survey. The ability to write selectors upside down … More Real-World Uses for :has() originally published on CSS-Tricks, which is part...

Creating Animated, Clickable Cards With the :has() Relational Pseudo Class

25.10.2022
The CSS :has() pseudo class is rolling out in many browsers with Chrome and Safari already fully supporting it. It’s often referred to it as “the parent selector” — as in, we can select style a parent element from a … Creating Animated, Clickable Cards With the :has() Relational Pseudo Class...

Fancy Image Decorations: Masks and Advanced Hover Effects

21.10.2022
Welcome to Part 2 of this three-part series! We are still decorating images without any extra elements and pseudo-elements. I hope you already took the time to digest Part 1 because we will continue working with a lot of gradients … Fancy Image Decorations: Masks and Advanced Hover Effects...

Rainbows, Log Charts, and S2F: Bitcoin’s 2022 Bear Market Has Broken the Community’s Most Popular Price Models

5.8.2022
The 2022 bear market has been brutal as more than $2 trillion in value has been wiped away from the crypto economy. In addition to record values lost, the crypto winter has managed to break a number of popular bitcoin price models like the rainbow price chart and Plan B’s infamous...

Single Element Loaders: The Bars

24.6.2022
We’ve looked at spinners. We’ve looked at dots. Now we’re going to tackle another common pattern for loaders: bars. And we’re going to do the same thing in this third article of the series as we have the others … Single Element Loaders: The Bars originally published on CSS-Tricks. You should...

Conditionally Styling Selected Elements in a Grid Container

15.6.2022
Calendars, shopping carts, galleries, file explorers, and online libraries are some situations where selectable items are shown in grids (i.e. square lattices). You know, even those security checks that ask you to select all images with crosswalks or whatever. 🧐… Conditionally...

Cool Hover Effects That Use Background Properties

27.4.2022
A while ago, Geoff wrote an article about a cool hover effect. The effect relies on a combination of CSS pseudo-elements, transforms, and transitions. A lot of comments have shown that the same effect can be done using background … Cool Hover Effects That Use Background Properties originally...

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...

Web Component Pseudo-Classes and Pseudo-Elements are Easier Than You Think

28.2.2022
We’ve discussed a lot about the internals of using CSS in this ongoing series on web components, but there are a few special pseudo-elements and pseudo-classes that, like good friends, willingly smell your possibly halitotic breath before you go … Web Component Pseudo-Classes...