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!
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! :)
website