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 Anne-Marie

Rewrite The Stars flac

Anne-Marie. 2018. Writer: Benj Pasek;Justin Paul.
4 Ariana Grande

​Thank U, Next flac

Ariana Grande. 2018. Writer: Crazy Mike;Scootie;Victoria Monét;Tayla Parx;TBHits;Ariana Grande.
5 Clean Bandit

Baby flac

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

Waste It On Me flac

BTS. 2018. Writer: Steve Aoki;Jeff Halavacs;Ryan Ogren;Michael Gazzo;Nate Cyphert;Sean Foreman;RM.
7 Imagine Dragons

Bad Liar flac

Imagine Dragons. 2018. Writer: Jorgen Odegard;Daniel Platzman;Ben McKee;Wayne Sermon;Aja Volkman;Dan Reynolds.
8 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.
9 Brooks

Limbo flac

Brooks. 2018.
10 BlackPink

Kiss And Make Up flac

BlackPink. 2018. Writer: Soke;Kny Factory;Billboard;Chelcee Grimes;Teddy Park;Marc Vincent;Dua Lipa.
11 Diplo

Close To Me flac

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

Velvet Rope flac

Rita Ora. 2018.
13 Fitz And The Tantrums

HandClap flac

Fitz And The Tantrums. 2017. Writer: Fitz And The Tantrums;Eric Frederic;Sam Hollander.
14 Little Mix

Woman Like Me flac

Little Mix. 2018. Writer: Nicki Minaj;Steve Mac;Ed Sheeran;Jess Glynne.
15 Billie Eilish

When The Party's Over flac

Billie Eilish. 2018. Writer: Billie Eilish;FINNEAS.
16 K-391

Mystery flac

K-391. 2018.
17 Cher Lloyd

None Of My Business flac

Cher Lloyd. 2018. Writer: ​iamBADDLUCK;Alexsej Vlasenko;Kate Morgan;Henrik Meinke;Jonas Kalisch;Jeremy Chacon.
18 Backstreet Boys

Chances flac

Backstreet Boys. 2018.
19 Lil Pump

Arms Around You flac

Lil Pump. 2018. Writer: Rio Santana;Lil Pump;Edgar Barrera;Mally Mall;Jon Fx;Skrillex;Maluma;Swae Lee;XXXTENTACION.
20 Kelly Clarkson

Never Enough flac

Kelly Clarkson. 2018. Writer: Benj Pasek;Justin Paul.

Language

Popular Tags