Home

Design News:

Screen Resolution Hack

One of the most practical solutions to solve our screen resolution problems. Sure it's double the work, but hey it works and we keep the few 800x600 users we get rather than scare them off!

Comments (21)

You will never be able to please everyone when you’re dealing with an audience that’s as diverse as they are critical here on this site. :) I’ll come out and say though that since Moni’s return to posting news, his selection has been spot on as far as what I believe news posters should be posting. They’re fresh, interesting, and come from a variety of sources, some not all of us may be aware of before now.

Moni, at some point you just need to realize when the majority approves of what you’re doing, and not let every critical opinion cast doubt on that.

#1: georgec on 08/16 at 11:47 PM

sorry moni, but this is perhaps the worst advice anyone could possibly take. if you are really worried about 800x600 users (which you shouldn’t, they are too computer illiterate to realise its not normal to horizontal scroll websites) try using a percentage layout with a max width of 990 and min width of 780

#2: michael coyle on 08/17 at 01:19 AM

Moni, I am not criticizing you for posting the article since the purpose is to generate discussion. Please do not take it that way. Everyone is not always going to like what you post. I do appreciate you taking time to contribute. However, I am calling the article’s advice for what it is.

Mark, wow, you are extra sensitive. Your ignorance of the work maintaining duplicate templates and recommendation of javascript as a solution for mobile device resolution, instead of proper CSS support is amusing.

“...but because it OPENED THE DOOR to a new way of thinking!”

Here is an article from Molly Holzschlag dating from September 1999. (Whatever may have overshot the age by a year.) http://molly.com/articles/markupandcss/1999-09-route.php

She explores the options in far greater depth at a time when there appeared to be no other better solutions available. All of the doors you refer to opening have already been opened, but you are free think you are opening those doors again for the first time. Let me know when you find the doors marked browser sniffing :-)

#3: A Joke? on 08/17 at 01:29 AM

georgec - bro, i plan to keep it real so no worries there. ;)

coyle - it’s all good, take it or leave it, im just the news reporter letting people know whats going on in the designosphere, be it good, bad or ugly.

A Joke? - i dont take anything personally in these comments as you stated, my purpose is to get people commenting rather than just rating, maybe why i decided to leave a personal comment after each news post to get the ball rolling, it would be nice to get peoples take on things rather than thumbs up or down you know? :)

#4: Moni on 08/17 at 02:34 AM

@Micheal
“if you are really worried about 800x600 users (which you shouldn’t, they are too computer illiterate to realise its not normal to horizontal scroll websites) try using a percentage layout with a max width of 990 and min width of 780 “

??? It’s that kind of bullshit snobbery which gets my goat - why would they have to be “computer illiterate?” if they have 800x600 and even if so, why should they be metaphorically told to fu*k off?
Like all those assholes who refuse to code for IE6, even tho it’s still like 50% (yeah still more than the sweetheart browser, FF)

For your information, the optimal screen resolution for the WII Opera browser IS 800x600 and even though it handles scaling well on the fly, you are limited in the amount of javascript and Flash you can embed, so you are better off with a more visually rich 800 page (and easier to read) than being sparse on 1024.


“Mark, wow, you are extra sensitive. Your ignorance of the work maintaining duplicate templates and recommendation of javascript as a solution for mobile device resolution, instead of proper CSS support is amusing. “

?? I sense you already had your witty repartee already waiting to be pulled out of your orifice - quick on the draw, you neglect to see I already pointed out that it would be a better idea to use Javascript to redirect/rewrite the CSS href instead.
I’ve been coding probably before you were born so dont presume, grasshopper! :)
It is a “NEW WAY OF THINKING” precisely because most people arent thinking about it!
NEWS FLASH - Columbus wastnt the first to doubt the world was flat, just the most famous.
The example that Noni linked to was much more concise and inviting of adoption and implementation than that verbose and somewhat dated example you threw up there :)

I’ve worked on dozens of sites that have to maintain high synchronization of functionality from lowly Blackberry, Lynx type browsers, Almost standard compliant browsers like IE6 and Opera and quirky devices like PlayStation, PSP and WII.

You can dig up WURFL code all you like, most often, the best approach (other than making a one-size-fits-all lowest common denominator site) is to have multiple variations of the site optimized for the target platforms. It’s no different than writing plug & play assembly code to support different devices or working with different videocards by implementing hardware specific 3d rendering code, substituted as needed after device detection.

It’s PRECISELY because y’all dont do ‘real coding’ that you squeal like little pussies whenever the topic comes up!

Keep doing what you’re doing Noni, let the CSS/Soup Nazis fail by the wayside!

#5: mark on 08/17 at 03:31 PM

That I shall mark =]
Noni - haha you and joel have a thing for getting my name wrong, it’s so bad that when I login to my email address instead of typing moni… i sometimes type noni… :P

#6: Moni on 08/17 at 03:56 PM

“you neglect to see I already pointed out that it would be a better idea to use Javascript to redirect/rewrite the CSS href instead”

No, I did not neglect it. In fact, I referenced that it is not the ideal (and at times, the incorrect) solution.

“I’ve been coding probably before you were born so dont presume, grasshopper!”

Having more experience at being incorrect does not compensate for you still being incorrect.

“NEWS FLASH - Columbus wastnt the first to doubt the world was flat, just the most famous.”

Actually, it was a well accepted fact in western civilization that the world was round for at least 1500 years before Columbus, but that is off-topic. (Where did you learn your history? Mr. Peabody?)

“The example that Noni linked to was much more concise and inviting of adoption and implementation than that verbose and somewhat dated example you threw up there”

Do you really think that Holzschlag’s work was not a culmination of other work or that other more refined work did not follow?

Your ignorance of website design history (and apparently western civilization), your sad eagerness to begin a measuring contest, and your juvenile name calling, including a cliche nazi comparison, speaks volumes on your inability to defend your faulty position and overall lack of credibility.

Please challenge my “witty repartee” to the extent your damaged ego requires for I stand firm in my assertion that the article is crudely advocating poor advice, and I find no joy in continuing a battle of wits with an unarmed man. :-)

#7: A Joke! on 08/17 at 06:45 PM

This isnt a challenge of who can use bigger words and sound smarter btw.

It’s all about design, I think you both have point of views you’re sticking with, and that’s fine. No one expects everyone to think the same when it comes to web development you know?

and dude, a joke, have you never heard of the soup nazi from seinfeld? damn bro :P haha that guy is one of the funniest ever!

#8: Moni on 08/17 at 08:08 PM

pay him (a Joke) no mind Moni/Noni, this bloke’s just an example of the CSS Taliban, one of those misguided souls w/o religion who then elevate semantic HTML to the level of spiritual DOGMA, the rejection of which becomes heresy in their clouded eyes.

In his reply to my posts and those of others, he offers up positions that people did not make, then refutes them happily.
Men like those often find their happiness “close at hand” * it seems (here’s hoping he doesnt go blind or ‘turn Japanese’ as a result!)

The solution that was provided was f*king sweet and simple too, and sure beats asking the user

#9: mark on 08/18 at 01:35 AM

The problem with this “technique” isn’t the code, but rather the underlying assumption that screen resolution matters for the Web. It doesn’t. Browser window size is the key, and since 1) there is no way to know that the user’s browser window is maximized, and 2) virtually limitless possibilities for window size, one cannot depend on any fixed set of figures.

#10: 60Four on 08/18 at 12:45 PM
Commenting is not available in this weblog entry.

News Tools &
Other Resources

CSS Compressor

Use this tool to compress your CSS code, with three levels of compression to choose from!

CSS AutoPrefixer

Intelligently add CSS vendor prefixes to your CSS code. Just paste and copy!

Image to Color Palette Generator

Get the primary colors of any image in hex format with this online tool!

Image Optimizer

Use this tool to easily optimize regular gifs, animated gifs, jpgs, and pngs, so they load as fast as possible.

Button Maker

Use this tool to easily create those popular 80x15 micro buttons you see on web sites everywhere.

FavIcon Generator

Generate a favicon using any regular image with this tool. A favicon is a small, 16x16 image that is shown inside the browser's location bar and bookmark menu when your site is viewed.

Ribbon Rules Generator

Create alternating colored horizontal rules quickly with this new Web 2.0 tool.

.htaccess Banning Generator

Generate the necessary .htaccess code to ban visitors based on their IP address, referrals, or disable hotlinking on the desired file types on your server, such as images.

.htaccess Password Generator

Generate all the necessary codes needed to password protect a directory or selects files within it on your site using .htaccess.



Partners & ResourcesOur
Partners


CSS Forums News

Dynamic Drive forums | Register

The Latest Comments

All images and content copyright © 2017 CSS Drive. Contact Info | Back to Top
Affiliate Discloser: We receive a commission from purchases through some links on this site