A little responsive video demo

A lot has been written about responsive web design and a lot of screen grabs taken to show websites rendered at different widths. However, it all makes much more sense when you actually see what happens in the browser.

This is a very quick video to demonstrate some of the projects Headscape have worked on recently and how they adapt or respond to different screen widths or height.  Apologies for my cold and the soft synth jazz soundtrack that sounds like it came from a porn film.  It didn’t.  Honestly.

Related Post

Minimum viable product (MVP). What is it and why should you care? A minimum viable product is a great way of building user centric digital services in a fraction of the time. It will also lead to big cost savings.
Designing with data and incremental development Designing with data and incremental development are great in principle. But practically they face problems. Problems a new generation of tool help us overcome.
Why you should want to be a user experience developer If you want to secure your future as a developer, become one of the new generation of user experience developers.
  • Anonymous

    Love the video. I’ve been doing some responsive work, but I’m wondering what your method is on the header navigation switching. I’m assuming that it is the same navigation but the CSS is hiding some nav list items on the mobile version? or are you using JS on the switching?

  • pdelsignore

    Love the video. I’ve been doing some responsive work, but I’m wondering what your method is on the header navigation switching. I’m assuming that it is the same navigation but the CSS is hiding some nav list items on the mobile version? or are you using JS on the switching?

Boagworks

Boagworld