Adventures in Interface Development
-
SVG Spriting
SVG sprites offer the same efficiencies as PNG sprites, but they can be trickier to implement because of their innate scalability.
-
Creating Social Icons from Glyphs
Even though using font glyphs for social icons allows only one color, complex color can be added with background gradients in a CSS-styled structure around the glyph.
-
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.
-
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…
-
The Virtual Shelf
Companies that compete on real store shelves know that an eye-catching, easy-to-read label will help them outsell the competitors. In e-commerce space isn’t as precious, but competition still exists. Online retailers can sometimes forget that a virtual shelf is still a shelf.
-
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…