|

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

  • | |

    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

  • CSS Goodies

    Websites worth a visit, CSS goodies to explore. http://www.colorzilla.com/gradient-editor/ http://css3gen.com/ http://css3menu.com/ http://css-tricks.com http://css-tricks.com/examples/AnythingSlider/ http://css-tricks.com/downloads/ http://bit.ly/sG04Eo http://www.design.annagraphics.com/tutorials/tweaks.css http://www.design.annagraphics.com/tutorials/cssfixes.pdf 

  • | |

    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