Responsive Design

Why Responsive?

Instead of designing versions for different devices, it is much more maintainable to use responsive technologies that dynamically adapt to device type and even device orientation. This can be done via numerous technologies easy accomplished with CSS styling and smart HTML structural design.

Accessibility for Visual and Physical Impairment

Another commonly neglected aspect of web and app design is users with visual impairments. Designs can be accessible to a wider audience when designers and developers take into consideration color schema, considerations to color blindness, contrast, font size, the use of the alt attribute for screen readers, large padding areas for buttons, full usage of state pseudo classes, just to mention a a few.

Mobile First

The Mobile First approach states designers should have a "bottom-up" approach, creating first according to mobile devices and then scale upward to browsers and larger displays. We can take this a step further. With majority of internet browsing now is on mobile devices, and these devices currently have the flexibility of portrait and landscape modes. To make full use of these differences, media queries targeting the device orientation can take responsiveness a step further. Specifically, portrait mode is ideal for vertical scrolling, while landscape moe offers more horizontal real-estate that can be utilized.