Michael Whelan

behaviour driven blog

New Site Design

When I moved my blog to Snow I was lucky that it had a pretty nice theme out of the box - it is the same one that its creator Phillip Haydon uses on his blog. I have been doing a lot of front-end work lately though and I have some pretty strong preferences when I read blogs, so I couldn't resist the urge to style it up just the way I like it.

The theme uses Bootstrap 3 and is fully responsive. Actually, I had a bit of a problem with it displaying on my iPhone. First it would display some posts half width, then it was cutting off the sides. I discovered that the key is in the viewport setting. It seems it's not sufficient to set the viewport to device-width. You also have to set the initial-scale and the maximum-scale.

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

You can read more about it on stack overflow and mozilla.

I am using the GitHub colour theme for Google Code Prettify to style the code. I just tweaked it to have a grey background.

I still don't wear glasses, which is pretty good after nearly 20 years coding, but I do like the font-size to be pretty large when I'm reading. I tend to magnify most pages as soon as I go to them. So that explains the very large font I'm using here.

I did a bit of mobile phone and different browser testing on BrowserStack, and I've tried it out out on all my devices, but my testing is far from exhaustive. Please let me know if you spot any issues on a particular device.

About Michael Whelan

Michael Whelan is a Technical Lead with over 20 years’ experience in building (and testing!) applications on the Microsoft stack. He is passionate about applying agile development practices, such as BDD and continuous delivery, to agile processes. These days his primary focus is ASP.Net MVC Core and Azure. He contributes to a number of open source frameworks through TestStack.

comments powered by Disqus
Google

Google