How to deal with different screen sizes when your theme is all about design

EnexoOnoma just a moment. 1 answers, 0 views
website-design psychology

We know that not all people have the same screen resolution in their computer monitor. Some people prefer widescreen display in 15'', when other uses 17'' and more for their computer experience.

I am designing a web page that in my monitor (17'' 1280w x 1024h ) looks great.

When I tested it in a laptop, ( less height resolution than my monitor ) it does not look good because it kind of splits the page and you have to scroll to get the feeling. You don't get all the good part at once. This means it looses from it's design.

My question is if this is a game of my mind because I am used to my monitor, and if it is not, how should I deal with it ?

I prefer not to show my page, but I found an example of what I mean in template monster here http://livedemo00.template-help.com/joomla_35840/

1 Answers


FrankL 10/24/2011.

For that reason and furthermore for mobile screensize as well, there is new technique called Responsive Webdesign. Its about adapting its content and layout according to screensize by using CSS mediaqueries and additional serverside techniques. Haven't digg too deep into it, but I think its based on HTML5 and CSS3.

But, I'm afraid it needs a whole new layout approach for your current site.

Links: Responsive Web Design Introduction, Responsive Web Design: What It Is and How To Use It Pragmatic responsive design,Adaptation: Why responsive design actually begins on the server, Golden Grit System

And critical links:11 reasons why Responsive Design isn’t that cool!, Responsive Web Design or Separate Mobile Site? Eh. It Depends., CSS Media Query for Mobile is Fool’s Gold


HighResolutionMusic.com - Download Hi-Res Songs

1 The Chainsmokers

Beach House flac

The Chainsmokers. 2018. Writer: Andrew Taggart.
2 (G)I-DLE

POP/STARS flac

(G)I-DLE. 2018. Writer: Riot Music Team;Harloe.
3 Ariana Grande

​Thank U, Next flac

Ariana Grande. 2018. Writer: Crazy Mike;Scootie;Victoria Monét;Tayla Parx;TBHits;Ariana Grande.
4 Anne-Marie

Rewrite The Stars flac

Anne-Marie. 2018. Writer: Benj Pasek;Justin Paul.
5 Clean Bandit

Baby flac

Clean Bandit. 2018. Writer: Jack Patterson;Kamille;Jason Evigan;Matthew Knott;Marina;Luis Fonsi.
6 Nicki Minaj

No Candle No Light flac

Nicki Minaj. 2018. Writer: Denisia “Blu June” Andrews;Kathryn Ostenberg;Brittany "Chi" Coney;Brian Lee;TJ Routon;Tushar Apte;ZAYN;Nicki Minaj.
7 BlackPink

Kiss And Make Up flac

BlackPink. 2018. Writer: Soke;Kny Factory;Billboard;Chelcee Grimes;Teddy Park;Marc Vincent;Dua Lipa.
8 Imagine Dragons

Bad Liar flac

Imagine Dragons. 2018. Writer: Jorgen Odegard;Daniel Platzman;Ben McKee;Wayne Sermon;Aja Volkman;Dan Reynolds.
9 BTS

Waste It On Me flac

BTS. 2018. Writer: Steve Aoki;Jeff Halavacs;Ryan Ogren;Michael Gazzo;Nate Cyphert;Sean Foreman;RM.
10 Halsey

Without Me flac

Halsey. 2018. Writer: Halsey;Delacey;Louis Bell;Amy Allen;Justin Timberlake;Timbaland;Scott Storch.
11 Little Mix

Woman Like Me flac

Little Mix. 2018. Writer: Nicki Minaj;Steve Mac;Ed Sheeran;Jess Glynne.
12 Brooks

Limbo flac

Brooks. 2018.
13 Fitz And The Tantrums

HandClap flac

Fitz And The Tantrums. 2017. Writer: Fitz And The Tantrums;Eric Frederic;Sam Hollander.
14 Backstreet Boys

Chances flac

Backstreet Boys. 2018.
15 Lady Gaga

I'll Never Love Again flac

Lady Gaga. 2018. Writer: Benjamin Rice;Lady Gaga.
16 Diplo

Close To Me flac

Diplo. 2018. Writer: Ellie Goulding;Savan Kotecha;Peter Svensson;Ilya;Swae Lee;Diplo.
17 Rita Ora

Velvet Rope flac

Rita Ora. 2018.
18 Bradley Cooper

Always Remember Us This Way flac

Bradley Cooper. 2018. Writer: Lady Gaga;Dave Cobb.
19 Imagine Dragons

Machine flac

Imagine Dragons. 2018. Writer: Wayne Sermon;Daniel Platzman;Dan Reynolds;Ben McKee;Alex Da Kid.
20 Erika Sirola

Speechless flac

Erika Sirola. 2018. Writer: Teemu Brunila;Stefan Dabruck;Jürgen Dohr;Guido Kramer;Dennis Bierbrodt;Chris Braide;Robin Schulz.

Language

Popular Tags