Blog
Responsive Design and CSS3 Media Queries
2012 February 18 at 13:45 (01:45 PM) | categories: Inspiration | View CommentsToday I added responsive design to my little corner on the web. The idea with responsive design is to have a web page layout that changes with the screen size of the device the viewer is currently using to display the web page.
Do you want to see how it works? Well, the resize width of the web browser window you are using to browse this site and let it be narrower than the content and the sidebar (the sidebar contains the last 5 posts and the categories). You will now see that the sidebar is relocated to be just bellow the title banner of this web page.
Do you want to read more? A good starting point is this grate blog post by Dean Hume.
Awesome EM Based Layout
2011 October 13 at 23:14 (11:14 PM) | categories: Inspiration | View CommentsToday I updated the design of my little blog. Usually it is meaningless to mention that, but in this case I need to give some credit to a good source of inspiration.
I stared out playing around with matching colors and got very bored. I have done this many times and it never end up well So i started over and decided to look for some inspiration by searching for words like: cool web design I found a lot of good looking black and white home pages. The color problem was now solved!
During my search for good looking black and white web pages I also found Mirificam Press. And started to read the Series and Study section. After some reading I ended up reading this nice article: Indestructible Website: How to Build an EM Based Layout that Won't Break . So I decided to use an EM based layout that won't break. Try it out! Zoom in and out on my home page with your browser and you will find that it will scale gracefully.