Search
Say Hello to CSS Container Queries
20.4.2021
Container queries are finally here! Now available behind a flag in the latest version of Chrome Canary, you can go ahead and experiment to your heart’s content. Oh, and if you’re not familiar with container queries then check out …
The post Say Hello to CSS Container Queries appeared first...
How to Improve CSS Performance
19.4.2021
There is no doubt that CSS plays a huge role in web performance. Milica Mihajlija puts a point on exactly why:
When there is CSS available for a page, whether it’s inline or an external stylesheet, the browser delays rendering
…
The post How to Improve CSS Performance appeared first...
Float an Element to the Bottom Corner
19.4.2021
Need to lay out an element to the right or the left, such that text wraps around it? That’s an easy task for the float property. But what about if you also want to push that element (let’s call it …
The post Float an Element to the Bottom Corner appeared first on CSS-Tricks.
You can support...
Creating an Editable Textarea That Supports Syntax-Highlighted Code
16.4.2021
When I was working on a project that needed an editor component for source code, I really wanted a way to have that editor highlight the syntax its typed. There are projects like this, like CodeMirror, Ace, and …
The post Creating an Editable Textarea That Supports Syntax-Highlighted Code...
Bitcoin caught in the crossfire as Turkish opposition leader voices support
16.4.2021
A blanket ban on crypto is now also a talking point for Turkey's politicians
Platform News: Using :focus-visible, BBC’s New Typeface, Declarative Shadow DOMs, A11Y and Placeholders
16.4.2021
There’s a whole lot of accessibility in this week’s news, from the nuances of using :focus-visible and input placeholders, to accessible typefaces and a Safari bug with :display: contents. Plus, a snippet for a bare-bones web component that supports …
The post Platform News:...
Not Your Typical Horizontal Rules
16.4.2021
The default browser style for <hr> is so weird. It’s basically:
border-style: inset;
border-width: 1px;
The default border-color is black, but the border doesn’t actually look black, because the inset border “adds a split tone to the line …
The post Not Your Typical...
Flash of inAccurate coloR Theme (FART)
16.4.2021
There is a lot to think about when implementing a dark mode theme on a website. We have a huge guide on it. There are some very clever quick wins out there, but there are also some quite tricky things …
The post Flash of inAccurate coloR Theme (FART) appeared first on CSS-Tricks.
You...
Insurance Giant AXA Allows Swiss Clients to Pay for Services With Bitcoin
15.4.2021
The French multinational insurance firm AXA is now allowing clients in Switzerland to pay for services in bitcoin. The newly added support is part of the company’s “digital future” and stems from customer demand for crypto payments. AXA Supports Bitcoin Payments In Switzerland...
The Importance of Career Laddering
15.4.2021
The title of this article is misleading. It’s not actually very important for an Engineering Manager to use career laddering, per se, or my process. It is, however, very important that an Engineering Manager is clear with their employees…
The post The Importance of Career Laddering appeared...
How to Build a FullStack Serverless HN Clone With Svelte and Fauna
15.4.2021
Svelte is a free and open-source front end JavaScript framework that enables developers to build highly performant applications with smaller application bundles. Svelte also empowers developers with its awesome developer experience.
Svelte provides a different approach to building web apps...
200-Year-Old American Wine Shop Now Accepts Cryptocurrencies
15.4.2021
Nearly every day now a new company is announcing the acceptance of cryptocurrencies in some form or another. Now one of the world’s largest fine wine auction houses and America’s oldest wine shop Acker has revealed digital currency acceptance to pay for auction payments and retail wine...
Generating (and Solving!) Sudokus in CSS
15.4.2021
I love to make CSS do stuff it shouldn’t. It’s the type of problem-solving brain training you’d get building a calculator in Minecraft, except you probably won’t get a job working with Minecraft Redstone no matter how good you …
The post Generating (and Solving!) Sudokus in CSS appeared...
Building a Settings Component
14.4.2021
This is a tremendous CSS-focused tutorial from Adam Argyle. I really like the “just for gap” concept here. Grid is extremely powerful, but you don’t have to use all its abilities every time you reach for it. Here, Adam …
The post Building a Settings Component appeared first...
Building a Settings Component
14.4.2021
This is a tremendous CSS-focused tutorial from Adam Argyle. I really like the “just for gap” concept here. Grid is extremely powerful, but you don’t have to use all its abilities every time you reach for it. Here, Adam …
The post Building a Settings Component appeared first...
Popular Nightclub E11even Miami Reveals Cryptocurrency Payment Acceptance
14.4.2021
While crypto assets have seen monumental gains this week, the popular nightclub in Florida, E11even Miami will accept bitcoin and a slew of other digital assets for merchandise, beverages, and tables. Following the pandemic, E11even Miami will be reopening on April 23 and will have crypto asset...
Going “Meta GSAP”: The Quest for “Perfect” Infinite Scrolling
14.4.2021
I‘m not sure how this one came about. But, it‘s a story. This article is more about grokking a concept, one that’s going to help you think about your animations in a different way. It so happens that this particular …
The post Going “Meta GSAP”: The Quest for “Perfect” Infinite Scrolling...
Cloud study
14.4.2021
This Robin Sloan fella is an interesting character. Not only have I read his one of his fiction novels, the tremendous Mr. Penumbra’s 24‑Hour Bookstore, but I also use the olive oil he makes with partner Kathryn Tomajan. …
The post Cloud study appeared first on CSS-Tricks.
You can support...
Why Netlify?
14.4.2021
I think it’s fair to think of Netlify as a CDN-backed static file host. But it would also be silly to think that’s all it is. That’s why I think it’s smart for them to have pages like this, comparing …
The post Why Netlify? appeared first on CSS-Tricks.
You...
Dogecoin (DOGE) hits a new ATH as Bitcoin bulls try to flip $63K to support
13.4.2021
Dogecoin rallied to a new all-time high as mainstream interest in cryptocurrency grows and the total crypto market capitalization tops $2.19 trillion