Latest TweetsVerify any search engine or visitor via CLI Forward-Reverse Lookup perishablepress.com/cli-forwar…
Perishable Press

Quintessential Screenshot Gallery

One of my goals for the new Perishable Press redesign was to achieve cross-browser, pixel-perfect precision1. Of course, due to many variables (platform, operating system, browser, extensions, fonts, etc.), it is virtually impossible to achieve complete 100% perfection, but I am certainly interested in examining the design on as many different configurations as possible. Thus, last week after launching the new design, I made an open call for screenshots. Graciously, many of you responded with some great screenshots.

Thanks to you, I was able to see Perishable Press “in the wild” on many operating systems and browsers to which I simply don’t have access. Sure, I could have just went to browsershots.com or some similar service, but as Rick Beckman correctly pointed out, it is much more fun to get everyone involved in the process. So without further ado, here is the Perishable Press Quintessential Screenshot Gallery:

Mobile Browsers

Perishable Press on iPhone Safari
Mobile Safari 2.0 on iPhone by Paul Walker [full view]
Perishable Press on Windows Mobile Explorer
Internet Explorer on HTC 8525 Windows Mobile 5.0 (alt view) by Jeff Starr [full view]
Perishable Press on Windows Mobile Minimo
Minimo on HTC 8525 Windows Mobile 5.0 by Jeff Starr [full view]

Macintosh OS X Leopard

Perishable Press on Mac Safari
Safari 4.0 Developers Preview on Mac OS X by Chris Coyier [full view]
Perishable Press on Mac Firefox
Firefox 3.0.3 on Mac OS X 10.5.5 by Rick Beckman [full view]
Perishable Press on Mac Stainless
Stainless 0.1 on Mac OS X 10.5.5 by Paul Walker [full view]
Perishable Press on Mac Safari
Safari 4 on Mac OS X 10.5.5 by Paul Walker [full view]
Perishable Press on Mac L.Y.N.X
L.Y.N.X 2.8.7d9 on Mac OS X 10.5.5 by Paul Walker [full view]
Perishable Press on Mac Fluid
Fluid 0.9.3.2 on Mac OS X 10.5.5 by Paul Walker [full view]
Perishable Press on Mac Fluid
Fluid on Mac OS X by Jordan Ogren [full view]
Perishable Press on Mac Safari
Safari on Mac OS X by Jordan Ogren [full view]
Perishable Press on Mac Camino
Camino 1.0.3 on Mac OS X 10.4.8 (1024×768) by Jeff Starr [full view]
Perishable Press on Mac Firefox
Firefox 3.0.1 on Mac OS X 10.4.8 (1024×768) by Jeff Starr [full view]
Perishable Press on Mac Opera
Opera 9.23 on Mac OS X 10.4.8 (1024×768) by Jeff Starr [full view]
Perishable Press on Mac Safari
Safari 2.0.4 on Mac OS X 10.4.8 (1024×768) by Jeff Starr [full view]
Perishable Press on Mac Paparazzi
Paparazzi on Mac OS X (full page) by Christopher Ross [full view]

Linux Ubuntu

Perishable Press on Ubuntu Firefox
Firefox 2.0.0.17 on Ubuntu Linux 7.10 by Lee Underwood [full view]
Perishable Press on Ubuntu Firefox
Firefox 3.0.3 on Ubuntu Linux 8.04 @ 1280×1024 by Adam Heckler [full view]
Perishable Press on Ubuntu Firefox
Firefox 3.0.3 on Ubuntu Linux 8.04.1 (full page) by Aldo [full view]
Perishable Press on Ubuntu Firefox
Firefox 3.0.3 on Ubuntu 8.04 Linux (full screen) by lazar [full view]
Perishable Press on Ubuntu Firefox
Firefox 3.0.3 on Ubuntu 8.04 Linux by lazar [full view]

Linux Kubuntu

Perishable Press on Kubuntu Firefox
Firefox 2.0.0.17 on Linux on Kubuntu 7.10 by ALtJ [full view]
Perishable Press on Kubuntu Konqueror
Konqueror 3.5.8 on Linux on Kubuntu 7.10 by ALtJ [full view]

Windows 98 & 2000

Perishable Press on Windows 2000 Opera
Opera 9.52 on Windows 2000 (1024×768) by Jeff Morris [full view]
Perishable Press on Windows 98se Opera
Opera 9.52 on Windows 98se (1024×768) by Jeff Morris [full view]
Perishable Press on Windows 98se Firefox
Firefox 2.0.0.6 on Windows 98se (1024×768) by Jeff Starr [full view]
Perishable Press on Windows 98se Opera
Opera 8.54 on Windows 98se (1024×768) by Jeff Starr [full view]
Perishable Press on Windows Internet Explorer
Internet Explorer 6.0.2600 on Windows 98se (1024×768) by Jeff Starr [full view]

Windows Vista

Perishable Press on Vista Chrome
Google Chrome on Windows Vista Ultimate 64bit (full-screen @ 1600×1200) (alt view) by Matthias Kretschmann [full view]
Perishable Press on Vista Firefox
Firefox 3.0.3 on Windows Vista Ultimate 64bit (full-screen @ 1600×1200) (alt view) by Matthias Kretschmann [full view]
Perishable Press on Vista Internet Explorer
Internet Explorer 7 on Windows Vista Ultimate 64bit (full-screen @ 1600×1200) (alt view) by Matthias Kretschmann [full view]
Perishable Press on Vista Opera
Opera 9.52 on Windows Vista Ultimate 64bit (full-screen @ 1600×1200) (alt view) by Matthias Kretschmann [full view]
Perishable Press on Vista Safari
Safari 3.1.2 on Windows Vista Ultimate 64bit (full-screen @ 1600×1200) (alt view) by Matthias Kretschmann [full view]

Windows XP

Perishable on Windows Safari
Safari 3.1.1 on Windows XP SP3 (1024×768) by Jeff Morris [full view]
Perishable Press on Windows Firefox
Firefox 3.0.3 on WinXP Media Center SP3 (1280×800, full page) by Nyx [full view]
Perishable Press on Windows K-Meleon
K-Meleon 1.5.0 on Windows XP (1280×1024) by nukeit [full view]
Perishable Press on Windows Firefox
Firefox 3.1b1pre (CE build) on Windows XP (1280×1024) by nukeit [full view]
Perishable Press on Windows Firefox
Firefox 3.0.3 on Windows XP (1280×1024 – full page) by nukeit [full view]
Perishable Press on Windows L.Y.N.X
L.Y.N.X 2.5.8 on Windows XP SP3 by Johann Jacobsohn [full view]
Perishable Press on Windows Minefield
Minefield 3.b1pre on Windows XP SP3 by Johann Jacobsohn [full view]
Perishable Press on Windows Safari
Safari on Windows XP SP3 by Jordan Ogren [full view]
Perishable Press on Windows Chrome
Google Chrome beta on Windows XP (1680×1050) by Joshua Richardson [full view]
Perishable Press on Windows Internet Explorer
Internet Explorer 8 beta on Windows XP (1680×1050) by Joshua Richardson [full view]
Perishable Press on Windows Firefox
Firefox 3.0.3 on Windows XP (1680×1050) by Joshua Richardson [full view]
Perishable Press on Windows Internet Explorer
IE 8 beta 2 on Win XP Pro SP3 (JavaScript disabled) by Myra R [full view]
Perishable Press on Windows Firefox
Firefox 3.0.3 on Windows XP Pro SP3 (JavaScript disabled) by Myra R [full view]
Perishable Press on Windows Chrome
Google Chrome on Windows XP by Mateo Yadarola [full view]
Perishable Press on Windows Firefox
Firefox 3.0 on Windows XP by Mateo Yadarola [full view]
Perishable Press on Windows Internet Explorer
Internet Explorer 8 on Windows XP by Mateo Yadarola [full view]
Perishable Press on Windows Opera
Opera 9.5 on Windows XP by Mateo Yadarola [full view]
Perishable Press on Windows Safari
Safari on Windows XP by Mateo Yadarola [full view]

Thank you!

Many thanks to every who helped by sending in their screenshots! Cheers! :)

Note: please contact me with any corrections regarding the screenshots and technical information presented in this article. Thanks!

1 That is, as many browsers as possible except old versions of IE. [ ^ ]

Jeff Starr
About the Author Jeff Starr = Fullstack Developer. Book Author. Teacher. Human Being.
Archives
15 responses
  1. Jeff Starr

    Hi KeeKee, Thanks for the feedback! I know the site’s appearance is heavy on the eyes (too busy, too dark, etc.), and so I have set aside some time this week to work on improving some of these usability issues. Until now, I had been thinking about improving readability by increasing the opacity of the content panels, but now thanks to your comment I may also try toning the background image itself down a notch or two. Thanks for the excellent advice ;)

  2. Paul Walker October 12, 2008 @ 1:33 pm

    @Jeff Star

    Mac OS fails badly when it comes to light on dark text, its sub pixel rendering was clearly optimised for dark on white. That’s why the texts looks rather bold/awful on the OS X screenshots. There are ways to stop OS X using subpixel rendering for your site, such as setting text-shadow to #000 0 0 0. Minorly hacky, but it helps.

    OS X will still render the text thicker than windows, but this is because windows itself renders fonts thinner than they are, at small sizes (it tries to make strokes exactly 1 px in width, when most fonts are over that at this size).

  3. Jeff Starr

    @Paul: I was unfamiliar with the text-shadow trick.. I will definitely be trying it out. Hopefully it will provide some relief. Does it affect text-rendering on all Mac browsers, or just Safari? I am so used to looking at Windows-rendered fonts that Mac rendering always frustrates me. I would simply make the fonts smaller, but then there are other issues.. In any case, thanks for the tip!

[ Comments are closed for this post ]