We have given watch you some of the best practices for flexible design, but beyond the screws of flexible grids and @ media queries, he y something more subtle and more important, to work behind the moniker flexible design.
Good design has always been subject not only content first, but makes it easier to read this content – give people what they want or they will go elsewhere.
This seems rather basic, but if good, based on the contents of design were actually common on the web, then we wouldn't need tools such as readability, the Safari drive or Instapaper, which are all services of strip unnecessary distractions and give people what they want - content. If you read through our guide to design for the readability of first, we hope that you're streamlining your Web site and focusing on content rather than sidebar, ads and other distractions. Flexible design picks up where it left off the coast.
The cornerstone of any flexible design is a flexible grid system that adapts to different screen sizes, but it is really the least interesting, once you master. In the broader sense, flexible design is not on the gates of fluids, it is to determine the constraints of the screen of the reader and how these constraints of changing how your site should display. It comes to moving your content based on the size of the screen of your reader and ensure that your visitors have the best experience little matters what device they could use.
In other words, flexible design is to ensure that the reading device used doesn't matter. The screen size is the obvious place to start. The constraints of small screens dictate design choices, for example a single column of content and the means to put the main content at the top of the page. This means also ensure your typography seems good. For example, the typical Office of 14-16px browser font sizes are often too small on an iPad.
But the size of the screen is not the only thing to keep in mind when you build your site. Ignore other aspects of mobile devices a myriad of today, as interfaces based on the key, the access to the data or the GPS screen resolution. For example, your site may have a beautiful flexible grid, but if half of your links require a stationary State to be noticed, your site is not more "sensitive" for a touch screen user page mean archived Geocities. Also take into account the impact of the transitions and animations which can assist users of the guide and create a plu reactivity sense.
Different devices have different built-in tools. Test for things like geolocation support using modernizer and if the device supports, use it. For example, a location form which work well on your website the Office could better served by using location automatically data on a mobile site.
Ultimately the flexible design is not only on the size of the screen, how is your organize you information to give the people what they want. Each site is different and you simply jump on the procession of flexible without grid is appropriate for your unique content, you will not have an effective Web site.
