Search
Smarter Ways to Generate a Deep Nested HTML Structure
21.10.2020
Let’s say we want to have the following HTML structure:
<div class='boo'<div class='boo'<div class='boo'<div class='boo'<div class='boo'</div</div</div</div</div
That’s real a pain to write manually. And the reason why this post was born was being...
Announcing the 2020 State of CSS Survey
20.10.2020
Last year’s State of CSS Survey yielded interesting results. There’s the quick adoption of features, like calc() and CSS custom properties. There’s also the overwhelming opinion that CSS is fun to write even as we see a growing reliance on CSS-in JS. We also saw some predictable...
“Durable”
20.10.2020
Looks like the word “durable” is an emerging term in the world of serverless. As I understand it, it’s like allowing for state in places you wouldn’t normally expect to have it. For example, you call some cloud function and run some JavaScript… unless you have it...
WooCommerce Payments, Now with Support for Subscriptions and Saved Cards
20.10.2020
A little while back we shared the news that WooCommerce shipped a beta payments feature as part of its 4.0 release. It’s a free plugin with no monthly costs or setup fees. You only pay when you make a sale.
We’re actually using this right here at CSS-Tricks. In fact, Chris blogged...
.Crypto Domain Owners Can Now Be Verified With Twitter Accounts for Safer Payments
20.10.2020
The Twitter authentication service lets .crypto domain holders verify address ownership via the MyEtherWallet app
Kyrgyzstan's acting president claims blockchain can ensure fair elections
20.10.2020
Can a technological fix really combat a corruption-ridden political order?
Digital Ruble: Russia Unveils Plans to Test Central Bank Digital Currency
20.10.2020
As China is actively testing its digital yuan, Russia is now planning to build and test a central bank digital currency, the digital ruble. Meanwhile, the Bank of Russia has proposed limiting the amount of bitcoin retail investors can buy. Russia’s Central Bank Plans Digital Ruble The central...
The failed promise of Web Components
20.10.2020
Lea has some words:
Perusing the components on webcomponents.org fills me with anxiety, and I’m perfectly comfortable writing JS — I write JS for a living! What hope do those who can’t write JS have? Using a custom element from the directory often needs to be preceded by a ritual of...
Our Best Posts on Web Components
19.10.2020
A grouping of hand-selected posts from our site about Web Components. We've published a very useful article series from Caleb Williams, so that's here, but also sprinkled in some other informational and link posts on the subject.
The post Our Best Posts on Web Components appeared first...
Comparing Styling Methods in 2020
19.10.2020
Over on Smashing, Adebiyi Adedotun Lukman covers all these styling methods. It’s in the context of Next.js, which is somewhat important as Next.js has some specific ways you work with these tools, is React and, thus, is a components-based architecture. But the styling methods talked about...
Focus management and inert
19.10.2020
Many forms of assistive technology use keyboard navigation to understand and take action on screen content. One way of navigating is via the Tab key. You may already be familiar with this way of navigating if you use it to quickly jump from input to input on a form without having to reach for your...
Ethereum can rise to $800 in 2020 if this bull ‘mini-cycle’ repeats
19.10.2020
The price of Ethereum is showing similarities with previous bull cycle beginnings as $800 ETH is coming back in play
Former patrons can't drown sorrows as first-ever bar to accept Bitcoin closes
18.10.2020
A legendary Berlin-based watering hole and Bitcoin hub closes down
The :focus-visible Trick
16.10.2020
Always worth repeating: all interactive elements should have a focus style. That way, a keyboard user can tell when they have moved focus to that element.
But if you use :focus alone for this, it has a side effect that a lot of people don’t like. It means that when you click (with a mouse)...
How DeFi Can Avoid the Irrelevance of P2P Lending and Crowdfunding
16.10.2020
To avoid the fate of other p2p projects, DeFi protocols need incentives and feedback loops so users choose open-source over closed systems
People Problems
16.10.2020
Just the other day, Jeremy Keith wrote that problems with performance work isn’t only a matter of optimization and fixing code, but also tackling people problems:
It struck me that there’s a continuum of performance challenges. On one end of the continuum, you’ve got technical issues. These can...
Shariah Compliance Expert Says Cryptocurrencies Are Legit Commodities
16.10.2020
A shariah compliance expert, the current chairman of the Shariah Advisory Council at Malaysia’s central bank and a shariah board member at many financial companies, says that cryptocurrency is a legit commodity that can be exchanged. Cryptocurrency and Shariah Compliance Cryptocurrency...
Full Bleed
15.10.2020
We’ve covered techniques before for when you want a full-width element within a constrained-width column, like an edge-to-edge image within a narrower column of text. There are loads of techniques.
Perhaps my favorite is this little utility class:
.full-width {
width: 100vw;
position:...
Layoutit Grid: Learning CSS Grid Visually With a Generator
15.10.2020
Layoutit Grid is an interactive open source CSS Grid generator. It lets you draw your designs and see the code as you go. You can interact with the code, add or remove track lines and drag them around to change the sizing — and you get to see the CSS and HTML change in real time!
Add some tracks...
Your Bitcoin Brainwallet Can Be Swept Even Without Reading Your Mind
15.10.2020
If you're considering setting up a "brainwallet" to secure your bitcoin (BTC), you might want to think twice and learn from a recent experiment. It showed that BTC might be stolen in less than a second.
Contrary to a paper wallet, where a BTC owner has their seed phrase written...