Moving away from Twitter Bootstrap - Hello new design!
Max Glenister
I decided it was time that I gave some attention to the design of my Jekyll-powered blog. I’ve been using a slightly modified version of the default Twitter Bootstrap theme since I moved to Jekyll, and that’s just not good enough.
I’ve created the new theme from scratch, and I’ve thrown in some PJAX wizardry to make page-loading fancier. Gone are the old post-banners, and thumbnails (which to be honest I was adding just to make things look a bit less-boring), say hello to the new, larger hero banner for the latest post!
You might notice some fancy effects on the homepage when you scroll, this is accomplished with a bit of jQuery and css3 to scale the title while parallaxing the hero banner.
I’ve also made a forray in to a responsive layout, so if you’re viewing this on a screen smaller than 960px wide you will see some slight differences. But it’s not that different.
Obviously the fancy stuff is dependant on your browser, but it should atleast look nice for anybody using Internet Explorer.
Related posts
- Meta post about making this blog responsive and not using px
If you’re a returning visitor to blomg you might notice some changes to the design.
- Chasing build speed on Jekyll 4
I’ve been putting off upgrading from Jekyll 3.10. Partly late-adopter habit, partly because my setup worked fine, and a version bump seemed simple enough. I should know better by now. It mostly was.
- Antiquated CSS and why we needed it
I came across a catalogue of antiquated HTML snippets and artefacts, the kind of markup we just accepted as necessary in the <head> of every site. It got me thinking about the CSS side of that same period, the stylesheets rather than the markup. My first job in 2009 was building marketing campaign pages for an electronics distributor’s B2B storefront, where dropping IE6 was not a conversation anyone was going to have. Developers eventually landed on one clean way to target different IE versions, but getting there took a lot of less elegant detours.
Discussion
- 2012
- K
I’d be interested in hearing what was lacking for you in Bootstrap?
Twitter Bootstrap simply had too much stuff for my needs. Besides that, too many people are using the Twitter Bootstrap style, so I felt as if my blog looked too much like some packaged blog.Creating a new theme for Jekyll from scratch is rewarding, I know exactly what’s what and what the site can do, and it allows me to integrate things as I like.
- K
Thanks for the background! I’ve been thinking of pulling in some of their less styles for buttons and button groups, but I agree that going 100% bootstrap can result in a pretty “me too” look.
Comments are closed
You can still reply from your own site with a Webmention.