A9 and the demise of SiteInfo (Obsolete)
Amazon.com’s search site, A9, has scaled back drastically. The rewards program is gone, as are bookmarks and history. They’ve even discontinued the A9 toolbar.
ALWAYS Put the Record ID in the Edit FormUsers might have multiple pages of your app open in different tabs or windows. Use a page-specific ID, not something shared like a cookie or session data.
Auto-Switching a Website to Dark ModeYou can easily tell your site to use darker colors when a visitor is using a dark theme by using CSS media queries.
CSS OutlinesWhat makes Outline different from Border.
Don’t Use Infinite ScrollInfinite scroll is like finishing a sandwich, and the server plops another one in front of you without asking what you want on it, or if you want it at all.
Feedly 404 Feedback Loop (Obsolete)
I set up my site to publish an RSS feed of 404 hits, and added it to Feedly…which tried to retrieve the broken URLs, adding a new item to the report…
Focus! — Login Form Fail (Obsolete)
If you’re going to set the initial focus in a form field, don’t use onload(). Chances are you’ll end up moving the cursor while power users are already typing.
Google Toolbar AutoFill is Weird (Obsolete)
This form had name and e-mail fields, but AutoFill only recognized e-mail. I figured, OK, people might be using this, let’s see if I can adjust the page and make it compatible.
Mobile Web Layouts vs. the ViewportMobile web browsers now use a larger virtual screen to provide an imitation desktop experience - even if you’ve provided a better one tailored for small screens.
On Broken HTMLFrom time to time the idea is put forth that less common browsers need to start dealing with bad code. There are two problems with that view.
Pure CSS ButtonsAs part of a minor site optimizing kick, I replaced the validation labels with something smaller, less obtrusive, and directly on the page. I tried to duplicate the look of the classic antipixel-style buttons in CSS.
Readable Email and Web PagesIt’s 2024. If you’re still designing websites or email like you would design an 8.5x11" promotional hand-out on a sheet of paper, you really haven’t been paying attention to how people use the internet over the past decade.
Reusable PHPPlease, when developing your plugins, be sure to always use the full opening tag for PHP instead of just <?
Separate Stop/Reload ButtonsWhen a button changes in response to something over which you have no control, it may change between the time your brain tells your finger to click or tap and the time it registers.
Share to the Fediverse with ShareOpenlyA share button that connects to Mastodon, Bluesky, Micro.blog, Threads and more. Here’s how I’ve hooked it up to Eleventy.
Simple Browser Categorization (Obsolete)
Sometimes you want to know exactly what software people (or bots) are using to view your website. Sometimes all you want to know is which rendering engine’s quirks you need to cater to.
The Right Tool…Think about when to use client-side scripting vs. server-side scripting.
User-Agent Spoofing ExplainedLet’s say someone decides that they’ll only allow blondes into an event. Depending on how its done, UA spoofing can be like wearing a blonde wig, or it can be like a brunette wearing a badge that says “Blonde.”
Web Design is Like PizzaA lot of pages aren’t as specific as the authors think they are. When you write code and test it on only one browser, you’re not testing that the code is correct, you’re testing that that browser makes the same assumptions you do.
Webslices and Microsummaries (Obsolete)
Both features have since been removed, but they offered and interesting way to let visitors know when a site had been updated.
What’s Dynamic About It?It doesn’t really update that often: maybe 3 or 4 times a month. Is it really worth building that file dynamically?
When Not To Use A RedirectDon’t use a redirect when changing a setting on your web server would do the job better.