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

Do you know your real value? As web designers we think our skills lie in the code we write or the interfaces we build. In truth that is not where our real value lies and if we don't grasp that soon we could become obsolete.
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.
  • 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