WDRL — Edition 296: 15 years a freelancer, work-life productivity and CSS
21.2.2022
Hey,
This year marks fifteen years of freelancing in my life. That’s 100% of my work life and nearly half the time I live on this world. So I wrote something down on it on my blog. WDRL itself will turn 10 next year already which amazes me when I think about it. I want to say thank you to all...
Noise Pattern Reconstruction from Monopo Studio
21.2.2022
In this coding tutorial you learn how to recreate the noise pattern seen on the Monopo Studio website using Three.js
The post Noise Pattern Reconstruction from Monopo Studio appeared first on Codrops
Detect Dark Mode Preference with JavaScript
21.2.2022
Seemingly every website, dapp, and app offers a dark mode preference, and thank goodness. Dark mode is especially useful when I’m doing late night coding, or even worse, trading into altcoins. I’m presently working on implementing a dark theme on MetaMask and it got me to thinking:...
Comparing Node JavaScript to JavaScript in the Browser
18.2.2022
Being able to understand Node continues to be an important skill if you’re a front-end developer. Deno has arrived as another way to run JavaScript outside the browser, but the huge ecosystem of tools and software built with Node mean …
Comparing Node JavaScript to JavaScript in the Browser...
(Jay Freestone’s) Front-End Predictions for 2022
18.2.2022
I linked to Jay’s front-end predictions last year and I think they panned out pretty well. I think he’s got a bit of a knack for that wide-scope look at front-end, including tooling and architecture, as well as browser tech. …
(Jay Freestone’s) Front-End Predictions for 2022...
Inspirational Websites Roundup #34
18.2.2022
A fresh collection of new websites to get you up-to-date with the latest web design trends.
The post Inspirational Websites Roundup #34 appeared first on Codrops
Collective #699
17.2.2022
Offscreen Canvas * The State of JS 2021 * gsap-video-export * Hello, CSS Cascade Layers
The post Collective #699 appeared first on Codrops
Subsetting Font Awesome to Improve Performance
17.2.2022
Font Awesome is an incredibly popular icon library. Unfortunately, it’s somewhat easy to use in a way that results in less-than-ideal performance. By subsetting Font Awesome, we can remove any unused glyphs from the font files it provides. This will …
Subsetting Font Awesome to Improve...
Top Things You Didn’t Know You Could Do With Netlify CLI
17.2.2022
(This is a sponsored post.)
First things first, if you didn’t know Netlify had a CLI, they do.  One of my favorite things about it running the command netlify dev on nearly any static-site generator project is seeing it …
Top Things You Didn’t Know You Could Do With Netlify...
Add-to-Calendar Button UI Widget
17.2.2022
A useful little UI widget thingy here from Jens Kuerschner. Click the add-to-calendar button, get a list of calendar apps, the user selects which one they actually use, and they get what they need for that calendar. Could be a …
Add-to-Calendar Button UI Widget originally published...
An Auto-Filling CSS Grid With Max Columns of a Minimum Size
16.2.2022
Within Drupal 10 core, we’re implementing a new auto-filling CSS Grid technique that I think is cool enough to share with the world.
The requirements are:
The user specifies a maximum number of columns. This is the auto-filling grid’s “natural”
…
An Auto-Filling CSS Grid With Max Columns...
GSAP Flip Plugin for Animation
15.2.2022
Greensock made the GSAP Flip plugin free in the 3.9 release. FLIP is an animation concept that helps make super performance state-change animations. Ryan Mulligan has a good blog post:
FLIP, coined by Paul Lewis, is an
…
GSAP Flip Plugin for Animation originally published...