Well, here it is! The outcome of my plan to convert my blog’s theme to a responsive layout. Apparently, I failed at converting it and I still have a long way to go. I thought it would be easy as installing a plugin and attaching a script to your theme’s header, but I was WRONG.
I skimmed a couple of articles about responsive web design/web layouts and some of what I read mentioned “grids”, “multi column layout”, “computing”, “framework”, “calculate”.
Lastly, this image/visual aid always makes an appearance:
Suffice to say, but I did not understand anything about it. I really don’t. 😥 I’m pretty sure I was turned off and lost interest the moment I saw the words computing and calculate. At this point, I already had messed up the layout I was working on. So what I did is, though I wasn’t in the mood already, try to come up with something and finish it. And here’s the outcome!
So much for being a “web designer”.
I first heard of this “style” when I noticed that a couple of websites that I usually go to, when resized, automatically moves/scales the sections together. It looks so cool and amusing (because it was oh-s0-new-to-my-eyes) that it became an encouragement to try it for myself. More websites are doing this now since a lot of internet users access websites through mobile platforms now (iPads, Android tablets, mobile phones) and this would help load the website faster, as well as provide easier site navigation for small-screen internet browsers.
I also noticed that from the usual 1000px width of containers for websites (blogs, mostly, I think), a lot of people are using 1140px now. With this current layout, I accomplished that. At least there’s one from my objective that I was able to do, hahaha.
Anyway, that’s all. Just some 411 about how this layout came to be. I finished coding this in less than 24 hours, too. New record? New record. If you happen to come across any pages with errors, just refresh the page and it should display propery. If it does not, let me know ASAP.
On the other hand, if you have any recommendations to me w/ regards to understanding and learning how to design/convert/create responsive website layouts in an easier way, please don’t hesitate to comment and tell me about it! 🙂 If it’s a how-to for dummies, that’d be better. . . haha! Seriously.