It happens that the government of Australia decided to enforce plain packaging on smoking products, and even more frustratingly, to in some cases, also hide the prices of said products from the consumer (or maybe that's just the individual shop)… And while I'm not a smoker, I rather frequently found myself purchasing smoking products, and keeping track of the current cheapest pack was a constant nightmare, especially with it often being cheaper to buy two half-sized packs, and such.
So what did I do? I built myself a web application in Google App Engine to make the job easier. It lets me track the prices of various sized packets in my favourite store, prompting me to enquire about the current price of packets I haven't checked in a while, and offering the ability to quickly discern how best to obtain either the most smokes for a given sum of money, or spend the least money for a given number of smokes. And it worked very well indeed…
… but it was so hideous!!! It was built around a fairly basic HTML and CSS template I'd put together myself for an earlier project, and my CSS skills, well, they're not the best. And viewing it on a phone — as I typically was while at the shop counter where I needed it — was, interesting; zooming out to see the page, then zooming in to select a field or press a button, back and forth a couple times. It was still fantastically useful; though you still needed to ask at the counter, just to make sure there wasn't a new option you didn't yet know about, particularly when faced with someone who wasn't familiar with the various smoking products on offer (which was rather often in my favourite supermarket), it would often beat their suggestion.
In any case, that was what spurred me into investigating responsive web design. At first, I wanted to learn to do it myself — of course — but, well, it's nasty. (Even nastier than my still-in-the-1990's web page designs.) So I started looking at toolkits instead, and ran across Bootstrap — I'd heard of it before, and it was coming up in my searches as seemingly fairly popular (they certainly think so, too…!), so I decided to take a look. Unfortunately for the smoking app that started this, I was no longer needing to purchase smokes by this point, so though I'll probably have to dig into it again when I start Bootstrap-ifying the template it's built from — it's going to need some fairly radical changes to it's UI, and I can't see that happening — so I'll probably just be giving it a flattened copy of its present template and leave it on ice, while everything else on that branch of the site moves on into the 2010's, finally.
So, I wanted to learn Bootstrap, but the smoking app wasn't the place — in fact, it's not even a particularly pleasant memory, those damn cancer sticks are getting horribly expensive, and at an increasingly alarming rate — so what to do… Ah huh! Light bulb moment! Time to breath some new life into my old 1990's style homepage…! (It's also on a branch of the GAE site which holds a couple "learn to GAE" tutorial examples, and doesn't have any existing templates.) And so it was reborn (and probably isn't yet finished being reborn), with a fancy new Bootstrap interface — presently in the guise of something kind of sort of resembling part of a resume … with a link to this blog … do I really want this blog on my resume … ? (On the other hand, if you've been following the various links in this post, you may have noticed my "homepage" has some minor variations, depending on exactly what name you reach it by…)
Now at the end of all this, what do I think…? Bootstrap is rather nice. It's not too invasive, and the great majority of it works just fine without any scripting at all — though I did finally give in and add the JavaScript components, so I could add a couple little tooltips in one section, and if it ever gets long enough to need a navigation bar, I'll be employing the "you're here" marker script too (which I did briefly test out, of course). I haven't gone down the path of compiling my own style sheet yet (though it is referencing a mildly themed version rather than the default), but that's mostly only because my site presently doesn't have any build mechanics — it just gets deployed as written. (And something I plan on fixing, when time and sanity permit.) But I have to say I rather like Bootstrap, and it wasn't at all difficult to use.
No comments:
Post a Comment