Regarding Responsive Design
2013
There is a new concept among web designers called “responsive design.” This is the process of using dynamic layouts along with media queries to resize layouts for websites so that they fit any screen size. But ultimately what is responsive design? The question is not so much what it is, but the problems it can solve.
As we know computers are no longer the only devices that can access the web. Smartphones and tablets have evolved and, with it, the landscape of mobile web. Responsive design thus helps a website be accessible and easily readable on any device, no matter where it is or how it is displaying.
Having a site that is easily read on a mobile phone is just as important as having a website these days, so here are some tips regarding responsive design, provided by Blair Stover.
- Use layouts that can adapt to any size screen. Always keep it fluid in case a new device with a different screen size is introduced into the market.
- Create grids on the site based on site content. The layouts should be created from the contents.
- Start with the smallest size screen. We start with the smaller screen size, using the media queries to adjust the elements.
- Do not use Photoshop. It is practically impossible to draw a fluid layout in Photoshop.
- Resize images using the property img {max-width: 100%}. For very large images should consider using a plugin like Javascript.
- Upload content that is essential first.
- Do not worry about perfection. There will always be users who will not be able to access the site in the best way. Some will have browsers that are too old or will have their JavaScript disabled. These users are increasingly rare. If they see the layout for smartphones on the computer, it is not the end of the world. The site is still perfectly usable.


















Comments