Search
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 …
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…
Riot Games Sues Scammers Offering Folks Fake Jobs At The Studio
9.12.2021
A nasty scam has become more popular over the last few months. People desperate for work at popular game studios like Riot and Rockstar Games get an email from a recruiter asking them to apply. They do and eventually get the job only to realize it’s all fake, usually after losing money to...
Help Users Accomplish What They Came For
9.12.2021
From my perspective, the question of what one thing we can do to make a website better is not a technical one. The more I browse the internet, the more I realize that the biggest issue with a lot of …
Links on WordPress I
8.12.2021
I try to keep up with WordPress news because I’m a big WordPress user and have many production sites that run on it. WordPress has been good to me as a site builder for literally my entire career. So, like …
Learn From Remix
8.12.2021
I’ve built websites that are used by millions of people all over the world. I’ve made more mistakes than I care to count and I’ve had to deal with the repercussions of those mistakes for years thereafter. Through all of …
The Invisible JavaScript Backdoor
8.12.2021
An interesting (scary) trick of an nearly undetectable exploit. Wolfgang Ettlinger:
What if a backdoor literally cannot be seen and thus evades detection even from thorough code reviews?
I’ll post the screenshot of the exploit from the post with the …
Spicy Sections
7.12.2021
What if HTML had “tabs”? That would be cool, says I. Dave has been spending some of his time and energy, along with a group of “Tabvengers” from OpenUI, on this. A lot of research leads to a bit …
Test Your Product on a Crappy Laptop
7.12.2021
There is a huge and ever-widening gap between the devices we use to make the web and the devices most people use to consume it. It’s also no secret that the average size of a website is huge, and …
Inertia
7.12.2021
I’ve always like Jeremy’s categorization of developer tools:
I’ve mentioned two categories of tools for web development. I still don’t know quite what to call these categories. Internal and external? Developer-facing and user-facing?The first category covers things like …
Jetpack Licensing for Agencies and Professionals
7.12.2021
(This is a sponsored post.)
I’ve built WordPress websites for I don’t know how long now, but suffice to say I’ve relied on it for a bulk of the work I do as a freelance front-ender. And in that …
How to Use an iPad for WordPress Theme Development
7.12.2021
I recently started university and, before buying a MacBook Air (the M1 chips are amazing by the way), I had to use an iPad Pro for class. However, being a Computer Science student meant I had to find a way …
Open Props (and Custom Properties as a System)
6.12.2021
Perhaps the most basic and obvious use of CSS custom properties is design tokens. Colors, fonts, spacings, timings, and other atomic bits of design that you can pull from as you design a site. If you pretty much only pull …
hhhelpers
6.12.2021
I was just going on about how many awesome little helper sites there are out there, and now I’ve ran across another wonderful little hive of them. Sébastien Noël, under the name fffuel, has created a whole bunch of great …