Building new sites; what screen resolution to aim for? - GoFuckYourself.com

EukerVoorn · 12-09-2011, 03:45 AM

The last time I built a site it was aimed for 1000 px wide displaying maximum and based on tables. I'm now setting up new sites but won't do the designing myself but before hiring a designer I want to decide what screen resolution to aim for. Are there stats on the web that show the most used screen resolutions?

Also, in your design would you use relatively postioned boxes and objects so that your site is "flexible" and display ok on various display resolutions, even though you will have less control of what your site is going to be displayed like?

OR, would you design a site for large home display with high resolution (mine's 1680 x 1050), and make a version for smaller resolution to which people with laptops can go, and a third one for mobile phones?

Zuzana I hope you'll jump in because I really like your designs and am considering hiring you, but most of your pages have the wide center positioned band design with blank space or a tiled background image on the left and the right, but I want to fill the whole screen, from the left edge of the display to the right edge.

CurrentlySober · 12-09-2011, 04:32 AM

Bump 4 poo...

Ramirez · 12-09-2011, 04:52 AM

This is from my tube:

Code:

1.	1280x1024	699	23.78%	
2.	1024x768	637	21.67%	
3.	Unknown	530	18.03%	
4.	1366x768	331	11.26%

hope it helps.

PowerCum · 12-09-2011, 04:55 AM

Use the facebook, youtube standard ... 1000 px

barcodes · 12-09-2011, 05:11 AM

I usually design for 1000px as well. Good luck.

The site should look similar on all browsers using css, so long as the code you are using is supported. For mobile you make a different version of the site and put some code in that checks for the mobile browser and redirects it.

Code:

<script language=javascript>
<!--
if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
   location.replace("http://url-to-send-them/iphone.html");
}
-->
</script>

and

Code:

<script type="text/javascript">
<!--
if (screen.width <= 699) {
document.location = "mobile.html";
}
//-->
</script>

for example.

Good luck

CurrentlySober · 12-09-2011, 06:55 AM

Stop reading 'The Long Walk' and check your email...

Nicky · 12-09-2011, 06:57 AM

I almost always go for 1000 wide.

NetHorse · 12-09-2011, 06:58 AM

1000px sounds good, but even then I stay away from div relative position tags.

Caligari · 12-09-2011, 07:04 AM

If you're making .XXX sites I would suggest 2560 x 1600

.

stocktrader23 · 12-09-2011, 07:05 AM

1000px in the day of cell phones? Why not something that looks good at 1000px but can shrink to any size, images and all?

you-big-dummy · 12-09-2011, 07:12 AM

Did the same. I use; table width="100%"
Browser resolution stats I was pullin in off a test site. `

V_RocKs · 12-09-2011, 07:20 AM

Do 1000px. If you must go bigger, 1200px.

Anything smaller will look very outdated in 2 years.

CyberHustler · 12-09-2011, 07:24 AM

I personally like 950px

EukerVoorn · 12-09-2011, 08:51 PM

Quote:

Originally Posted by stocktrader23

1000px in the day of cell phones? Why not something that looks good at 1000px but can shrink to any size, images and all?

That was the idea behind floating boxes. If the display is too small for putting them next to each other, they will be put below each other but then you really lose any control of what it will look like. Unfortunately browsers don't shrink font size and photo size to fit in window like a photo viewer does. Strange that nobody ever invented that idea for webbrowers.

But then still, shrinking something that looks good in 1000px to a size suitable for a cellphone doesn't make much sense because everything will get too small then, it will look like a stamp. Cell phones really require a seperate, dedicated version of your site.

EukerVoorn · 12-09-2011, 08:55 PM

Quote:

Originally Posted by barcodes

I usually design for 1000px as well. Good luck.

The site should look similar on all browsers using css, so long as the code you are using is supported. For mobile you make a different version of the site and put some code in that checks for the mobile browser and redirects it.

Code:

<script language=javascript>
<!--
if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
   location.replace("http://url-to-send-them/iphone.html");
}
-->
</script>

and

Code:

<script type="text/javascript">
<!--
if (screen.width <= 699) {
document.location = "mobile.html";
}
//-->
</script>

for example.

Good luck

Thanks for the codes, very helpful. I'll add this to my member download stats already to see what resolutions my members use.

Thanks everybody for the replies.

EukerVoorn · 12-09-2011, 08:56 PM

Quote:

Originally Posted by Caligari

If you're making .XXX sites I would suggest 2560 x 1600

.

I had to think about this one for a while, then the penny dropped

raymor · 12-09-2011, 09:28 PM

Quote:

Originally Posted by EukerVoorn

Also, in your design would you use relatively postioned boxes and objects so that your site is "flexible" and display ok on various display resolutions, even though you will have less control of what your site is going to be displayed like?

OR, would you design a site for large home display with high resolution (mine's 1680 x 1050), and make a version for smaller resolution to which people with laptops can go, and a third one for mobile phones?
.

Did you do a WAP version? Was it worth it? A Playstation / dumb version? Before that a webtv version, an AOL version? Don't forget the IE, Netscape and "other browser" versions. I would think people who build new versions of their site for every device and browser must get really tired of it. I figure let browser do it's job and display the site properly for that user and device.

EukerVoorn · 12-09-2011, 09:42 PM

Ever looked at your own site from a Blackberry, Ray? Trust me, it looks like shit.

AFAIK most browsers including Playstation and AOL are xml/css compatible. So that isn't an issue anymore.

stocktrader23 · 12-09-2011, 11:07 PM

Quote:

Originally Posted by EukerVoorn

That was the idea behind floating boxes. If the display is too small for putting them next to each other, they will be put below each other but then you really lose any control of what it will look like. Unfortunately browsers don't shrink font size and photo size to fit in window like a photo viewer does. Strange that nobody ever invented that idea for webbrowers.

But then still, shrinking something that looks good in 1000px to a size suitable for a cellphone doesn't make much sense because everything will get too small then, it will look like a stamp. Cell phones really require a seperate, dedicated version of your site.

My images damn sure shrink lol. The text just collapses on itself but that's so you can still read it.

garce · 12-09-2011, 11:39 PM

Using CSS, screen resolution is irrlevant.

You have your main content in the middle of the page, and two backgroud images that float left and right. A LOT better than have a 1600px background...

Jakez · 12-09-2011, 11:44 PM

Isn't 950/960px the standard? I guess it's 1000 now.

EukerVoorn · 12-10-2011, 07:48 AM

Quote:

Originally Posted by stocktrader23

My images damn sure shrink lol. The text just collapses on itself but that's so you can still read it.

Send me to any url on which images shrink in FireFox or Internet Explorer when browser window is too small to display the page in full width.

Freaky_Akula · 12-10-2011, 09:24 AM

1000 px

scouser · 12-10-2011, 10:32 AM

975-1000px is about the standard now to design for.

redwhiteandblue · 12-10-2011, 10:42 AM

I'm doing fluid designs now, making sure it looks as good on a smartphone as it does on a big monitor. Even the menu is fluid, it's all good as long as you set a min-width value.

2MuchMark · 12-10-2011, 10:49 AM

Quote:

Originally Posted by Nicky

I almost always go for 1000 wide.

Thats what she said!

stocktrader23 · 12-10-2011, 10:50 AM

Quote:

Originally Posted by EukerVoorn

Send me to any url on which images shrink in FireFox or Internet Explorer when browser window is too small to display the page in full width.

Obviously there can't be a 'full width'. The full width should be whatever their screen resolution is.

stocktrader23 · 12-10-2011, 10:52 AM

Quote:

Originally Posted by redwhiteandblue

I'm doing fluid designs now, making sure it looks as good on a smartphone as it does on a big monitor. Even the menu is fluid, it's all good as long as you set a min-width value.

Yeah, I figured there was stuff like this. I'm just a hack and know you can make a page work on 1200 wide or a cell phone.

EukerVoorn · 12-10-2011, 01:10 PM

Quote:

Originally Posted by stocktrader23

Obviously there can't be a 'full width'. The full width should be whatever their screen resolution is.

I asked you for a page on which "images damn sure shrink lol". Still waiting. Are you a designer and can you design pages that work like that? I'll hire you.

EukerVoorn · 12-10-2011, 01:13 PM

Quote:

Originally Posted by stocktrader23

Yeah, I figured there was stuff like this. I'm just a hack and know you can make a page work on 1200 wide or a cell phone.

Yup, floating boxes, already covered earlier in this thread.

stocktrader23 · 12-10-2011, 01:19 PM

Quote:

Originally Posted by EukerVoorn

I asked you for a page on which "images damn sure shrink lol". Still waiting. Are you a designer and can you design pages that work like that? I'll hire you.

Quote:

Originally Posted by EukerVoorn

Yup, floating boxes, already covered earlier in this thread.

I'm not a designer, I know basic html only. What is your email, I don't share urls on GFY in most cases.

CurrentlySober · 12-10-2011, 01:21 PM

Quote:

Originally Posted by CyberHustler

I personally like POO

Wow! Fuck Me ! So do I !!

CyberHustler · 12-10-2011, 01:46 PM

DWB · 12-10-2011, 01:57 PM

Wecurrently have ours ranging from 960px - 1000px, but we just started bumping them up to 1200px.

EukerVoorn · 12-10-2011, 01:58 PM

Quote:

Originally Posted by stocktrader23

I'm not a designer, I know basic html only. What is your email, I don't share urls on GFY in most cases.

In my sig, and here: euker at almostthelastpage dot org

I can recommend this book: "HTML, XHTML, and CSS All-in-one Desk Reference for Dummies"

It starts with the basics and really covers everything, introduces you to the world of PHP, Java script and AJAX (the future) and has a CDrom with all the software you need. A great book for the cold winter evenings.

Even if you don't want to be a web designer, it's good to read it and get to understand the basics, so that when you hire a web designer, you know what they're talking about.

EukerVoorn · 12-10-2011, 02:02 PM

Quote:

Originally Posted by CurrentlySober

Poo! Shit on me ! Swallow do I !!

Please keep the poo out of this thread, scat and poo porn should be illegal and banned anyway

stocktrader23 · 12-10-2011, 02:02 PM

Quote:

Originally Posted by EukerVoorn

In my sig, and here: euker at almostthelastpage dot org

I can recommend this book: "HTML, XHTML, and CSS All-in-one Desk Reference for Dummies"

It starts with the basics and really covers everything, introduces you to the world of PHP, Java script and AJAX (the future) and has a CDrom with all the software you need. A great book for the cold winter evenings.

Even if you don't want to be a web designer, it's good to read it and get to understand the basics, so that when you hire a web designer, you know what they're talking about.

My sites are all either really simple, use WordPress or I pay someone to do them. I have no interest in learning anything.

Sending you a url by email.

EukerVoorn · 12-10-2011, 02:07 PM

For naming and shaming and traffic magneting WordPress is great, it saves a lot of time and energy. For anything else... yeah get a designer. I can do some reasonable hand coded web design but I don't have time for it anymore. Look forward to your mail.

stocktrader23 · 12-10-2011, 02:13 PM

Quote:

Originally Posted by EukerVoorn

For naming and shaming and traffic magneting WordPress is great, it saves a lot of time and energy. For anything else... yeah get a designer. I can do some reasonable hand coded web design but I don't have time for it anymore. Look forward to your mail.

Sent already but a few things.

a) I am an affiliate only. I don't need nor do I want paysite style designs.

b) I promote cams and they convert better and have always converted better on simple pages. I started out with profiles on Geocities and have not matched conversions ever since moving. Why? It looked like the girl made the page and little blue text links get clicked more than anything.

c) Even paysites would convert better on a nice, clean white page with images and blue text links. Maybe a small logo but no fancy ass design, no ridiculous template, just content. If your content is good it will look GREAT on a white, neatly laid out page. White contrasts really great with shit btw, scat sites should do wonderful.

There is a reason almost all high trafficked sites stick to this formula. Facebook / MySpace / Google and many others know that a clean simple design is more professional than a $1500 flashy tour. I have no idea who started the trend of fancy ass paysite designs but I'm glad because it allows me to convert better than most by doing my own thing.

Cheers

EukerVoorn · 12-13-2011, 04:08 PM

That's an interesting view Stock, I never used white pages and should give it a try. I feel though that everybody tends to copy the Facebook / MySpace / Google design and due to that sites more and more start to look alike and now that WP is getting so popular it only gets worse. I really like it when I get on a site that looks totally different and gives me a "wow" sensation. And that's getting really rare!

marlboroack · 12-13-2011, 04:20 PM

950-1000px, I have seen some really cool sizes that match the design which is really appealing.

RonTheDon · 12-13-2011, 04:31 PM

Quote:

Originally Posted by EukerVoorn

I asked you for a page on which "images damn sure shrink lol". Still waiting. Are you a designer and can you design pages that work like that? I'll hire you.

I know how to make images shrink based on window size.

EukerVoorn · 12-14-2011, 09:22 AM

He sent me an url to a site with shrinking images and it's java script and it's really cool...

12-09-2011, 03:45 AM	#1
EukerVoorn So Fucking Banned Industry Role: Join Date: Aug 2011 Location: Les Alpes, France Posts: 1,423	Building new sites; what screen resolution to aim for? The last time I built a site it was aimed for 1000 px wide displaying maximum and based on tables. I'm now setting up new sites but won't do the designing myself but before hiring a designer I want to decide what screen resolution to aim for. Are there stats on the web that show the most used screen resolutions? Also, in your design would you use relatively postioned boxes and objects so that your site is "flexible" and display ok on various display resolutions, even though you will have less control of what your site is going to be displayed like? OR, would you design a site for large home display with high resolution (mine's 1680 x 1050), and make a version for smaller resolution to which people with laptops can go, and a third one for mobile phones? Zuzana I hope you'll jump in because I really like your designs and am considering hiring you, but most of your pages have the wide center positioned band design with blank space or a tiled background image on the left and the right, but I want to fill the whole screen, from the left edge of the display to the right edge. Last edited by EukerVoorn; 12-09-2011 at 03:49 AM.. Reason: Lot of typos

12-09-2011, 04:32 AM	#2
CurrentlySober Too lazy to wipe my ass Industry Role: Join Date: Aug 2002 Location: A Public Bathroom Posts: 38,683	Bump 4 poo... __________________ My AI Handywork... My Dream Gal... XXX 👁️ 👍️ 💩

12-09-2011, 04:52 AM	#3
Ramirez Confirmed User Industry Role: Join Date: May 2011 Location: Europe Posts: 1,592	This is from my tube: Code: 1. 1280x1024 699 23.78% 2. 1024x768 637 21.67% 3. Unknown 530 18.03% 4. 1366x768 331 11.26% hope it helps.

12-09-2011, 04:55 AM	#4
PowerCum CjOverkill Industry Role: Join Date: Apr 2003 Location: Woldwide Posts: 1,328	Use the facebook, youtube standard ... 1000 px __________________ CjOverkill Traffic Trading Script Free, secure and fast traffic trading script. Get your copy now

12-09-2011, 05:11 AM	#5
barcodes Confirmed User Industry Role: Join Date: Mar 2011 Location: Florida Posts: 2,040	I usually design for 1000px as well. Good luck. The site should look similar on all browsers using css, so long as the code you are using is supported. For mobile you make a different version of the site and put some code in that checks for the mobile browser and redirects it. Code: <script language=javascript> <!-- if ((navigator.userAgent.match(/iPhone/i)) \|\| (navigator.userAgent.match(/iPod/i))) { location.replace("http://url-to-send-them/iphone.html"); } --> </script> and Code: <script type="text/javascript"> <!-- if (screen.width <= 699) { document.location = "mobile.html"; } //--> </script> for example. Good luck Last edited by barcodes; 12-09-2011 at 05:22 AM..

12-09-2011, 06:55 AM	#6
CurrentlySober Too lazy to wipe my ass Industry Role: Join Date: Aug 2002 Location: A Public Bathroom Posts: 38,683	Stop reading 'The Long Walk' and check your email... __________________ My AI Handywork... My Dream Gal... XXX 👁️ 👍️ 💩

12-09-2011, 06:57 AM	#7
Nicky Too lazy to set a custom title Industry Role: Join Date: Mar 2003 Location: Sweden Posts: 30,070	I almost always go for 1000 wide. __________________ gfynicky @ gmail.com

12-09-2011, 06:58 AM	#8
NetHorse Confirmed User Industry Role: Join Date: Dec 2006 Location: Chicago Posts: 3,526	1000px sounds good, but even then I stay away from div relative position tags. __________________ ┌∩┐(◣_◢)┌∩┐ ICQ # 427013273

12-09-2011, 07:04 AM	#9
Caligari Confirmed User Industry Role: Join Date: Oct 2009 Location: At The Mountains Of Madness Posts: 5,414	If you're making .XXX sites I would suggest 2560 x 1600 . __________________ ATTN Webmasters Cruel Bucks - LIVE Gonzo Does Not Pay ------------------------------------------------ Animal Rescue Click Here to Feed An Animal for Free

12-09-2011, 07:05 AM	#10
stocktrader23 Let's do some business. Industry Role: Join Date: Jan 2003 Location: The dirty south. Posts: 18,781	1000px in the day of cell phones? Why not something that looks good at 1000px but can shrink to any size, images and all? __________________ Hands Free Adult - Join Once, Earn For Life "I try to make a habit of bouncing my eyes up to the face of a beautiful woman, and often repeat “not mine” in my head or even verbally. She’s not mine. God has her set aside. She’s not mine. She’s His little girl, and she needs me to fight for her by keeping my eyes where they should be."

12-09-2011, 07:12 AM	#11
you-big-dummy So Fucking Banned Industry Role: Join Date: Sep 2011 Location: Dallas, Texas Posts: 320	Did the same. I use; table width="100%" Browser resolution stats I was pullin in off a test site. `

12-09-2011, 07:20 AM	#12
V_RocKs Damn Right I Kiss Ass! Industry Role: Join Date: Dec 2003 Location: Cowtown, USA Posts: 32,422	Do 1000px. If you must go bigger, 1200px. Anything smaller will look very outdated in 2 years.

12-09-2011, 07:24 AM	#13
CyberHustler Masterbaiter Industry Role: Join Date: Feb 2006 Posts: 26,482	I personally like 950px

12-09-2011, 09:42 PM	#18
EukerVoorn So Fucking Banned Industry Role: Join Date: Aug 2011 Location: Les Alpes, France Posts: 1,423	Ever looked at your own site from a Blackberry, Ray? Trust me, it looks like shit. AFAIK most browsers including Playstation and AOL are xml/css compatible. So that isn't an issue anymore.

12-09-2011, 11:39 PM	#20
garce Confirmed User Industry Role: Join Date: Oct 2001 Location: Toronto Posts: 7,103	Using CSS, screen resolution is irrlevant. You have your main content in the middle of the page, and two backgroud images that float left and right. A LOT better than have a 1600px background...

12-09-2011, 11:44 PM	#21
Jakez Confirmed User Industry Role: Join Date: Jan 2004 Location: oddfuturewolfgangkillthemall!!!!!!! Posts: 5,656	Isn't 950/960px the standard? I guess it's 1000 now. __________________ [email protected] - jakezdumb - 573689400 Killuminati Last edited by Jakez; 12-09-2011 at 11:46 PM..

12-10-2011, 09:24 AM	#23
Freaky_Akula Confirmed User Join Date: Oct 2005 Posts: 3,670	1000 px __________________

12-10-2011, 10:32 AM	#24
scouser marketer. Industry Role: Join Date: Aug 2006 Location: bcn Posts: 2,280	975-1000px is about the standard now to design for.

12-10-2011, 10:42 AM	#25
redwhiteandblue Bollocks Industry Role: Join Date: Jun 2007 Location: Bollocks Posts: 2,793	I'm doing fluid designs now, making sure it looks as good on a smartphone as it does on a big monitor. Even the menu is fluid, it's all good as long as you set a min-width value. __________________ Interserver unmanaged AMD Ryzen servers from $73.00

12-10-2011, 01:46 PM	#33
CyberHustler Masterbaiter Industry Role: Join Date: Feb 2006 Posts: 26,482

12-10-2011, 01:57 PM	#34
DWB Registered User Industry Role: Join Date: Jul 2003 Location: Encrypted. Access denied. Posts: 31,779	Wecurrently have ours ranging from 960px - 1000px, but we just started bumping them up to 1200px.

12-10-2011, 02:07 PM	#38
EukerVoorn So Fucking Banned Industry Role: Join Date: Aug 2011 Location: Les Alpes, France Posts: 1,423	For naming and shaming and traffic magneting WordPress is great, it saves a lot of time and energy. For anything else... yeah get a designer. I can do some reasonable hand coded web design but I don't have time for it anymore. Look forward to your mail.

12-13-2011, 04:08 PM	#40
EukerVoorn So Fucking Banned Industry Role: Join Date: Aug 2011 Location: Les Alpes, France Posts: 1,423	That's an interesting view Stock, I never used white pages and should give it a try. I feel though that everybody tends to copy the Facebook / MySpace / Google design and due to that sites more and more start to look alike and now that WP is getting so popular it only gets worse. I really like it when I get on a site that looks totally different and gives me a "wow" sensation. And that's getting really rare!

12-13-2011, 04:20 PM	#41
marlboroack So Fucking Banned Industry Role: Join Date: Jul 2010 Location: ☣ Posts: 9,327	950-1000px, I have seen some really cool sizes that match the design which is really appealing.

12-14-2011, 09:22 AM	#43
EukerVoorn So Fucking Banned Industry Role: Join Date: Aug 2011 Location: Les Alpes, France Posts: 1,423	He sent me an url to a site with shrinking images and it's java script and it's really cool...