File Scaffolding With Hygen
13.12.2021
I read a recent Smashing Magazine post that included a recommendation for Hygen. I just happen to be doing quite a bit of new UI work in a Next.js app and the amount of manual folder/file scaffolding I was …
Shadow Palette Generator
13.12.2021
Josh’s Shadow Palette Generator is a fantastic tool. The premise is that box-shadow pretty much always looks better when there are multiple layered shadows that are a bit tinted. It reminds me of how gradients almost always look better when …
Embrace the Platform
13.12.2021
So what is the one thing that people can do is to make their website better? To answer that, let’s take a step back in time …
The year is 1998, and the web is on the rise. In an …
Ship a Full-Stack App in Days with AWS Amplify Studio
13.12.2021
(This is a sponsored post.)
Amazon has a vision with AWS Amplify. First, a premise:
As browsers have become faster and more powerful over the last decade, front-end developers are building web apps that are more feature-rich and …
Case Study: A Unique Website for Basement Grotesque
13.12.2021
A look behind the scenes of the website built for Basement Grotesque, the open-source typeface of basement.studio
The post Case Study: A Unique Website for Basement Grotesque appeared first on Codrops
Pixelated Distortion Effect with Three.js
13.12.2021
In this coding tutorial, you'll learn how to recreate an interactive pixel distortion effect using Three.js.
The post Pixelated Distortion Effect with Three.js appeared first on Codrops
navigator.clipboard API
13.12.2021
Reading from and writing to the user’s clipboard can be both a very useful and dangerous capability. Used correctly and it’s a huge convenience to the user; used dubiously and the user could suffer catastrophic consequences. Imagine a wrong account number or wallet address being copied...
Why would a business push a native app over a website?
10.12.2021
I wanted to write down what I think the reasons are here in December of 2021 so that we might revisit it from time to time in the future and see if these reasons are still relevant. I’m a web …
Using Position Sticky With CSS Grid
10.12.2021
Say you’ve got a two-column CSS grid and you want one of those columns to behave like position: sticky;. There is nothing stopping you from doing that. But the default height for those two columns is going to be …
Standardizing Focus Styles With CSS Custom Properties
10.12.2021
Take two minutes right now and visit your current project in a browser. Then, using only the Tab key, you should be able to navigate between interactive elements including buttons, links, and form elements.
If you are sighted, you should…
Eye Droppin’
9.12.2021
Quick hits! There is a new web API called EyeDropper:
if ('EyeDropper' in window) {
const eyeDropper = new EyeDropper();
try {
// This has gotta be triggered by a user interaction,
// so consider this pseudo-code.
const result …
Some notes on using esbuild
9.12.2021
This is a fantastic article from Julia Evans about duking it out with modern front-end tooling. Julia has made a bunch of Vue projects and typically uses no build process at all:
 I usually have an index.html file, a script.js…