Search
Meet `:has`, A Native CSS Parent Selector
12.7.2021
The reasons that are often cited that make container queries difficult or impossible is things like infinite loops—e.g. changing the width of an element, invalidating a container query, which changes the width again, which makes the container query take effect, …
The post Meet `:has`,...
Using the Specificity of :where() as a CSS Reset
12.7.2021
I don’t know about you, but I write these three declarations many times in my CSS:
ul {
padding: 0;
margin: 0;
list-style-type: none;
}
You might yell at me and say I can just put those in my CSS …
The post Using the Specificity of :where() as a CSS Reset appeared first on CSS-Tricks....
FBI Warns Digital Currency Exchanges and Crypto Owners of Possible Threats
12.7.2021
The U.S. Federal Bureau of Investigation (FBI) issued an industry-wide warning about possible attacks on exchanges and crypto holders this week. The institution declared that there are threats actively tracking virtual asset platforms in order to take hold of these assets, causing financial losses...
:focus-visible in WebKit
9.7.2021
This is a nice update from Manuel Rego Casasnovas. Igalia has this idea to sort of crowd-source important web platform features that need to get worked on (that’s the sort of work they do). They call it Open Prioritization. …
The post :focus-visible in WebKit appeared first...
As BTC and ETH Pursue Multilayer Schemes, Elon Musk Says ‘There’s Merit to Doge Maximizing the Base Layer’
9.7.2021
The CEO of Tesla, Elon Musk, is a fan of base layers when it comes to blockchain technology and on Friday, Musk explained there’s “merit” to the Dogecoin chain “minimizing transaction cost.” Dogecoin developers are in the midst of preparing to update the Dogecoin...
SVG Favicons in Action
9.7.2021
Ever heard of favicons made with SVG? If you are a regular reader of CSS-Tricks, you probably have. But does your website actually use one?
The task is more non-trivial than you might think. As we will see in this …
The post SVG Favicons in Action appeared first on CSS-Tricks. You...
Beginner JavaScript Notes
9.7.2021
Wes has a heck of a set of “notes” for learning JavaScript. It’s organized like a curriculum, meaning if you teach JavaScript, you could do a lot worse. It’s actually more like 85 really fleshed-out blog posts organized into sections …
The post Beginner JavaScript...
My Struggle to Use and Animate a Conic Gradient in SVG
8.7.2021
The wonderful company I work for, Payoneer, has a new logo, and my job was to recreate it and animate it for a loader component in our app. I’ll explain exactly how I did it, share the problems I …
The post My Struggle to Use and Animate a Conic Gradient in SVG appeared first on CSS-Tricks....
Building a Command Line Tool with Nodejs and Fauna
8.7.2021
Command line tools are one of the most popular applications we have today. We use command line tools every day, and they range from git, npm or yarn. Command line tools are very fast and useful for automating applications and …
The post Building a Command Line Tool with Nodejs and Fauna...
Bitcoin price dips below crucial $33K support as Bitfinex whales shorts with over 5,000 BTC
8.7.2021
Short selling pressure returns to the market with a trader eyeing a retest of $31,000 as a result of support weakness
A Look at Building with Astro
7.7.2021
Astro is a brand new framework for building websites. To me, the big thing is that it allows you to build a site like you’re using a JavaScript framework (and you are), but the output is a zero-JavaScript static site. …
The post A Look at Building with Astro appeared first...
The Web’s Worst Default
7.7.2021
There are a lot of great defaults when it comes to browsers and the web. Think about all the accessibility features that are baked into HTML so that you don’t have to do weird stuff, like this example from Manuel…
The post The Web’s Worst Default appeared first on CSS-Tricks. You can support...
Bitcoin Taproot Support Lags at 27% — Even Though Soft Fork Is Opt-in Supporters Beg Nodes to Update
6.7.2021
On June 12, the crypto community celebrated the fact that the Bitcoin network locked in Taproot support in order to activate the largest upgrade the protocol has seen in four years. 24 days later, Taproot support via Bitcoin nodes has only reached 27.55% and upgrade supporters are pleading with...
Body Toggle
6.7.2021
I appreciate the clarity of this trick that Mikael Ainalem posted over on Reddit:
It’s a one-liner that toggles the class on the <body> so you can mock up different states and toggle between them on click.
<body onclick="this.classList.toggle("active");"
Could …
The post...
I’ve got one question about Jetpack for you.
6.7.2021
And maybe an optional follow-up if you’re up for it.
Automattic, the makers of Jetpack and many other WordPress-y things, have sponsored my site (me = Chris Coyier; site = CSS-Tricks) for quite a while. I use Jetpack myself, …
The post I’ve got one question about Jetpack for you....
The Dilemma of Naming Font Size Variables
6.7.2021
Normally, a project will have a set of pre-determined font sizes, usually as variables named in such a way that seeks some semblance of order and consistency. Any project of considerable size can use something like that. There are always …
The post The Dilemma of Naming Font Size Variables...
Cryptocurrency Exchange Bitrue Adds Support for Leverage Tokens
6.7.2021
Disclaimer: The Industry Talk section features insights by crypto industry players and is not a part of the editorial content of Cryptonews.com.
Digital asset platform Bitrue has added support for leverage tokens which will be available for purchase on their cryptocurrency exchange. To provide...
Bitcoin and Ethereum Hold Important Support, KCS and SNX Rally
6.7.2021
Bitcoin price started a downside correction below the USD 35,000 level. BTC even traded below USD 34,000, but the bulls protected the USD 33,200 support. It is currently (04:27 UTC) moving higher and is approaching USD 34,500 which might help the price accelerate.
Besides, most major altcoins...
Kubernetes Explained Simply: Containers, Pods and Images
5.7.2021
If you zone out every time someone mentions “Kubernetes,” “containers,” or “pods,” this article is for you. No complex diagrams involved!
As a front-end developer, you don’t have to know how to configure an infrastructure from scratch. However, if you …
The post Kubernetes Explained Simply:...
Trigonometry in CSS and JavaScript: Beyond Triangles
5.7.2021
Web design is such a rectangle-based design medium that literally any deviation from it feels fresh. Michelle Barker gets into using math in various ways to programmatically draw lines, shapes, and animations that end up looking both beautiful and have …
The post Trigonometry in CSS...