Search
How to Load Fonts in a Way That Fights FOUT and Makes Lighthouse Happy
24.11.2020
A web font workflow is simple, right? Choose a few nice-looking web-ready fonts, get the HTML or CSS code snippet, plop it in the project, and check if they display properly. People do this with Google Fonts a zillion times a day, dropping its <link> tag into the <head>.
Let’s...
The Core Web Vitals hype train
24.11.2020
Some baby bear thinking from Katie Sylor-Miller:
my excitement for Core Web Vitals is tempered with a healthy skepticism. I’m not yet convinced that Largest Contentful Paint (LCP), First Input Delay (FID), and Cumulative Layout Shift (CLS) are the right metrics that all sites should...
Creating UI Components in SVG
24.11.2020
I’m thoroughly convinced that SVG unlocks a whole entire world of building interfaces on the web. It might seem daunting to learn SVG at first, but you have a spec that was designed to create shapes and yet, still has elements, like text, links, and aria labels available to you. You can accomplish...
How to Create a Timeline Task List Component Using SVG
24.11.2020
I’m thoroughly convinced that SVG unlocks a whole entire world of building interfaces on the web. It might seem daunting to learn SVG at first, but you have a spec that was designed to create shapes and yet, still has elements, like text, links, and aria labels available to you. You can accomplish...
Graphery SVG
24.11.2020
I’ve compared SVG and Canvas before. If you’re trying to decide between them, read that. I’d say the #1 difference between them is vector (SVG) versus raster (Canvas). But the #2 difference is how you work with them. SVG is declarative, as in, literal elements that express what they are through...
DRY-ing up styled-components
23.11.2020
I like working with styled-components. They allow you write CSS in your JavaScript, keeping your CSS in very close proximity to your JavaScript for a single component. As a front-end developer who loves to dissect a web page and break it down into reusable components, the idea of styled-components...
Detect Generator Functions with JavaScript
23.11.2020
In the current JavaScript climate of new syntaxes, features, and using loads of external libraries, it seems harder than ever to be sure what your functions are being given or even what the data represents. Of course, we’ve come up with Flow and TypeScript to help, but we can’t count...
DeFi-ing expectations: Great opportunities in crypto can come at a price
22.11.2020
A record-breaking year for DeFi, but can it break away from the negative perceptions around yield farming and pump-and-dump schemes?
What’s Missing from CSS?
21.11.2020
The survey results from the State of CSS aren’t out yet, but they made this landing page that randomly shows you what one person wrote to answer that question. Just clicking the reload button a bunch, I get the sense that the top answers are:
Container Queries
Parent...
The Long Arm of Justice: How Far Can the DoJ Really Go in Prosecuting Foreign Actors?
21.11.2020
DoJ is now determined to hold the crypto industry to cross-border enforcement standards that have long applied to other sectors of finance
4 metrics suggest Bitcoin price will correct — But can BTC hit $20K first?
21.11.2020
Several key metrics hint at a Bitcoin price pullback, but this may be offset by other conflicting factors
Corporate Bitcoin treasuries are here, which can only mean good things
21.11.2020
It is Bitcoin’s technical characteristics that make it an ideal, diversified corporate treasury holding
IMF lawyers argue that central banks need reform before they can issue CBDCs
20.11.2020
New and developing research from the International Monetary Fund suggests that central banks around the world need new legal definitions for tokenized currencies
How You Might Build a Modern Day Webring
20.11.2020
I’m sure different people picture different things when they think about webrings, so let me clarify what I picture. I see an element on a website that:
Signifies this site is part of a webring
Allows you to move to the next or previous site of the webring
Maybe has other functionality like...
A Dynamically-Sized Sticky Sidebar with HTML and CSS
20.11.2020
Creating page content that sticks to the viewport as you scroll, something like a jump-to-anchor menu or section headings, has never been easier. Throw a position: sticky into your CSS ruleset, set the directional offset (e.g. top: 0) and you’re ready to impress your teammates with minimal effort....
console.log({ myVariable });
19.11.2020
I think this might be my most popular tweet of all time, but I’m not sure how to verify that these days. I’ll restate this neat little trick here because blogging is cool and fun.
I used to do this a lot while debugging JavaScript:
console.log("myVariable: ", myVariable);
But now I...
mediastack
19.11.2020
Have you ever had the idea for a website or new app that involved showing news content? You don’t have to create content yourself to have the right to build an innovative news reading experience. I remember when Flipboard came out. They didn’t (and still don’t) actually produce...
Color Theming with CSS Custom Properties and Tailwind
19.11.2020
Custom properties not only enable us to make our code more efficient, but allow us to work some real magic with CSS too. One area where they have huge potential is theming. At Atomic Smash we use Tailwind CSS, a utility class framework, for writing our styles. In this article, we’ll look at...
Quppy Users Are Offered a Referral Program
19.11.2020
PRESS RELEASE. Quppy services can now be referred for an attractive direct cashback. The Quppy digital financial solution is launching its first referral program. Quppy current and new users are now provided with their unique referral links to share among their communities. The Quppy referral...
Solidus Labs Believes Its Crypto Surveillance Tool Can Help Launch a Bitcoin ETF
19.11.2020
Solidus Labs believes its new surveillance tool can help regulators maintain confidence in crypto markets, potentially leading to the approval of a bitcoin ETF