Editing my blog theme to make it more readable

Following up on my previous post, I did go ahead and edit the theme layout a little.

I moved the sidebar back to the side and decreased the width of the post, this makes it easier for people to scan their eyes from one side to the other. This is because “The area of the retina used for tasks requiring high visual acuity is called the macula. The macula is small, typically less than 15 percent of the area of the retina. At normal reading distances the arc of the visual field covered by the macula is only a few inches wide—about the width of a well-designed column of text, or about twelve words per line.” from webstyleguide.com. I also made the layout responsive, on smaller resolutions the sidebar will drop below the post, preventing the text from becoming too squashed. Having a responsive website is become increasingly important with the increase of devices with various screen sizes and resolutions that people currently browse the internet with.

“Smartphones and tablets have changed the approach toward design and user experience. Before the proliferation of mobile devices with advanced web-browsing capability , web designers had only one primary challenge to deal with – keeping the same look and feel of their websites in various desktop computer browsers.

However, interacting with websites on smartphones and tablets is not the same as doing that on a desktop computer monitors. Factors such as Click versus Touch, Screen-size, Pixel-resolution, support for Adobe’s Flash technology, optimized markup and many more have become crucial while creating websites with Responsive Design.” ridivi.com

 

References

Ridivi Consulting Knowledge Base. 2013. Why is Responsive Web Design important for your website. [online] Available at: http://knowledge.ridivi.com/why-responsive-web-design-matters-for-your-website/ [Accessed: 3 Dec 2013].

Webstyleguide.com. 2013. Page Width and Line Length | Web Style Guide 3. [online] Available at: http://webstyleguide.com/wsg3/7-page-design/6-page-width-line-length.html [Accessed: 3 Dec 2013].