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.
When I’m looking for inspiration I always check some retro ads. This time I’ve found some of a classic car the AMC Gremlin.
I saw a tutorial on webdesignerwall.com showing how to make a HTML5 Grayscale Image Hover and thought this is very cool. After some research I’ve found another tutorial on Nettuts+ with another function. This one was better for me to understand(video tutorial), so I combined the snippets together and reduced the jQuery code for my needs. Finally I’ve created some different hover effects.
The Future with CSS Shaders and Filter Effects
In the future there will be CSS Shaders to do something like that. For more information check out this article about CSS Filter Effects on Adobe.com.
This is a classic solem oneliner mixed with some retro playboy pictures from the 70s and some shots of Amsterdam.