|

Multi-Media Display

Website design is no longer a “What You See Is What You Get” situation. What YOU see can differ considerably from what someone else sees. It’s very easy to be visually/mentally seduced into believing that your design is consistent across the web.

However, with your pages being opened on anything from wide screen monitors, to small smart phones , it’s hard to predict how it will come access. And that does not even address the varying browser support for improved coding standards. Nowadays a website needs to take these variables into consideration.

We can no longer ignore this and can’t say “no, I don’t care how people to see my site on cell phones”. Monitoring site statistics might show that a larger than expected amount of viewers are using small screens.

There are various ways to deal with this – custom CSS styling to be activated according to media, or fully “flexible” CSS structured pages, etc.

Start with a reality check, enter your web URL into this site to test-drive your designs. http://screenqueri.es/

Similar Posts

  • | |

    WordPress Child Themes

    WordPress uses “themes” to display the content of the database in a user-friendly and attractive interface in the browser. Deciding which theme to use may be determined by the site requirements, some themes have additional features that may be required – or not. Don’t use a theme with all the Bells & Whistles if you don’t need those…

  • | |

    Where is web DESIGN heading?

    With Windows 8/touch screens, iPads and cell phones becoming mainstream for web browsing, what should designers take into consideration when planning a new website layout? Start by understanding the user experience, and your potential viewer. What kind of content will the user be looking at? Will they be shopping, reading, viewing image galleries – and…

  • | |

    May 2013, Divs, Floats and Clears

    Using CSS and Div’s for layout. Div’s contain the information to layout the site, but making them behave in a predictable manor is not always easy. Floats are used to control positioning, (left or right) but multiple elements will need to be “cleared” to line up correctly. http://www.sitepoint.com/using-css-grid-layout-and-blend-5-to-build-a-game/ http://960.gs/ http://unsemantic.com/ http://caniuse.com/css-grid http://designfestival.com/design-organized-websites-rapidly-with-960-grid/ http://layouts.ironmyers.com/ http://css-tricks.com/all-about-floats/ http://www.quirksmode.org/css/clearing.html

  • | |

    Designing for Retina Display

    To take advantage of high-resolution displays on iPad, laptops and phones, images used on existing websites may need modification. Images designed for desktop screens can look blurred on Retina displays, and several options have to be considered. Present different images/photos based on media queries?  A higher resolution version can be shown, however consider possible download…

Leave a Reply