Search
Today’s Cryptocurrency Data Aggregators Offer a Plethora of Onchain and Market Insights
13.9.2021
In the early days, there were only a few web portals with cryptocurrency statistics and data tied to these ever-changing digital asset markets and blockchain metrics. More than ten years later, however, data and analytics tethered to the world’s most popular and most used digital currencies...
“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...
Fun Times Styling Checkbox States
10.9.2021
We might leave a text input unstyled. We might leave a link unstyled. Even a button. But checkboxes… we don’t leave them alone. That’s why styling checkboxes never gets old.
Although designing checkboxes is not that complicated, we also don’t …
The post Fun Times Styling Checkbox States...
EyeDropper API Dropped
10.9.2021
I had no idea this was coming but it’s pretty neat! Chrome has shipped the EyeDropper API in v95 (Canary, as I write).
???? Loving the new `EyeDropper` Web API:
“`jsawait new EyeDropper().open();// Returns the picked color, e.g.,
…
The post EyeDropper API Dropped appeared...
Aussie Banks Reject Crypto Industry’s 'Bullying' Allegations
10.9.2021
target="_blank" rel="noopener noreferrer" href="https://www.reuters.com/article/australia-banks-inquiry/update-1-australian-banks-reject-pressure-to-deal-with-cryptocurrency-firms-idUSL1N2QB06Z">reported by Reuters. McEwan claims the bank does not have a policy of debanking crypto-r
Frameworks Helping Image Usage
9.9.2021
I recently blogged about how images are hard and it ended up being a big ol’ checklist of things that you could/should think about and implement when placing images on websites.
I think it’s encouraging to see frameworks — these …
The post Frameworks Helping Image Usage appeared...
Mars Theme: A Deep Look at Frontity’s Headless WordPress Theme
9.9.2021
Frontity is a framework for creating de-coupled (or "headless") WordPress sites. In this article, we dive into the process of spinning up such a site, with a detailed overview of the building blocks provided by Frontity and its flagship theme, Mars.
The post Mars Theme: A Deep Look at Frontity’s...
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...
The Story Behind TryShape, a Showcase for the CSS clip-path property
8.9.2021
I love shapes, especially colorful ones! Shapes on websites are in the same category of helpfulness as background colors, images, banners, section separators, artwork, and many more: they can help us understand context and inform our actions through affordances.
A …
The post The Story Behind...
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...
Caitlin Long takes aim at The New York Times over crypto 'alarm' article
7.9.2021
Regulated crypto bank Avanti CEO Caitlin Long says tarring the entire crypto industry with the same brush is unfair
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...
Supercharging Built-In Elements With Web Components “is” Easier Than You Think
3.9.2021
We’ve already discussed how creating web components is easier than you think, but there’s another aspect of the specification that we haven’t discussed yet and it’s a way to customize (nay, supercharge) a built-in element. It’s similar to …
The post Supercharging Built-In Elements With...
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...
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...
Accessing Your Data With Netlify Functions and React
2.9.2021
(This is a sponsored post.)
Static site generators are popular for their speed, security, and user experience. However, sometimes your application needs data that is not available when the site is built. React is a library for building user …
The post Accessing Your Data With Netlify...
Some Typography Links VII
1.9.2021
All-things-typography, from a hard-edged monospaced variable font to fonts in the "Twilight Zone" ... and much, much more.
The post Some Typography Links VII appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter
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...
Exploring the CSS Paint API: Blob Animation
30.8.2021
After the fragmentation effect, I am going to tackle another interesting animation: the blob! We all agree that such effect is hard to achieve with CSS, so we generally reach for SVG to make those gooey shapes. But …
The post Exploring the CSS Paint API: Blob Animation 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...