Search
Pseudo-elements in the Web Animations API
14.5.2020
To use the Web Animations API (e.g. el.animate()) you need a reference to a DOM element to target. So, how do you use it on pseudo-elements, which don’t really offer a direct reference? Dan Wilson covers a (newish?) part of the API itself:
const logo...
‘History Has Repeated’: F2Pool Explains Message in Last Block Before Bitcoin Halving
13.5.2020
F2Pool co-founder Wang Chun tells Consensus: Distributed why he chose a $2.3T NY Times headline for Bitcoin's last block before the halving
2 Days After the Bitcoin Halving: Network ‘Remains Strong,’ Higher Fees, Bullish Sentiment
13.5.2020
On May 11, 2020, the Bitcoin network completed it’s third block reward halving and the network seems to be chugging along just fine. However, it may take a while longer to see the halving’s effect on the mining industry and right now bitcoin transaction fees have risen exponentially....
React Single File Components Are Here
13.5.2020
Shawn Wang is talking about RedwoodJS here:
… it is the first time React components are being expressed in a single file format with explicit conventions.
Which is the RedwoodJS idea of Cells. To me, it feels like a slightly cleaner version of how Apollo wants you to do it with useQuery....
Using CSS Masks to Create Jagged Edges
12.5.2020
I was working on a project that had this neat jagged edge along the bottom of a banner image.
Looking sharp… in more ways than one.
It’s something that made me think for a second and I learned something in the process! I thought I’d write up how I approached it so you can use it on your...
Recent Episodes of ShopTalk Show
12.5.2020
There is a super cool new Podcast block for WordPress Gutenberg you use Jetpack (released in 8.5). I wanted to try it out, so below you’ll see recent episodes from ShopTalk Show. I’d tell you all about the recent episodes, except then this blog post wouldn’t age very well, because...
Why does writing matter in remote work?
12.5.2020
Talk to anyone who has an active blog and I bet they’ll tell you it’s been valuable to them. Maybe it’s opened doors. Maybe it’s got them a job. Maybe it’s got them a conference invite. Maybe they just like the thrill of knowing people have read and responded to...
How I Put the Scroll Percentage in the Browser Title Bar
12.5.2020
Some nice trickery from Knut Melvær.
Ultimately the trick boils down to figuring out how far you’ve scrolled on the page and changing the title to show it, like:
document.title = `${percent}% ${post.title}`
Knut’s trick assumes React and installing an additional library. I’m sure...
First Mover: Dull Bitcoin Halving Salvaged By Satoshi Tribute in Block 629,999
12.5.2020
A coded-in message on the blockchain harked back the the genesis of the original cryptocurrency
CSS Animation Timelines: Building a Rube Goldberg Machine
12.5.2020
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!
12.5.2020
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...
Final Block Mined Before Halving Contained Reminder of BTC’s Origins
12.5.2020
In the final block, Miner f2pool immortalized a NY Times article highlighting the similarities between the 2008 financial crisis and today
Bitcoin’s Third Halving Complete: Reward Cut Surprisingly Faster Than Previous Time Estimates
11.5.2020
The Bitcoin blockchain has experienced its third block reward halving on May 11, 2020, at approximately 3:21 p.m EST, even though quite a few countdown clocks estimated that the halving would occur on May 12. Bitcoin miners now get 6.25 BTC per block rather than the 12.5 BTC they acquired before...
Bitcoin Transaction Costs Soar 400% Amid Halving Hyperbole
11.5.2020
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...
Bitcoin Block Size Sees New All Time High, Hash Rate Catching Up
11.5.2020
The average block size of the Bitcoin network peaked at 1.341 MB on May 2, with the mining hash rate approaching a new all-time high
Chromium lands Flexbox gap
9.5.2020
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...
New Global Campaign Urges Credit Card Companies to Block Porn Sites
8.5.2020
An international campaign calling on credit card companies to block payments to porn sites could lead to a huge wave of new cryptocurrency adopters
Static Hoisting
6.5.2020
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
6.5.2020
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
6.5.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...