Back to: Home
Previous Post: 2008 DESIGN TRENDS
Next Post: PHOTOSHOP: HAND DRAWN DESIGN
HOW DOES YOUR BLOG REALLY LOOK?
By admin | June 19, 2008
Topics: Blogging | No Comments »
Image by We every think we undergo how our blogs look. We countenance at them everyday. We rush up our computers, blast up the application and...
Wait. What scheme application are we using? And is it modify a computer?
Firefox or cyberspace Explorer? PC or Mac? Windows or Linux? Desktop or handheld? iPhone or PS3?
There are a aggregation of possibilities, but whatever are more essential than others. This is the visit that I would propose investigating them in, and how do the test.
Start Off Easy - Standards Browsers
Even if you ingest cyberspace Explorer (IE) for lawful browsing, I propose that you start in digit of the another browsers.
IE's analyse of the tender module countenance assorted to Firefox's, and to IE's credit, it is much easier to attain a connector for IE than for Firefox.
- Download (And I propose the as well. Endlessly helpful!)
- Download .
- Download (There is a Windows version).
When your tender looks correct in Firefox (Or either of the others), then 99% of the time, it module countenance correct in the another 2 as well. Three of the quaternary field browsers done.
Prepare for A Headache - IE6 and 7
NB - I'm a Windoze Windows user, so I exclusive undergo how to try IE on Windows. If you undergo how to do it for Mac or Linux, pleases permit me undergo in the comments! Sorry.
Update: For UNIX users, essay . Thanks !
For Mac users, essay . Thanks !
By default, it isn't doable to separate both IE6 and IE7 on the aforementioned computer. However, with ,it's easy.
IETester crapper be utilised to test both IE7 and IE6 on Vista and XP (As substantially as IE8 and IE5.5, if you poverty those as well). Download it for liberated from .
Work on IE7 first. It module be the easier of the digit to cipher problems for. When that's done, advise onto IE6.
To attain debugging easy, to give apiece edition of IE its possess stylesheet (Or its possess rules exclusive your lawful stylesheet).
Getting Mobile - Opera
To try how your journal looks in a ambulatory environment, the easiest artefact is to alluviation up the tender in , and press Shift+F11.
You module today wager your tender as it would be if rendered by Opera on a mobile. You crapper change this attendance by creating a ambulatory stylesheet.
e.g. for WordPress users with a handheld.css in their thought folder:
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/handheld.css" type="text/css" media="handheld" />
The Fun One - iPhone
If you're a Mac user, you crapper download the liberated from Apple, which includes a rank iPhone simulator.
If you're a PC user, you're inferior lucky. Sites same and verify to emulate the experience, but they do a slummy job.
They both ascent in to 100% view, leaving a aggregation of plumb and flat scrolling (On the iPhone, the tender is zoomed discover by default, so the full breadth fits on the screen). They also exhibit a fault for the scenery ikon of this place at least, but the fault does not materialize when using my iPod Touch.
If anyone knows of a meliorate Windows iPhone emulator, gratify permit us know.
In the meantime, if you poverty the pact of nous of lettered that your place entireness on the iPhone, drop your unification in the comments and I'll analyse it discover for you.
Drawing the Line
There are some more browsers discover there. , , . However, most of them won't be worth the try of debugging for, unless you hit instance on your hands.
Use your scheme analytics information to find discover which browsers are existence utilised on your site. In Google Analytics, go to Visitors > Browser Capabilities > Browsers and OS. Then attain trusty your journal entireness dead on these, and substantially sufficiency on the others.
What browsers hit you proven your journal on?
()
