New Year, New Design, New Motivation

by Tom Kenny (@tkenny)

The first six months of Inspect Element have been great but it’s time to step it up a level. If you’ve been following Inspect Element lately, you’ll notice that everything looks new! Times have changed and the site was in desperate need of a redesign in order to grow and improve. Although saying that, I wanted to carry over the fundamentals from the previous design including keeping a minimalistic appearance to keep the focus on the content.

Hopefully this new design conveys a sense of higher quality, something that I have been trying to do with my writing after writing for the last couple of months.

Here are some of the improvements and additions that I’ve made to help make you time here, not only more usable but more enjoyable.

Improved Search Pages

Embedded into the title when searching for something is what you’ve searched for as well as the number of articles found. Your search word is highlighted with a different colour to stand out and the background is a different colour to indicated you’ve performed a search to get to this page.


Now there is more than enough content, you’ll see a list of all the tags used on Inspect Element in the sidebar. It was pointless having this previously as there wasn’t enough content available to make it worthwhile. Similar to the search result pages, the title clearly indicates you’re on a tag page.

Awesome Buttons

Zurb put together some amazing buttons using the power of CSS3 and wrote about it on Smashing Magazine. Inspect Element is using slightly modified versions of these buttons because they really are awesome.

CSS Transitions

Using a few CSS transitions that visitors with the latest versions of Safari, Chrome and Firefox will see. Find out more about CSS transitions in this excellent article on 24ways. I’ll let you discover them for yourself.

Threaded Comments

File this one under ‘finally’ as it was something that I wanted to implement into the old theme for a while but just didn’t get around to.

Only the Beginning

There are still some things left to do that I haven’t had time for including a print style sheet and a mobile version. Also, I’ll be making tweaks as time goes by and depending on feedback.

Opinions Welcome

Ultimately, this redesign is for you, the readers. So please let me know what you think about it. Constructive criticism welcome.

Improve Your Eye for Great Design

Learn why the best designers make the decisions they do to design successful websites people love in this FREE eBook with 3 in-depth case studies. I’ve spent hours studying what makes these websites amazing, so you can use what works and focus on your design work. Subscribe now to get it immediately.

100% privacy. No spam. Completely free!

by Tom Kenny

I’m a freelance web designer and front-end developer with over 7 years of experience designing for the web. Follow me on Twitter here.