Search
Fluid Everything Else
5.11.2024
We can apply the concept of fluid typography to almost anything. This way we can have a layout that fluidly changes with the size of its parent container. Few users will ever see the transition, but they will all appreciate the results. Honestly, they will.
Fluid Everything Else originally...
“Smart” Layouts With Container Queries
14.8.2024
Modern CSS keeps giving us a lot of new, easier ways to solve old problems, but often the new features we’re getting don’t only solve old problems, they open up new possibilities as well.
Container queries are one of those …
“Smart” Layouts With Container Queries originally published...
CSS Container Queries
10.6.2024
The main idea of CSS Container Queries is to register an element as a “container” and apply styles to other elements when the container element meets certain conditions.
CSS Container Queries originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get...
CSS Length Units
3.6.2024
A comprehensive guide covering nine types of lengths that CSS uses to size elements in terms of dimensions, space, time, and even sound.
CSS Length Units originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter
Report: Bitcoin Mining Project Initiates Construction of Hydro-Powered Facility in Nigeria
21.11.2023
A Nigerian startup named Trojan Mining is constructing a hydro-powered facility dedicated to bitcoin (BTC) mining in the African country, according to a recent report. Over the weekend, Trojan unveiled the creation of its mining container, locally produced and designed for a 500-kilowatt (KW)...
Innovative Heating Solutions: Bitcoin Miners Turning Heat Into Satoshis
24.7.2023
In recent years, bitcoin miners have learned to reuse the heat generated by application-specific integrated circuit (ASIC) mining rigs. Recently, a Twitter account named “Rev.Hodl” demonstrated how a bitcoin miner was employed to dry laundry. While the clothes dryer serves to...
CSS content-visibility
28.4.2023
The CSS language is full of small gaps which are frustrating to navigate. Between CSS properties to hide a container and its contents, there is still room for improvement. visibility: hidden keeps height and width integrity while display: none on a container hides everything. You can...
A Few Times Container Size Queries Would Have Helped Me Out
13.12.2022
CSS Container Queries are still gaining traction and many of us are getting our hands wet with them, even if it’s for little experiments or whatnot. They’ve got great, but not quite full, browser support — enough to justify using …
A Few Times Container Size Queries Would Have Helped Me...
Digging Deeper Into Container Style Queries
1.12.2022
I wrote up some early thoughts on container style queries a little while back. It’s still early days. They’re already defined in the CSS Containment Module Level 1 specification (currently in Editor’s Draft status) but there’s still a couple of …
Digging Deeper Into...
What CSS Do You Absolutely Have to Know in 2022?
8.11.2022
Sacha Greif openly wondered whether CSS has gotten to be, you know, too big. With all the goodies that’ve shipped in browsers the past couple of years — container queries! relative color syntax! cascade layers! logical properties…
What CSS Do You Absolutely Have to Know in 2022?...
Collective #734
20.10.2022
Lucide * Container Queries: Style Queries * Agreper * InvokeAI * Ultra * html.to.design
A Pure CSS Gallery Focus Effect with :not
13.10.2022
Oftentimes in the past, I needed to figure out how to add styles to all elements inside the container but not the hovered one.
Demo of the expected “fade-out” effect on siblings to let users “focus” on a particular element.…
A Pure CSS Gallery Focus Effect with :not...
Early Days of Container Style Queries
12.10.2022
We’re still in suuuuuper early days with container queries. Too early for broad browser support, but Chromium already supports it, Safari started supporting it in version 16, and Firefox is presumably not far behind.
Most early days conversations …
Early Days of Container Style Queries...
State of CSS 2022 Survey Now Open
4.10.2022
The State of CSS survey recently opened up. Last year, the survey confirmed everyone’s assumptions that TailwindCSS is super popular and CSS variables are mainstream. It also codified what many of us want from CSS, from Container Queries to …
State of CSS 2022 Survey Now Open...
WDRL — Edition 303: Container query lab, default exports, disabled browser features and Openring.
16.9.2022
Hey,
It’s not been long since the last mail I sent out but I already got so many articles in the queue that it makes sense to send this now. The monthly schedule is a handy reminder for myself but I’m not dogmatic on this. As you know this is a personal, hand-crafted newsletter, so I think it’s...
WebKit Features in Safari 16.0
13.9.2022
Whew boy, Safari 16 is officially out in the wild and it packs in a bunch of features, some new and exciting (Subgrid! Container Queries! Font Palettes!) and others we’ve been waiting on for better cross-browser support (Motion Path! Overscroll …
WebKit Features in Safari 16.0...
Collective #727
1.9.2022
VRSEAT * Nutshell * Bespoke WebGL Postprocessing * Headway * Use the Right Container Query Syntax
iShadeed’s Container Queries Lab
1.9.2022
Ahmad Shadeed got an early jump on container queries and has a growing collection of examples based on everyday patterns.
And, if you missed it, his latest post on container queries does a wonderful job covering how they work since …
iShadeed’s Container Queries Lab originally...
How I Added Scroll Snapping To My Twitter Timeline
5.8.2022
CSS Scroll Snap allows websites to snap the web page or any other scroll container to a specific scroll position when the user performs a scrolling operation. This feature has been supported in all modern browsers for over two years, …
How I Added Scroll Snapping To My Twitter Timeline...
Implicit Grids, Repeatable Layout Patterns, and Danglers
2.8.2022
Dave Rupert with some modern CSS magic that tackles one of those classic conundrums: what happens when the CSS for component is unable to handle the content we throw at it?
The specific situation is when a layout grid expects …
Implicit Grids, Repeatable Layout Patterns, and Danglers...