I normally design web pages for 1024x768 resolution. My current screen is 1024x768 so everything is clear and it's easy to see what the pages will look like.
I am getting a new monitor and most of the screens I have seen have a 1920x1080 resolution.
At this resolution everything looks tiny when designing for 1024x768.
I just wondered if anyone here has any recommendations as to how you've got round this problem. Thanks.
I am getting a new monitor and most of the screens I have seen have a 1920x1080 resolution. At this resolution everything looks tiny when designing for 1024x768. I just wondered if anyone here has any recommendations as to how you've got round this problem.
With most browsers, you can expand the display with Ctrl +, shrink it with Ctrl -, and toggle full screen with F11.
By the way, if you are going to develop on a Full HD monitor, as I do, you may find my screen emulator of use.
Thanks jedaisoul. It was really about creating the web page on a high res screen. If it's for a 1024x768 screen and you are working on a screen at 1920x1080 then the text on the webpage and all other elements take up a fraction of the screen which is difficult to work with. Of course after publishing it looks fine on a 1024x768 screen.
sticking with particular res / 1024 is as charming as vintage nowadays.
If you wanna be really awesome, look into responsive design + mobile first approach. The idea is: focus on content, it's accessibility regardless of the screen size - start small (have some low ress 320 mobile devices in mind) and progressively enhance your site while the screen gets bigger. The holy grail - make your site look beautiful regardless of the device / screen used to browse it.
To get an idea what's that about, go on this website on some huge monitor and resize your browser, slowly, from full screen to some really small width.
There is plenty of info around if you wanna proper get your head round it. Check A List Apart and A Book Apart for resources. You may wanna look into some responsive CSS grids, etc.: 320andUp, Less Framework
Thanks jedaisoul. It was really about creating the web page on a high res screen. If it's for a 1024x768 screen and you are working on a screen at 1920x1080 then the text on the webpage and all other elements take up a fraction of the screen which is difficult to work with. Of course after publishing it looks fine on a 1024x768 screen.
The full HD display certainly takes some adjusting to. I'm short sighted, and I found that my varifocal glasses just were not up to the job. I had to hold my head at a strange angle as only a tiny strip of view was in focus at that range. Normal reading glasses were not much us either, because they were out of focus at arms length. So I had a special pair of intermediate glasses made, that are in-focus at a half to one metre distance. They are essential to me to work with the text on a full HD monitor.
sticking with particular res / 1024 is as charming as vintage nowadays.
If you wanna be really awesome, look into responsive design + mobile first approach. The idea is: focus on content, it's accessibility regardless of the screen size - start small (have some low ress 320 mobile devices in mind) and progressively enhance your site while the screen gets bigger. The holy grail - make your site look beautiful regardless of the device / screen used to browse it.
To get an idea what's that about, go on this website on some huge monitor and resize your browser, slowly, from full screen to some really small width.
There is plenty of info around if you wanna proper get your head round it. Check A List Apart and A Book Apart for resources. You may wanna look into some responsive CSS grids, etc.: 320andUp, Less Framework
Perhaps you can explain to me why no one seems interested in my screen emulator? It is designed specifically for the purpose of allowing you to quickly and easily see how a design works on various screen sizes, from 320 up. I would have thought that would be a boon to designers? Where did I go wrong??? Is this facility already available elsewhere?
Anyway, thanks for the links, I expect that I will find them useful as well...
High res monitors - web design
Reply With Quote
Originally Posted by WDFman
Bookmarks