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

Developer Oriented Project Management As project managers we need to think about how developers work rather than expecting them to adapt to our mindset.
Is digital transformation in danger of crushing your I.T. team? Many I.T. departments are under impossible pressure. With ever more demanding needs and years of legacy and new tech, I.T. teams are looking for ways to keep up.
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.
  • 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