Responsive web design (RWD), (also known as adaptive websites) is a web design approach aimed at crafting websites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from mobile phones to desktop computer monitors and smart TVs.
A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids,flexible images, and CSS3 media queries.
In 2013 for the first time ever, the internet was accessed more from mobile devices than PCs. It has been suggested that up to 67% of people who encounter non-mobilised data will exit the site immediately and never return. A responsive, or alternatively a dedicated mobile website is a must for everyone.
Alternate Instinct's own website was created before the event of responsive design and was difficult to navigate on smartphones and tablets.
In this brief video we look at how a responsive website behaves and introduce CyberCrab, a useful tool for checking the responsive nature of anywebsite, over multiple devices. Another useful tool may be found here.