Search
How much specificity do @rules have, like @keyframes and @media?
31.7.2019
I got this question the other day. My first thought is: weird question! Specificity is about selectors, and at-rules are not selectors, so... irrelevant?
To prove that, we can use the same selector inside and outside of an at-rule and see if it seems to affect specificity.
body {
background:...
Ignore Crypto Twitter – Life as a Nocoiner Isn’t That Bad
18.7.2019
Crypto Twitter (CT) is filled with half-witted commentary and price predictions by so-called luminaries, maximalists, and influencers. As the price of BTC has dropped to four figures, the usual tweets from CT thought leaders has insisted that this is the last chance to buy bitcoin for under...
Finally… A Post on Finally in Promises
16.7.2019
“When does finally fire in a JavaScript promise?” This is a question I was asked in a recent workshop and I thought I’d write up a little post to clear up any confusion.
The answer is, to quote Snape:
...always.
The basic structure is like this:
try {
// I’ll try to execute some code...
Why Bitcoiners Are Turning to Unschooling for Decentralized Education
29.6.2019
Unschooling is an alternative education movement quickly gaining popularity and currency worldwide. Like Bitcoin, it is an individualist approach to an area of human action long thought to be established beyond question―education. Both cryptoeconomics and unschooling seek to provide autonomy...
Reduced Motion Picture Technique, Take Two
21.6.2019
Did you see that neat technique for using the <picture> element with <source media=""> to serve an animated image (or not) based on a prefers-reduced-motion media query?
After we shared that in our newsletter, we got an interesting reply from Michael Gale:
What about folks who love...
Report Insists ‘Bitcoin Was Not Purpose-Built to First Be a Store of Value’
7.6.2019
There’s been furious debate over the last few years on whether or not Satoshi created Bitcoin to be a peer-to-peer cash system or a purpose-built store of value. Lately, a few BTC proponents claim that Satoshi deliberately built Bitcoin to be a store of value (SoV). Despite the SoV narrative...
10 Web Performance Audit Tips for Your Next Billion Users in 2018: Bundle Splitting, Deferred Loading and Prefetching
29.5.2019
Since the advent of module bundling, we thought all our asset request got solved because the bundler hands us a single bundle that represents everything. We just shove this bundle right into our ap
Iterating a React Design with Styled Components
16.5.2019
In a perfect world, our projects would have unlimited resources and time. Our teams would begin coding with well thought out and highly refined UX designs. There would be consensus among developers about the best way to approach styling. There’d be one or more CSS gurus on the team who could ensure...
Evergreen Googlebot
16.5.2019
I've heard people say that the #1 most exciting and important thing that came out of Google I/O this year was the evergreen Googlebot:
Today, we are happy to announce that Googlebot now runs the latest Chromium rendering engine (74 at the time of this post) when rendering pages for Search. Moving...
Crypto Heresy: Question Blockstream on Twitter and You’ll Be Blocked
10.5.2019
Crypto Twitter (CT) is a grueling battleground between digital currency enthusiasts, company executives, maximalists, journalists, lawyers, and so-called thought leaders and luminaries. For instance, on May 8, reporter Larry Cermak posted data concerning Blockstream and its sidechain project...
Making the Move from jQuery to Vue
3.5.2019
As someone who has used jQuery for many. years and has recently become a Vue convert, I thought it would be an interesting topic to discuss the migration process of working with one to the other.
Before I begin though, I want to ensure one thing is crystal clear. I am not, in any way whatsoever...
It’s pretty cool how Netlify CMS works with any flat file site generator
21.3.2019
Little confession here: when I first saw Netlify CMS at a glance, I thought: cool, maybe I'll try that someday when I'm exploring CMSs for a new project. Then as I looked at it with fresh eyes: I can already use this! It's a true CMS in that it adds a content management UI on top of any static site...
Stackbit
12.3.2019
This is not a sponsored post. I requested a beta access for this site called Stackbit a while back, got my invite the other day, and thought it was a darn fine idea that's relevant to us web nerds — particularly those of us who spin up a lot of JAMstack sites.
I'm a big fan of the whole idea...
Did you know that CSS Custom Properties can handle images too?
27.2.2019
So you might be aware of CSS Custom Properties that let you set a variable, such as a theme color, and then apply it to multiple classes like this:
:root {
--theme: #777;
}
.alert {
background: var(—-theme);
}
.button {
background: var(—-theme);
}
Well, I had seen this pattern so often...
Putting the Flexbox Albatross to Real Use
24.1.2019
If you hadn't seen it, Heydon posted a rather clever flexbox layout pattern that, in a sense, mimics what you could do with a container query by forcing an element to stack at a certain container width. I was particularly interested, as I was fighting a little layout situation at the time I...
Slice and Dice a Disc with CSS
13.1.2019
I recently came across an interesting sliced disc design. The disc had a diagonal gradient and was split into horizontal slices, offset a bit from left to right. Naturally, I started to think what would the most efficient way of doing it with CSS be.
Sliced gradient disc.
The first thought...
The 10,000 Year Clock Design Principals
8.1.2019
In the new year edition of the Clearleft newsletter, Jeremy Keith linked to the design principals Danny Hillis thought about while considering a clock that would work for 10,000 years.
Here's part of that page, satisfyingly displayed as a <dl>:
Longevity:
Go slow
Avoid sliding friction...
Multi-Line Inline Gradient
3.1.2019
Came across this thread:
CSS superfriends! Have you seen examples of how to do multi-line padded text like this article on @css (https://t.co/2j8p4jmaT4), but with a gradient that doesn't reset for each line? pic.twitter.com/MVPdAjxt1W
— Dan Mall (@danmall) December 3, 2018
My first...
A Quick CSS Audit and General Notes About Design Systems
31.12.2018
I’ve been auditing a ton of CSS lately and thought it would be neat to jot down how I’m going about doing that. I’m sure there are a million different ways to do this depending on the size and scale of your app and how your CSS works under the hood, so please take all this with a grain of salt....
Too Much Accessibility
3.12.2018
I like to blog little veins of thought as I see them. We recently linked to an article by Facundo Corradini calling out a tweet of ours where we used an <em> where we probably should have used an <i>.
Bruce Lawson checks if screen readers are the victims of these semantic...