As you can see I´ve designed a new theme for my blog. It´s been a while that something was changed at the design. So I decides to make a whole new theme. The new one has a bigger area for the main content and a more useful sidebar. The main change is that you see almost the entire content of the newest articles on the Homepage. You can just scroll down and don´t have to click around to read the content of the article. In the old version you only saw some thumbnails and titles of the latest ten Posts.
Almost all articles that I publish have images which I want to show as large as it goes. Because large images rock. A next big change is the header. It´s much smaller than the old one. This has the advantage that you can see more content on the first impression.
The site is written in HTML5 with new elements like: header, nav, section, article and footer. I´ve also used CSS3 stuff (box-shadow, border-radius, gradients, selectors) for styling some elements. I really recommend the HTML5 Boilerplate default. It was such a help with great tips and tricks.
Here some screenshots:
I´ve used a 12 x 60px Grid with 20px gutters and a 20px margin:
There are no comments yet. You may write the first.
Leave a Reply
Please fill all the fields with the red star *