Search

Nalezeno "block ": 1755

The Core Web Vitals hype train


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...

console.log({ myVariable });


I think this might be my most popular tweet of all time, but I’m not sure how to verify that these days. I’ll restate this neat little trick here because blogging is cool and fun. I used to do this a lot while debugging JavaScript: console.log("myVariable: ", myVariable); But now I...

Firefox 83


There’s a small line in the changelog that is is big news for CSS: We’ve added support for CSS Conic Gradients (bug 1632351) and (bug 1175958). 🎉🎉🎉 Conic gradients are circular, just like their radial counterpart, but place color stops...

Measuring Core Web Vitals with Sentry


Chris made a few notes about Core Web Vitals the other day, explaining why measuring these performance metrics are so gosh darn important: I still think the Google-devised Core Web Vitals are smart. When I first got into caring about performance, it was all: reduce requests! cache things! Make...

Jetpack Backup


It’s no secret that CSS-Tricks is a WordPress site. And as such, we like to keep things WordPress-y, like enabling the block editor and creating some custom blocks. We also rely on Jetpack for a number of things, which if you haven’t tried, is definitely worth your time as it’s...

Logical layout enhancements with flow-relative shorthands


Admission: I’ve never worked on a website that was in anything other than English. I have worked on websites that were translated by other teams, but I didn’t have much to do with it. I do, however, spend a lot of time thinking in terms of block-level and inline-level elements....

Hash Watch: The Highly Anticipated Bitcoin Cash Fork Is Now Complete


The Bitcoin Cash community has been patiently waiting for weeks for the November 15, 2020 upgrade and the day is finally here. Every six months the Bitcoin Cash network upgrades, but this time around, a conflict sparked over Bitcoin ABC’s Infrastructure Funding Plan (IFP). During the course...

How to Work With WordPress Block Patterns


Just a little post I wrote up over at The Events Calendar blog. The idea is that a set of blocks can be grouped together in WordPress, then registered in a register_block_pattern() function that makes the group available to use as a “block pattern” in any page or post. Block patterns...

Understanding flex-grow, flex-shrink, and flex-basis


When you apply a CSS property to an element, there’s lots of things going on under the hood. For example, let’s say we have some HTML like this: <div class="parent"<div class="child"Child</div<div class="child"Child</div<div class="child"Child</div</div And...

ARIA in CSS


Jeremey reacting to Sara’s tweet, about using [aria-*] selectors instead of classes when the styling you are applying is directly related to the ARIA state. … this is my preferred way of hooking up CSS and JavaScript interactions. Here’s [an] old CodePen where you can see...

Bidirectional scrolling: what’s not to like?


Some baby bear thinking from Adam Silver. Too hot: [On horizontal scrolling, like Netflix] This pattern is accessible, responsive and consistent across screen sizes. And it’s pretty easy to implement. Too cold: That’s a lot of pros for a pattern that in reality has some critical...

More People Dipping Toes Into Web Monetization


Léonie Watson: I do think that Coil and Web Monetization are at the vanguard of a quiet revolution. Here’s me when I’m visiting Léonie’s site: Enjoy the pennies! My Coil subscription ($5/month) doles out money to sites I visit that have monetization set up and installed. Other...

Getting the WordPress Block Editor to Look Like the Front End Design


I’m a WordPress user and, if you’re anything like me, you always have two tabs open when you edit a post: one with the new fancy pants block editor, aka Gutenberg, and another with a preview of the post so you know it won’t look wonky on the front end. It’s no surprise that...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace