Navigation

If you want to create a fullsize background image on your website you can simply use the CSS3 property background-size: cover. But not every Browser supports CSS3 so you need a fallback. Check out this tutorial to learn more.

If you want to use an image in your responsive web design you can use fluid images. But there is another way. You can set a maximum height and crop the image. If you want to learn more about it, check out the tutorial that I wrote about the overflow image cropping.

A few weeks ago I showed you some retro ads of the AMC Gremlin. While searching that ads I came across the AMC Pacer, which I think looks even cooler. The retro futurism design with rounded shape and massive glass area is simply amazing. I think it looks a little bit like the vehicle from the Jetsons.

So what the heck is a responsive button? For me it’s a button that fits in your responsive webdesign. In this case it’s proportional scalable. That means if you change your font size it scales automatically all properties like border-size, border-radius and padding proportionally. You can do this by using em’s instead of pixels. For more information check the responsive web design article by Ethan Marcotte. I recommend his book.

Once a year Berlin shines in bright colors. That’s because the Festival of Lights takes place. For those who don’t know it, famous sights turn into light canvas. I’ve made some shots of the Fernsehturm and the Berliner Dom.