Search

Nalezeno "block": 2149

CSS Animation Timelines: Building a Rube Goldberg Machine


If you’re going to build a multi-step CSS animation or transition, you have a particular conundrum. The second step needs a delay that is equal to the duration of the first step. And the third step is equal to the duration of the first two steps, plus any delay in between. It gets more...

min(), max(), and clamp() are CSS magic!


Nice video from Kevin Powell. Here are some notes, thoughts, and stuff I learned while watching it. Right when they came out, I was mostly obsessed with font-size usage, but they are just functions, so they can be used anywhere you’d use a number, like a length. Sometimes pretty basic usage...

Bitcoin Transaction Costs Soar 400% Amid Halving Hyperbole


The average transaction cost for Bitcoin (BTC) soared 414% in the days before the halving, peaking at $3.19 on May 8, from as low as $0.62 on April 26. This is the highest price bitcoiners have paid for a transaction on the network in ten months, according to data from Bitinfocharts. Fees are paid...

Chromium lands Flexbox gap


I mentioned this the other day via Michelle Barker’s coverage, but here I’ll link to the official announcement. The main thing is that we’ll be getting gap with flexbox, which means: .flex-parent { display: flex; gap: 1rem; } .flex-child { flex: 1; } That’s excellent...

Static Hoisting


The other day in “Static or not?” I said: […] serving HTML from a CDN is some feat. What I meant is that serving resources like images, CSS, and JavaScript from a CDN is fairly straightforward. The industry at large has been doing that for many years. An asset with a URL can...

How to Use Block Variations in WordPress


WordPress 5.4 was released not so long ago and, along with other improvements and bug fixes, it introduced a feature called Block Variations. I had a chance to use it on one of my recent projects and am so pleasantly surprised with how smart this feature is. I actually think it hasn’t received...

How to Create Custom WordPress Editor Blocks in 2020


Peter Tasker on creating blocks right now: It’s fairly straightforward these days to get set up with the WP CLI ‘scaffold’ command. This command will set up a WordPress theme or plugin with a ‘blocks’ folder that contains the PHP and base CSS and JavaScript required to create...

`lh` and `rlh` units


There’s some new units I was totally unaware of from the Level 4 spec for CSS values! The lh unit is “equal to the computed value of line-height” and rlh is the same only of the root element (probably the <html> element) rather than the current element. Why would that...

A Trader’s View on the Bitcoin Halving and Coronavirus


The last time the block reward for Bitcoin mining was halved was in July 2016. Since then, the crypto marketsContinue Reading The post A Trader’s View on the Bitcoin Halving and Coronavirus appeared first on CoinMarketCap Blog

No-Comma Color Functions in CSS


There have been a couple of viral tweets about this lately, one from Adam Argyle and one from Mathias Bynes. This is a nice change that makes CSS a bit more clear. Before, every single color function actually needs two functions, one for transparency and one without, this eliminates that need...

The Hero Generator


Sarah: I’ve had to implement the same hero for several years now, so like a good lazy programmer, I figured I’d automate it. Direct Link to Article — Permalink… Read article “The Hero Generator” The post The Hero Generator appeared first on CSS-Tricks

Real-World Effectiveness of Brotli


Harry Roberts: The numbers so far show that the difference between no compression and Gzip are vast, whereas the difference between Gzip and Brotli are far more modest. This suggests that while the nothing to Gzip gains will be noticeable, the upgrade from Gzip to Brotli might perhaps...

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