GUI Challenges

I keep bookmarking Adam’s GUI Challenges posts/videos and, before I even have a chance to review and link them up, another one is already published! Fortunately, the homepage for them on web.dev is a nice roundup. For example, a recent one is the split-button component (article / video / demo). It..

5 Tips for Designing Great Website Navigation 

Navigation is one of the most essential elements of a website. It provides a high-level overview of what visitors will find there (which also happens to be good for SEO). It helps visitors orient themselves so they can get around the site quickly. Plus, it enables them to take quick action like vi..

Rebase vs. Merge: Integrating Changes in Git

This article is part of our “Advanced Git” series. Be sure to follow us on Twitter or sign up for our newsletter to hear about the next articles! Most developers understand that it’s important to use branches in Git. In fact, I’ve written an entire article on branching strategies in Git, explaining..

Responsible JavaScript

High five to Jeremy on the big release of Responsible JavaScript on A Book Apart. There is a lot of talk about how the proliferation of JavaScript has had a negative impact on the web, but now we have the canonical reference tome. The book is just chock-full of Jeremey framing some of the biggest a..

Getting out of the Freelance Pricing Trap

Freelancing is riddled with challenges. You end up being part designer, developer, copywriter, marketer, social media guru, customer service representative, and tax expert all at the same time. If anyone thinks that doing freelance work is easy, they need to think again! And that’s why it’s so imp..

Buttons vs. Links

There are thousands of articles out there about buttons and links on the web; the differences and how to use them properly. Hey, I don’t mind. I wrote my own as well¹. It’s such a common mistake on the web that it’s always worth repeating: Is the intention to send someone to another URL? It’s a li..

Have Single-Page Apps Ruined the Web? (“Transitional Apps”)

A big heaping 19-minute bowl of not-too-hot, not-too-cold baby bear porridge website building from Rich Harris. I’ve certainly overheard more than my fair share of arguments about Single Page Apps (SPAs) vs Multi-Page Apps (MPAs). Although it’s only recently that I’ve heard people put an acronym t..

3 Essential Design Trends, November 2021

As the year begins to wind down, there are still plenty of new and evolving website design trends going strong. Much of what you’ll see this month carries over from things we’ve been seeing all year but with fresh touches. From peek-a-boo designs with neat animated elements to vertical bars to brut..

So, You Want to Build an @mention Autocomplete Feature?

We’re all familiar with the concept of autocompletion, right? You type something into a search box and it tries to guess what you’re looking for as you type, displaying suggestions, often below the cursor. While we’re used to autocomplete on eCommerce sites that redirect to search or product pages, ..

8 CSS & JavaScript Snippets for Creating Incredible Lighting & Shading Effects

When it comes to creating a great piece of web-based art, the details are what stand out. Lighting and shading effects are prime examples. They can turn a flat, 2D work into an immersive 3D experience. For quite a while, the ability to add realistic light and shade to an illustration or animation s..