My blog updated to Bootstrap 3

By · July 21, 2015 · 3 comments

As much as I thought my simple JavaScript solution for responsive web design without media queries was a good idea (and still has a place), I have updated my blog to using the Bootstrap 3 framework.

The main reason for the update was that I wanted to modernise the blog home page to show a timeline of posts rather than the latest post. This has SEO benefits and presumably most people don't go to the home page but instead come to a specific post either from a search engine or from an email or social share. If they do go to the home page they get an overview of all recent posts now.

For the timeline styling I found an excellent solution, Build a Vertical Timeline Archives Page Using Bootstrap, that was simple to implement.

Vertical timeline

I modified it slightly by removing the colours from the timeline CSS and instead adding the Bootstrap "bg-" classes to apply colour. That way if I change the Bootstrap colour scheme I don't also have to change the timeline CSS.

As part of the upgrade I have also improved the site navigation and made it easier to browse related posts for something of interest rather than having to read through complete posts one by one.

I love the way that Bootstrap gives me, a programmer with little design ability, the ability to focus on back end development and have an attractive and professional looking front end up and running with little to no effort. I know that it then looks like every other Bootstrap site but a blog is (hopefully) more about content so as long as the front end works and doesn't look unattractive then no problem, right?
Read more...
Responsive Web Design

Get the latest posts delivered to your inbox.

Comments (3)

# Posted by SteveTit · September 9, 2017

Find out what you need to improve in yourself to become more effective!

Reply

SteveTit
# Posted by SteveTit · September 10, 2017

Find out what you need to improve in yourself to become more effective!

Reply

SteveTit
# Posted by SteveTit · September 12, 2017

Find out what you need to improve in yourself to become more effective!

Reply

SteveTit
Leave a Comment

All comments are moderated and rel="nofollow" is in use. Avatars are sourced from gravatar.com – a globally recognised avatar.

Type the numbers from the picture above

About me
John Avis ...mostly about web development and programming, with a little bit of anything else related to the Internet, computers and technology.

profile for John at Stack Overflow, Q&A for professional and enthusiast programmers
Subscribe

Get the latest posts delivered to your inbox. *