Search
xm
21.10.2020
This is a neat little HTML preprocessor from Giuseppe Gurgone. It has very few features, but one of them is HTML includes, which is something I continue to be baffled that HTML doesn’t support natively. There are loads of ways to handle it. I think it’s silly that it’s been...
Bitcoin price rally to $12K is meaningless until bulls flip it to support
21.10.2020
Bitcoin price is near $12K again but this level may cause more harm than good if bulls fail to flip it to support
How to Think Like a Front-End Developer
21.10.2020
The topical idea of “how to think like a front-end developer” began for me as a series of podcast interviews on ShopTalk Show. That was in preparation for a talk I was preparing (and gave) of the same name. That talk evolved into my essay The Great Divide, which evolved into the essay...
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...
Uniswap’s first governance vote fails ... despite 98% support
20.10.2020
Uniswap’s first governance proposal has ended in defeat, with votes in favor falling a whisker short of the required threshold
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...
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)...
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...
Bitcoin and Major Altcoins Holding Key Uptrend Support
16.10.2020
Earlier today, we saw a sharp bearish reaction from the USD 11,550 resistance. BTC declined over 2% and it even spiked below USD 11,350. However, the price remained well bid above USD 11,250, and it is currently (13:00 UTC) attempting an upside correction towards USD 11,420 and USD 11,450.
Also...
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:...
Stellar to Add Support for USDC Stablecoin, Opening Up Dollar-Backed Remittances
15.10.2020
The addition of the dollar-backed USDC stablecoin seeks to bolster Stellar’s standing as a cross-border payments network
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...
How to Create a Realistic Motion Blur with CSS Transitions
14.10.2020
Before we delve into making a realistic motion blur in CSS, it’s worth doing a quick dive into what motion blur is, so we can have a better idea of what we’re trying to reproduce.
Have you ever taken a photo of something moving quickly, especially under low light, and it turned into a blurry...
Bitcoin and Altcoins Holding Key Uptrend Support
14.10.2020
Bitcoin price is still trading in a range below the USD 11,500 and USD 11,550 resistance levels. BTC might start a fresh increase as long as it is above the USD 11,250 and USD 11,200 support levels. The price is currently (13:00 UTC) showing signs of exhaustion, but the bulls might protect...