Since getting my smartphone, I’ve seen the horror of the mobile web — not the boiled-down, large print version of the web customized for mobile devices with small screens, but the regular web shrunk down to render in tiny fonts on small screens. This is what happens when site designers don’t update their HTML and stylesheets so that mobile devices like phones, tablets, readers, etc., can make informed choices about which design to render.
Since this site runs on WordPress with one of the default themes, it’s already “mobile ready”, so it renders a slimmed-down, linear format so anybody can read my sordid blog while they’re on the crapper. However, my music site, glassdoor.net, did not fare so well. It was previously powered by Drupal, but the problem is that Drupal is a big target for malware; if you don’t keep on top of all the software updates, it’s a matter of time before the site gets infected.
Well, in February, it got infected, and my webhost conveniently disabled the site and told me about it. Since then, I’ve revived the old static-ish HTML site I had before Drupal, no frills, no bells, no whistles. It’s just a handful of pages and a bunch of text describing the songs (it’s not exactly static — it uses a few SSI templates and uses mod_rewrite to hide that fact on the URL so nothing ends in .shtml).
What irked me was that my site wasn’t easily viewable on my phone. I know it’s a crappy site, but it’s a point of pride that my things Just Work. So I set about to re-engineer a few things (hence my previous post about CSS media queries). Turns out, it’s fairly easy to come up with a modified stylesheet for mobile devices with a small amount of screen real estate. The site is up, the color scheme is a little brighter (was rather drab, that), and I even spent some time adding the embedded Soundcloud music players so readers could listen as well.
It’s not the end-all, be-all I was wanting, but it functions. If I get enough motivation, I have a redesign in the works that I’ll eventually finish. But that’s another project for another day.