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.
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.
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.
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.
Ultimately, this redesign is for you, the readers. So please let me know what you think about it. Constructive criticism welcome.