Search
Jetpack 8.9: Take Donations, Capture Email Subscribers, AMP integration, and More
8.9.2020
(This is a sponsored post.)
Jetpack 8.9 shipped on September 1 and it shows why the plugin continues to be the premier way to take a WordPress site from good to holy smokes! Several new features are packed into the release, but a few really stand out.
Take donations with a new block
The first...
All the Ways to Make a Web Component
7.9.2020
This is a neat page that compares a ton of different libraries with web components. One of the things I learned after posting “A Bit on Web Components Libraries” is that the web platform APIs were designed for libraries to be built around them. Interesting, right?
This page makes...
Import Non-ESM libraries in ES Modules, with Client-Side Vanilla JS
7.9.2020
We’re living through a weird era where there are tons of JavaScript libraries that were meant to be used as <script> tags that expose available globals. AND there are tons of JavaScript libraries that are meant to be used through module loaders. AND there are tons of JavaScript...
Bitcoin Dominance Slides Losing 10% in the Last 100 Days
6.9.2020
Bitcoin’s Dominance Index has slid 10% from a high of 67% on May 10, to a low of 57% today. Despite the defi market shakeout, ethereum still captures 10% of the aggregate market capitalization of $330 billion. There’s been a number of changes in the top ten line up of coins, as bitcoin...
Supercharging Number Inputs
4.9.2020
Speaking of number scrubbing (i.e. adding mouse UX to number inputs), you can also add better keyboard commands to number inputs. Kilian Valkhof explains how he added up and down arrows to a number input, as well as modifier keys to change how much the keys increment the value, like Emmet does....
Stroke Text CSS: The Definitive Guide
4.9.2020
Whenever I think of stroked text on the web I think: nope.
There is -webkit-text-stroke in CSS for it, but it places that stroke in the middle of the vector outline of the characters, absolutely ensuring that the character doesn’t look right. Just look at this in Chrome or Safari. Gross....
State of Jamstack 2020: Data Deep Dive
3.9.2020
(This is a sponsored post.)
The Jamstack, a modern approach to building websites and apps, delivers better performance, higher security, lower cost of scaling, and a better developer experience. But how popular is it among developers worldwide, and what do they love and hate about it?
We at Kentico...
Come to Web Unleashed!
1.9.2020
(This is a sponsored post.)
Web Unleashed is a fun conference. I’ve been a number of times. I’m sure you won’t be surprised that it’s online this year, like most events.
And, hey, it’s coming up and will take place over three days, October 5-7, 2020. I’d really...
a11y is web accessibility
29.8.2020
Eric Bailey eviscerates the notion that the term “a11y” isn’t accessible. It’s a hot take that I’ve had myself, embarrassingly enough.
I never see people asking why WWI is written out the way it is, either. Won’t people confuse that with the first Wonder Woman movie?...
a11y is web accessibility
29.8.2020
Eric Bailey eviscerates the notion that the term “a11y” isn’t accessible. It’s a hot take that I’ve had myself, embarrassingly enough.
I never see people asking why WWI is written out the way it is, either. Won’t people confuse that with the first Wonder Woman movie?...
Deeper DX
27.8.2020
Shawn Wang thinks there are deeper, perhaps more uncomfortable, places to go with developer experience (DX) beyond the surface-level stuff that we recently covered. Sure, sure, documentation, CLIs, good demos. But there are much harder questions to answer that are part of the real DX. Shawn lists...
Why you should hire a front-end developer
26.8.2020
Matt Hobbs says you should hire a front-end developer because…
“A front-end developer is the best person to champion accessibility best practices in product teams.”
“80-90% of the end-user response time is spent on the front end.”
“A front-end developer takes pressure...
What’s New In DevTools (Chrome 86)
26.8.2020
It wasn’t that long ago that Umar Hansa published a look at the most interesting new features in Chrome DevTools released in 2020. In fact, it was just earlier this month!
But in that short amount of time, Chrome has a few new tricks up its sleeve. One of the features Umar covered was...
Comparing Data in Google and Netlify Analytics
25.8.2020
Jim Nielsen:
the datasets weren’t even close for me.
Google Analytics works by putting a client-side bit of JavaScript on your site. Netlify Analytics works by parsing server logs server-side. They are not exactly apples to apples, feature-wise. Google Analytics is, I think it’s fair...
This vs. That
24.8.2020
Here’s a nice site from Phuoc Nguyen, who I’ve noted before has quite a knack for clever sites. This vs. That pits different related concepts against each other as a theme for an article. For example, CSS has display: none;, opacity: 0;, and visibility: hidden; and they all, on...
Stock Trader Dave Portnoy Dives Into Bitcoin, Only to Panic-Sell After Chainlink Plunges
22.8.2020
High profile stock trader Dave Portnoy has panic sold his bitcoin one week after he got into cryptocurrency. He cited the falling price of chainlink, another of his crypto investments, as the main reason. Dave Portnoy Got in and Out of Crypto in One Week American trader and founder of Barstool...
A CSS-only, animated, wrapping underline
21.8.2020
Nicky Meuleman, inspired by Cassie Evans, details how they built the anchor link hover on their sites. When a link is hovered, another color underline kinda slides in with a gap between the two. Typical text-decoration doesn’t help here, so multiple backgrounds are used instead,...
Leading-Trim: The Future of Digital Typesetting
21.8.2020
leading-trim is a suggested new CSS property that lets us remove the extra spacing in every font so that we can more predictably style text. Ethan Wang has written about it — including how Microsoft has advocated for it — and that it’s now part of the Inline Layout Module Level 3 spec.
You’d use...
To grid or not to grid
20.8.2020
Sarah Higley does accessibility work and finds that “tables and grids are over-represented in accessibility bugs.”
The drum has been banged a million times: don’t use a <table> for layout. But what goes around comes around. What’s the the #1 item in a list...
Never Build a CSV Importer Again
20.8.2020
(This is a sponsored post.)
CSV import as a process is broken. Messy customer data, edge cases, encoding formats, error messages, non-technical users: importing data into applications is a huge pain! Ingesting data has been long neglected as a software product experience, leading to customer...