Search
Houdini.how
1.1.2021
Nice site from Google (and guest contributors) with a bunch of fun demos of what Houdini can do. Plus a write-up from Una. These are all Paint API demos. Houdini is technically a group of seven things that are all …
The post Houdini.how appeared first on CSS-Tricks.
You can support...
Simulating Drop Shadows with the CSS Paint API
29.12.2020
Ask a hundred front-end developers, and most, if not all, of them will have used the box-shadow property in their careers. Shadows are enduringly popular, and can add an elegant, subtle effect if used properly. But shadows occupy a strange …
The post Simulating Drop Shadows with the...
The Core Web Vitals hype train
24.11.2020
Some baby bear thinking from Katie Sylor-Miller:
my excitement for Core Web Vitals is tempered with a healthy skepticism. I’m not yet convinced that Largest Contentful Paint (LCP), First Input Delay (FID), and Cumulative Layout Shift (CLS) are the right metrics that all sites should...
Little Things on My Personal Site
30.10.2020
I updated my personal website the other day. Always a fun project since it’s one of the few where it’s 100% just me. It’s my own personal playground with no other goal than making the site represent me to have a little fun. It’s not a complete re-write, just some new paint....
Tokenized art: NFTs paint bright future for artists, blockchain tech
25.9.2020
Historically, digital art has been almost impossible to monetize. Blockchain technology can solve that problem
What Happens When Border Radii Overlap?
17.8.2020
I’d wager that most times we’re rounding box corners in CSS, we’re applying a uniform border-radius value across the border. It’s a nice touch of polish in many designs. But there are times when we might want different radii for different corners. Easy, right? That way the property takes four...
We need more inclusive web performance metrics
10.7.2020
Scott Jehl argues that performance metrics such as First Contentful Paint and Largest Contentful Paint don’t really capture the full picture of everyone’s experience with websites:
These metrics are often touted as measures of usability or meaning, but they are not necessarily meaningful...
Core Web Vitals
29.5.2020
Core Web Vitals is what Google is calling a a new collection of three web performance metrics:
LCP: Largest Contentful Paint
FID: First Input Delay
CLS: Cumulative Layout Shift
These are all measurable. They aren’t in Lighthouse (e.g. the Audits tab in Chrome DevTools) just yet, but sounds...
Can JavaScript Detect the Browser’s Zoom Level?
21.4.2020
No, not really.
My first guess was that this was intentionally not exposed in browsers because browsers intentionally don’t want us fighting it — or making well-intentioned but bad-outcome decisions based on that info. But I don’t see any evidence of that.
StackOverflow answers paint...
JAMstack Tools and The Spectrum of Classification
17.10.2019
With the wonderful world of JAMstack getting big, all the categories of services and tools that help it along are as important as ever. There are static site generators, headless CMSs, and static file hosts.
I think those classifications are handy, and help conversations along. But there is a point...
Workflow Considerations for Using an Image Management Service
16.10.2019
There are all these sites out there that want to help you with your images. They do things like optimize your images and help you serve them performantly.
That's a very good thing. By any metric, images are a major slice of the resources on websites, and we're notoriously bad at optimizing them...
Kontrolní číslice čárového kódu (úloha z kroužku programování pro děti)
12.9.2019
Kolik lidí si podle vás v supermarketu kontroluje účtenku, aby se ujistili, zda jim namarkovali vše správně? Obvykle ne mnoho, jelikož čárový kód je tak spolehlivý, že mu důvěřují, že funguje. (Já tedy vídám, že si to lidé kontrolují a namátkově to dělám tady. Přeci jen je tam lidský prvek, ne...
Collective #540
12.8.2019
Largest Contentful Paint * Dashblock * The birth of Inter * Amphora * JAMstack Templates * Extra.css
Collective #540 was written by Pedro Botelho and published on Codrops
Why do Crypto-Related Surveys in the U.S. Paint Different Pictures?
9.8.2019
Several different surveys, the results of which have come out since last year, have shown mixed feelings when it comes to how American’s view cryptocurrency – while some surveys suggest more positive results, others paint a bleak picture. Where does the discrepancy come from? As various surveys...
10 Web Performance Audit Tips for Your Next Billion Users in 2018: TTI: Time to Interactive
21.5.2019
First Meaningful Paint is close to useless because it’s an illusion. It’s a decoy to keep the user from bouncing off your website while we get them the real thing. When does the user get this r
10 Web Performance Audit Tips for Your Next Billion Users in 2019: TTI: Time to Interactive
21.5.2019
First Meaningful Paint is close to useless because it’s an illusion. It’s a decoy to keep the user from bouncing off your website while we get them the real thing. When does the user get this r
A Conspiracy to Kill IE6
6.5.2019
Chris Zacharias published a few notes about why the team at YouTube added a banner that asked users to switch from IE6 to a more modern browser back in 2009:
The bittersweet consequence of YouTube’s incredible growth is that so many stories will be lost underneath all of the layers of new paint....
CSS Houdini Could Change the Way We Write and Manage CSS
28.3.2019
CSS Houdini may be the most exciting development in CSS. Houdini is comprised of a number of separate APIs, each shipping to browsers separately, and some that have already shipped (here's the browser support). The Paint API is one of them. I’m very excited about it and recently started to think...
Collective #431
9.7.2018
Browsh * CSS Nesting Request * Itty.bitty * UnusedCSS * Design Systems at GitHub * The CSS Paint API * Podmap
Collective #431 was written by Pedro Botelho and published on Codrops
The CSS Paint API
9.7.2018
The CSS Paint API is extremely exciting, not only for what it is, but what it represents, which is the beginning of a very exciting time for CSS. Let’s go over what it is, why we have it and how to start using it.
What is the CSS Paint API?
The API is just one part of a whole suite of...