As the number of web-enabled devices continues to grow – each with differing capabilities and features – it's no longer sensible to build fixed-width websites. Now, with smartphones and tablets thrown into the mix, it's clear that our traditional methods are no longer applicable. Thankfully, responsive web design combines fluid layouts, flexible images and media queries to help us build sites that gracefully adapt to any environment.
4 Fundamental Categories:
- Style: logo, colors, custom fonts and style issues
- Scale: natural breakpoints, content order and arrangement
- Access: all content accessbile and functional as broadly as possible
- Speed: optimized and fast loading pages
Targeted Screen Resolutions:
- Mobile: 375px
- Mobile: 576px
- iPad Portrait: 768px
- Laptop: 992px
- Desktop: 1200px
- Desktop HD: 1440px