While freelancing for Someoddpilot, I had the opportunity to build HTML templates for the Fat Possum Records site. The site includes artist profiles, a news blog, tour dates, an online store and shopping cart, as well as a mini-MP3 player. I delivered HTML, CSS, and JS ready for Ruby on Rails development.
I particularly enjoyed working on the Fat Possum site because the design, although relatively straightforward, includes small complexities and challenges, which I love to tackle. One example is the narrow artist and album links on the homepage which are padded and “highlighted” in white.
Before
After!
When a link like “Useless Creatures” is broken onto two lines, the padding naturally occurs like the example on the left. I wrote a small JQuery plugin to add a span tag around each line of text, which preserves the padding intended for each line.
Before
After!