Category: Uncategorized
-
It’s not us. It’s you.
I recently placed an online order at Zulilly. I knew in advance it would take some time because Zulilly is a drop-ship merchant. They told me that upfront and I was okay with a longer-than-average shipping time. But when the item hadn’t even begun its shipping process six weeks later, I decided I’d been patient…
-
Building a JavaScript Calculator
As a JavaScript project I decided to build a calculator. There are a lot of them out there, but I wanted to make it a challenge by not looking at what anyone else had done and just figuring it out for myself. The first step was the HTML. Because the keys are in a grid…
-
SVG Spriting
SVG sprites offer the same efficiencies as PNG sprites, but they can be trickier to implement because of their innate scalability.
-
Custom Pagination in WordPress
I recently spent several hours driving myself crazy trying to implement a continuous pagination loop in WordPress, so I thought I’d post my solution to save someone else the trouble. It turns out that pagination is quite complicated, and the functions that find the beginning, ending and adjacent posts in the loop may be flawed…
-
Things designers do that make me crazy
I’ve worked with a lot of designers over the years, and there are things they all seem to do that make my job harder than it needs to be. I blame Photoshop. Here’s a short list
-
Styling :before
On the desktop version of a shopping cart I was styling I had “column headers” (flexed divs in a non-table layout) that had no relevance when the page was viewed in mobile, since the columns stacked vertically. I needed to remove the desktop headers and apply the labels to each individual element instead. I…
-
Making a Custom Icon Font for Your Website
Reducing server calls for image resources will speed up your page load and enhance performance. A great way to do this is to replace sprited icons with mobile-friendly custom fonts.
-
Design Fail: A cascade of bad decisions
Design failures usually aren’t the result of one bad decision but rather a chain of mistakes that lead to an inevitable conclusion. When I see something in a design that doesn’t work I try to trace it back to the decisions that caused it.
-
Responsive Interactive Map
Image maps won’t work in a responsive layout and Flash won’t work on mobile. If you want a responsive graphic with shaped hotspots and rollover effects you need SVG.
-
Accessible Custom Checkbox
In an earlier post I explored custom styling of form selects. In this article I discuss how to make accessible custom checkboxes to match your interface styling. The same technique can be used for radios.