My how times have changed.
I remember only a few years ago screens (namely websites) were optimised at 800 x 600 pixels; that then grew to a standard of 960 pixels. Gone are the days where digital was designed for a single screen size. Today we find ourselves in a resolution explosion. With thousands of different size screens in our hand, on our desk and in the living room.

With different screen size options continuing to expand and new mobile, computer and TV gadgets making their way to store shelves every day, digital designers have their jobs cut out for them. A few points to take into consideration when planning out a screen strategy  (based on open standards design using HTML/CSS/Javascript) for your next website or app, follow below:
• Creating flexible/responsive designs by using CSS media queries
• Use pixel ratio media queries to assist in designing for different pixel densities (eg: The Retina display iPhone packs 329 ppi compared to the Samsung Galaxy S3 with 306 ppi)
• Use the design tags in CSS as much as you can to generate such things as Gradients, Shadows etc. as these will be pixel density independent
• The ‘text-rendering’ CSS options, specifically ‘optimizeLegibility’ are worth enabling on high pixel density screens.
• Utilising Javascript serve up optimsed images to smaller screens to save on bandwidth
• Try picking a ‘base’ starting point and look at scaling the design and content up and down

This ‘evolution in resolution’, really helps illustrate a point I am quite passionate about, and that is bringing the technical teams and creative teams closer together in collaboration. This will aid in optimising the design to change it’s layout and content depending on what screen it is being viewed on.

Taking the above points into consideration and having the tech and creative teams collaborate closer  will surely save costs, prevent grey hair and produce better results.

This post was writ­ten by Chris Ongarello, Man­ag­ing Direc­tor of Dig­i­tal White­board.
Dig­i­tal White­board was estab­lished to help busi­nesses and brands under­stand and lever­age the power of the dig­i­tal land­scape. Focus­ing on con­cept and strat­egy to deliver mea­sur­able (ROI). Dig­i­tal White­board achieve this by work­ing with enthu­si­as­tic peo­ple who share a com­mon goal to cre­ate amaz­ing inno­v­a­tive solu­tions to challenges.

Like Truly Deeply, Dig­i­tal White­board are part of E3, the global net­work of inde­pen­dent brand­ing, mar­ket­ing and dig­i­tal agen­cies. As the offi­cial E3 agency for Liecht­en­stein, Dig­i­tal White­board has direct access to over 500 inter­na­tional spe­cial­ists. They get unique know-how and global insights from dif­fer­ent mar­kets, sec­tors and dis­ci­plines. Depend­ing on need they inte­grate E3 inter­na­tional spe­cial­ists into their projects.