Search
Maintaining Performance
27.3.2020
Real talk from Dave:
I, Dave Rupert, a person who cares about web performance, a person who reads web performance blogs, a person who spends lots of hours trying to keep up on best practices, a person who co-hosts a weekly podcast about making websites and speak with web performance professionals…...
Block.one Absorbs Team Behind Now-Defunct Block Producer EOS New York
27.3.2020
EOS creator Block.one has acquired the team behind once-prominent block producer EOS New York, which has now entirely ceased operations
EOS to Become More ‘Community-Driven’ as Block.One Seeks to Use Dfuse’s Open-Source APIs
27.3.2020
Block.One appears to be taking a more active stance in the EOS network
Get Static
26.3.2020
In this piece, Eric Meyer argues that performance is more important than ever right now — especially for websites that contain critical information for the public:
If you are in charge of a web site that provides even slightly important information, or important services, it’s time to...
ETH 2.0 Audit Highlights Risks to Block Proposers and P2P Protocol
26.3.2020
While noting that the code is “very well thought out,” Least Authority identified risks to block proposers and concerns regarding ETH 2.0’s P2P networking protocol
Did You Know the Ordered List Element Has Start and Reversed Attributes?
24.3.2020
I sure didn't! Tomek Sułkowsi shows how we can reverse the numbering of ordered lists with a simple HTML attribute:
<ol reversed<liApple</li<liBanana</li<liPear</li</ol
CodePen Embed Fallback
And the start attribute can be added to begin the list at a number other...
Performance Links
24.3.2020
I've had a number of browser tabs open to articles all related to web performance and gosh darn it if blogging them is a way for me get some closure. They are all good!
Manuel Matuzovic, Why 543 KB keep me up at night:
Yes, I know, it depends. 543 KB aren't always bad, but on that specific page...
Crypto Mining Crunch Time – Bitcoin Halving Less Than 50 Days Away While Global Economy Shudders
24.3.2020
On or around May 13, the BTC network will see a block reward reduction as miners will go from getting 12.5 coins per block to 6.25 coins following the halving. The last time the protocol’s block reward halved was on July 9, 2016, and the global economy looked a whole lot different back then....
CSS :nth-of-class selector
23.3.2020
That's not a thing.
But it kinda is!
Bram covers how frustrating .bar:nth-child(2) is. It's not "select the second element of class .bar." It's "select the second element if it also has the class .bar." The good news? There is a real selector that does the former:
:nth-child(2 of .bar) { }
Safari...
CSS Can Influence Screenreaders
23.3.2020
Ben Myers covers some clear examples of where CSS totally changes what some screen readers announce. For example, some screenreader will see text-transform: uppercase; on a button label that says "Add" and read it like an abbreviation, "A.D.D."
These cases of CSS messing with our screenreader...
Client-Side Image Editing on Mobile
20.3.2020
Michael Scharnagl:
Ever wanted to easily convert an image to a grayscale image on your phone? I do sometimes, and that's why I build a demo using the Web Share Target API to achieve exactly that.
For this I used the Service Worker way to handle the data. Once the data is received on the client,...
Countdown to Block Reward Reduction – 18 Days Until Bitcoin Cash Halving
20.3.2020
In 18 days, the Bitcoin Cash (BCH) network will see its next halving as the block reward will decrease from 12.5 to 6.25 coins on or around April 8, 2020. BCH will be the first blockchain out of the top three SHA256 networks to halve as BSV will see a reward reduction two days after […]
The...
CSS2JS
20.3.2020
To add inline styles on an element in JSX, you have to do it in this object syntax, like:
<div style={{
fontSize: 16,
marginBottom: "1rem"
}}Content
</div
That might look a little weird to us folks who are so used to the CSS syntax, where it is font-size (not fontSize), margin-bottom...
Block.One CEO Criticizes EOS Worker Proposal System
19.3.2020
While the developers behind the Worker Proposal System seek to drum up support from Eos’ block producers, Block.One’s CEO has criticized the proposed protocol
What Does `playsinline` Mean in Web Video?
18.3.2020
I got myself confused about this the other day, went around searching for an answer and came up empty on finding something clear. The answer actually is quite clear and I feel a little silly for not knowing it.
With it in place, like this:
<video src="..." controls playsinline</video
Mobile...
A Complete Guide to calc() in CSS
17.3.2020
CSS has a special calc() function for doing basic math. Here's an example:
.main-content {
/* Subtract 80px from 100vh */
height: calc(100vh - 80px);
}
In this guide, let's cover just about everything there is to know about this very useful function.
calc() is for values
The only place you...
15 Things to Improve Your Website Accessibility
17.3.2020
This is a really great list from Bruce. There is a lot of directly actionable stuff here. Send it around to your team and make it something that you all go through together.
Here's a little one that prodded me to finally fix...
Most screen readers allow the user to quickly see a list of links...
CSS X
17.3.2020
My name appears in an article from Bert Bos (co-author of the original CSS spec), so I'll consider that a life accomplishment. Berts makes the point that CSS has evolved and the working group versions things, but the working group hasn't been and doesn't really plan to be involved in these...
BTC Hashrate Follows Price Drop – 20% Lower Before Bitcoin Halving
16.3.2020
Four days ago, digital currency markets lost billions and prices sank to levels not seen since last March. The market bloodbath has affected bitcoin miners as they are making fewer profits than they were a week prior. By Monday, March 16, BTC’s hashrate slid below the 100 exahash (EH/s)...
Stop Using “Dropdown”
16.3.2020
Adrian Roselli notes that it might actually mean:
A <select> menu
An ARIA Listbox, Combobox, Menu, or Disclosure Widget
An input with a <datalist>
An input with autocomplete
A <details><summary> block
An accordion
Flyout navigation
In my own usage, I tend to mean...