I’ve just made some upgrades to the Illustration Portfolio page on EscapeKeyGraphics.com. Now you will find many more zoomable versions of illustrations so you can get up close to brush strokes and scrutinize details. There are seventeen new pages in all. All thumbnails remain clickable, but I have removed the text “image” links to save some space. I’ve split the “Illustration” and “Illustrated Maps” sections into two vertical columns. I know a lot of my visitors are really interested in maps and I want it as easy as possible to locate them, although I do also have a dedicated maps page with it’s own portfolio.
I hope you like the changes and if you don’t please let me know.
By John Potter
The folks at Dinosaur World wanted to upgrade their website for some time now, so after completing the Texas park map they asked me to go straight to work on their website. (more…)
Why things look stretched or squished on your computer
By John Potter
If you haven’t read “Why Does My Website Look Different On My Other Computer?” you probably want to start there, since this article builds upon information supplied there.
Below you will find an illustration of 4:3, 16:9 and Wide XGA screen resolutions. You will notice that a diagonal line from corner to corner will intersect the corners of all the boxes which indicate resolutions if they are consistant. This is why images wont appear stretched or squished when you remain within these families of screen resolutions.
This brings me to my next topic…Wide XGA or WXGA.
WXGA is a screen resolution that LCD manufacturers apparently came up with. It is commonly used in laptops and LCD TV sets. It is meant to display wide format graphics like movies, but it isn’t the same aspect ratio. It also varies in aspect ratio without any apparent pattern as you can see in the graphic below.
If you are using WXGA screen resolutions you are not seeing anything the way it is intended to be seen…not movies, not websites, not Word documents. If you are using WXGA screen resolutions change them to one of the 4:3 aspect ratios for computer and internet stuff and one of the 16:9 for wide screen movies.
There’s a handy new tool out where you can see how your website displays at different screen resolutions at http://viewlike.us/
A guide for website owners trying to decide whether or not CSS layout is right for them
By John Potter
What is CSS:
CSS stands for Cascading Style Sheets.
“Cascading” because if you use an external Stylesheet any changes you make to it will affect all pages using it.
“Style” because it controls the look or style of things, and
“Sheet” because the files are called “Stylesheets”.
If you haven’t already heard using CSS for laying out web pages rather than HTML tables is a big trend right now. I and many others have been using CSS to define styles of fonts and such for many years now, but controlling the actual page layout has, in the past, been done with HTML tags and tables. Now websites are moving to the use of CSS div tags to control layout.