Search
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...
Building Your Own Subscription Newsletter
7.9.2021
(This is a sponsored post.)
I did a sponsored video the other week explaining how to build a paid subscription newsletter using WordPress (we did it on WordPress.com but it could be hosted anywhere), MailPoet (a plugin to visually …
The post Building Your Own Subscription Newsletter appeared...
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...
IOTA Foundation to support EU blockchain initiative
7.9.2021
The IOTA Foundation is one of seven enterprises chosen to support early-stage innovation of a European blockchain venture
Bitcoin and Ethereum Correct Lower While SOL Keeps Surging
7.9.2021
nd it even traded below the USD 3,800 support. XRP declined sharply after there was a rejection near the USD 1.415 zone. ADA is also down 7% and it traded below the USD 2.70 level.Total market
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...
’30for30′ Bitcoin Solidarity With El Salvador Trend Tries to Convince People to Buy $30 in BTC Tomorrow
6.9.2021
It’s a big day for El Salvador this Tuesday, as the country’s new legal tender law will be enforced. A great number of bitcoin supporters have plans to purchase $30 worth of bitcoin to show support for the upcoming implementation of the bitcoin tender law. The $30 increment...
Lobby Lobsters NFT drop raises $4 million in one hour to support DeFi lobbying efforts
6.9.2021
All revenues from secondary sales will also be disbursed to support DeFi lobbying efforts globally
AWS Lambdas: Easy, Easier, Easiest
4.9.2021
I’d say cloud functions are one of the most transformative technologies in the last bunch of years. They are (usually) cheap, scale well, secure in their inherit isolation, and often written in JavaScript—comfortable territory for front-end developers. Nearly every cloud …
The post...
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...
I completely ignored the front-end development scene for 6 months. It was fine.
3.9.2021
Have you ever fretted that front-end web development moves so fast that if you stepped away for a while, you’d be lost coming back? Rachel Smith has:
The hectic pace of needing to learn one thing after the next
…
The post I completely ignored the front-end development scene for...
If I work really hard on my Open Graph images, people will share my blog posts.
2.9.2021
Zach did that thing where each of his blog posts has a special URL with the design of social image card that is screenshat by a headless browser (like Puppeteer) and used as a true meta Open Graph image, meaning …
The post If I work really hard on my Open Graph images, people will share...
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...
What I Wish I Knew About CSS When Starting Out As A Front-Ender
2.9.2021
Nathan Hardy shares when things “clicked”:
Reflecting back on this time, I think there are a few key concepts that were vital to things finally all making sense and fitting together. These were:
• The Box Model (e.g. box-sizing, height, width, margin, padding)•...
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
Centre Consortium Working to Create ‘Global Network’ of Stablecoins
1.9.2021
Centre, the consortium created by Circle and Coinbase around USD coin (USDC), has assembled a team of new executives to power its expansion overseas. The new team, comprising six new executives assembled by David Puth, CEO of Centre, will look to support new partners and add new alliances to keep...
Bitpay Implements 1inch Network Support — Wallet Users Can Access Defi, Dex Aggregation
1.9.2021
On August 31, the Atlanta-based cryptocurrency payments services provider Bitpay announced that the Bitpay wallet has integrated the decentralized exchange (dex) aggregator 1inch Network. Bitpay wallet users can utilize 1inch protocol to swap ether or the myriad of ERC20 tokens. The Bitpay Wallet...
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...