Design

What is Responsive Web Design?

Yesterday I tweeted this: 

My excitement for Responsive Web Design is fading a bit. It’s great for simple websites, but not enough for more complex web apps.

On mobile you don’t just wanna shrink and hide some stuff.. you wanna change behaviour.

It caused some discussion and confusion. What I meant was that next to using media-queries to adapt to different screen sizes, we should also consider other aspects that improve the User Experience. Like changing behaviour trough JavaScript, optimize for a different input method like touch and be responsible with the often lower bandwidth. @fofr came up with a great hack to link Media Queries and JavaScript.

I think the problem is that in @beep’s original post, it mostly was described as a media-query, flexible-layout thing: “Fluid grids, flexible images, and media queries are the three technical ingredients for responsive web design”. But @danielmall notes that it’s an approach and not a technology and @vasilis sees responsive design as using client side techniques to optimize the experience.

So if you’re also one of those less educated people like me: The term ”Responsive Web Design“ has either evolved in its meaning, or we didn’t understand it from the beginning.

Logo for a side project with the name “DB”. The D is flipped and if you squeeze your eyes you will see that it has a shape of a ♥ with a dent in it. It’s kinda like the bite from the Apple logo.
No, it’s not for a break-up site and most likely it will never go further than this logo sketch.

Here a short video showing the making (actually cutting) of my new business cards.

I just got the new Moo MiniCards. YAY! When they arrive in the shiny box, they are actually still not finished.. Just by cutting off the edges it looks like the card got shifted from a samurai sword cut.

Watch the making-of.. ahh.. no.. cutting-of video.

Added some custom icons to the site. The bigger ones on the top are scanned to keep the “sketchy” look. Makes it more personal and matches more the brush stroke style.
The small ones (footer/meta) are all painted pixel by pixel to make them as sharp as possible. If you scan/resize them from your sketch, they would look too blurry.

Added some custom icons to the site. The bigger ones on the top are scanned to keep the “sketchy” look. Makes it more personal and matches more the brush stroke style.

The small ones (footer/meta) are all painted pixel by pixel to make them as sharp as possible. If you scan/resize them from your sketch, they would look too blurry.

Concept art for PlayStation’s game “Little Big Planet”. It’s a tamagochi/virtual pet like web app.. Unfortunately it’s gonna stay just concept art.. huhu..

All items (except sackboy and the logo) were found on Flickr. It seems to me alot of people are into plush.

See bigger size the happy planet or dead planet.

Feed me