Search

Nalezeno "block": 2149

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

GIFS and prefers-reduced-motion


The <picture> element has a trick it can do where it shows different image formats in different situations. If all you are interested in is formats for the sake of performance, maybe you’d do: <picture<source srcset="img/waterfall.avif" type="image/avif"<source...

Block Relations Partners with ATARC to Conduct Research


Technology innovation and blockchain marketing consultancy platform Block Relations announced on Monday that it has partnered with Academic Research Center (ATARC), a collaborative platform for government, academia, and enterprises. In a tweet, Block Relations said that collaboration with ATARC...

Transaction fees, explained


Why do blockchains need transaction fees — and which networks allow crypto to be transferred less expensively? This explained article takes a look

The CSS Custom Property Toggle Trick


Back in July 2020, I got an email from James0x57 (I always try to refer to people by their name, but I think I get the sense they prefer to go by screen name) that says: The entire world of branching conditional logic and bulk feature toggling for custom CSS properties is possible and only exists...

More on content-visibility


Back in August 2020, when the content-visiblity property in CSS trickled its way into Chrome browsers, Una Kravets and Vladimir Levin wrote about it and we covered it. The weirdest part is that to get the performance value out of it, you pair it with contain-intrinsic-size on these big chunks...

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