Turning inner space into outer space

February 17, 2013

Newsonaut responds to you and your device

If you’re reading on mobile, you may have noticed that newsonaut is responding to your device by reshaping itself. Yes, this blog has joined the trend to responsive web design.

It’s been tested over at The Reponsinator, which includes Apple, Android and Kindle devices, and in real life on an iPad and an iPhone 5. And it looks good — to me, at least.

Unfortunately, some of the projects (listed below in the footer) are not responding well. They often involve embedded code from a third party, so I don’t have any control over how they turn out. I intend to keep poking away at them, though, and with any luck have a responsive design in every nook and cranny of newsonaut.

I’ve also noticed that the viewport border doesn’t work so well in mobile. The bottom gets momentarily “stuck” when scrolling. I still think it’s cool, so I don’t want to give up on it. There may be a solution out there.

I dispensed with drop caps because removing them for phones, where they were way to big, was more of a nuisance than it was worth. But I may bring them back. The articles seem bare without them.

So how did I get it all done? With the help of a book called Responsive Web Design by Ethan Marcotte. Plus a tip from HTML5 Rocks.