Our Code Blog is Now Responsive!

Photo of Mike Dalisay
Modified Tuesday, November 5, 2013
by - @ninjazhai
Hey guys! How are you? I just want to have this quick post as an announcement that finally, our code blog is now responsive! The growth of mobile browsing is massive, and we want to keep up!

Regarding the codes, I used the same principle with our post on how to code a responsive website. It might be a little harder if you're using a Google blogger platform, but you can do it if you're really determined! I was a little challenged but it was fun!

We also made this blog a little faster now, if you're interested, we'll have another post with a topic on how to make your website load faster based on our experience with this site.

Okay so now we'll give you some views as proof that our website is now responsive. See some screenshots below! Actually, you can also just test it yourself by re-sizing your browser window. Haha!

Using an Online Testing Tool

Using online responsive website testing tools helps a lot. You didn't have to own those devices you want to have your tests.

I used responsinator for this online test, you can view it live here. By the way, if you want to see more responsive design testing tools, you can visit this post: Resposive Web Design Testing Tools

Screenshots from Real Devices

I took some screenshots to see how our blog page is rendered. Unfortunately, I only have two mobile devices, one is my Samsung Galaxy Tab 10.1 and LG P880 phone.

10.1 Tablet (Portrait)

10.1 Tablet (Landscape)

LG Smartphone (Portrait)

LG Smartphone (Landscape)

This is a beta version of our responsive code blog. I know there are other improvements that can be done. I will appreciate any comments or suggestions from you guys, drop it in the comments section below!
For FREE programming tutorials, click the red button below and subscribe! :)
Thanks for the comments!
"First do it, then do it right, then do it better."
~ Addy Osmani
"Talk is cheap. Show me the code."
~ Linus Torvalds
Let's Stay Connected!
g+ r
Android app on Google Play
© 2011-2014 The Code Of A Ninja. All rights reserved. Proudly Powered by Google Blogger. Images, logos, marks or names mentioned herein are the property of their respective owners.