Search
On the `dl`
15.9.2021
Blogging about HTML elements¹? *chefs kiss*
Here’s Ben Myers on the (aptly described) “underrated” Definition List (<dl>) element in HTML:
You might have also seen lists of name–value pairs to describe lodging amenities, or to list
…
The post On the `dl` appeared...
Mining Is Not Banned in Ukraine and Does Not Require Licensing, Key Crypto Advisor Says
13.9.2021
The regulatory status of cryptocurrency mining remains somewhat undetermined in Ukraine, even after the recent adoption of the law “On Virtual Assets.” However, albeit unregulated, the minting of digital coins isn’t prohibited either, according to a leading advisor on crypto...
“Just in Time” CSS
10.9.2021
I believe acss.io is the first usage of “Atomic CSS” where the point of it is to be a compiler. You write CSS like this:
<div class="C(#fff) P(20px)"text
</div
And it will generate CSS like:
.C\(\#333\) {
color: #333;
…
The post “Just in Time” CSS appeared...
Don’t attach tooltips to document.body
8.9.2021
Here’s Atif Afzal on using a <div> that is permanently on the page where tooltips are added/removed and how they perform vastly better than plopping those same tooltips right into the <body>. It’s not really discussed, but the reason …
The post Don’t attach...
Fire SVG animations (SMIL) when the SVG is visible
7.9.2021
When requirements read “when visible” your brain should go straight to IntersectionObserver. That’s exactly what Zach is doing here to kick off an animation when it scrolls into view.
Except this animation is an SVG SMIL animation: an <animate>…
The post Fire...
Firefox’s `bolder` Default is a Problem for Variable Fonts
7.9.2021
Variable fonts make it easy to create a large set of font styles from a single font file. Unfortunately, the default rendering of the <b> and <strong> elements in browsers today is not very compatible with the wide range of …
The post Firefox’s `bolder` Default is a Problem...
Guardian Link Announces Partnership With BeyondLife.Club, Launching Amitabh Bachchan’s NFT Collection
7.9.2021
PRESS RELEASE. No-code NFT platform Guradianlink.io announces its strategic partnership with Beyondlife.Club, an exclusive platform for artists, brands, and celebrities from different fields of entertainment. 7th September 2021, Singapore — Influential Indian actor, producer, and TV host...
Early Days for CSS Scoping
6.9.2021
There is a working draft spec for CSS scoping now, a newsworthy event for the W3C. Other than a weird period where <style scoped shipped and then was subsequently removed from the spec (and browsers), this is the furthest a …
The post Early Days for CSS Scoping appeared first...
Links on Performance IV
3.9.2021
HTTP Caching is a Superpower — Hugh Haworth covers how the Cache-Control header is an awfully potent ingredient in web performance. I mis-read the title at first and was waiting to read about HTML caching. Hugh covers it a bit
…
The post Links on Performance IV appeared first...
ShapeShift open-sources its upcoming version 2 platform code
2.9.2021
The Erik Voorhees-led company is making strides to fully decentralize its corporate structure. In July, ShapeShift announced the largest airdrop in history as part of its decentralization pledge
You don’t need external assets in an HTML file
2.9.2021
A fun exercise from Terence Eden. You can send an HTML file over the wire including anything a website might need without requesting any other files. CSS and JavaScript are easy, because there are <script and <style tags. Images and …
The post You don’t need external assets...
Twitter Rolling Out Bitcoin Tipping Feature, Latest Code Update Suggests
1.9.2021
Twitter is reportedly testing the option of tipping with bitcoin as part of its “Tip Jar” feature. This followed the company’s CEO, Jack Dorsey, stating that bitcoin is a major part of Twitter’s future, hinting that the cryptocurrency will be part of several upcoming...
You want enabling CSS selectors, not disabling ones
31.8.2021
I think this is good advice from Silvestar Bistrović:
An enabling selector is what I call a selector that does a job without disabling the particular rule.
The classic example is applying margin to everything, only to have to remove …
The post You want enabling CSS selectors, not disabling...
Application-Specific Links
31.8.2021
You know like https:? That’s a URL Scheme. You’re probably familiar with the concept, thanks to others that come up in front-end development, like mailto:. You can actually make your own, which is pretty cool. There …
The post Application-Specific Links appeared first...
The Fixed Background Attachment Hack
27.8.2021
What options do you have if you want the body background in a fixed position where it stays put on scroll? background-attachment: fixed in CSS, at best, does not work well in mobile browsers, and at worst is not even …
The post The Fixed Background Attachment Hack appeared first...
World Of Warships Employee Suspended After Sending Abusive Message In Promo Code
27.8.2021
This has not been a good month for World of Warships! Then again, running a shady monetisation scheme then having employees send an insulting message to a prominent streamer will do that to a game.Read more
Some Articles About Accessibility I’ve Saved Recently III
26.8.2021
The perfect link — Rian Rietveld defines them: “When you click on them, they take you somewhere else.” Not much code in here (we’ve got that), just a lot of practical accessibility advice. For example, the alt text
…
The post Some Articles About Accessibility I’ve Saved...
One Way to Convert Code Indentation
26.8.2021
A question:
If you copy a code sample that uses two-space indentation and you want to convert it to four-space indentation, what’s the *fastest* and easiest option?
Matt Stauffer, Twitter
I wrote about doing this in Sublime Text a …
The post One Way to Convert Code Indentation...
Introduction to the Solid JavaScript Library
24.8.2021
Solid is a reactive JavaScript library for creating user interfaces without a virtual DOM. It compiles templates down to real DOM nodes once and wraps updates in fine-grained reactions so that when state updates, only the related code runs.
This …
The post Introduction to the Solid...
Detecting Media Query Support in CSS and JavaScript
23.8.2021
You can’t just do @media (prefers-reduced-data: no-preference) alone because, as Kilian Valkhof says:
[…] that would be false if either there was no support (since the browser wouldn’t understand the media query) or if it was supported but the
…
The post...