<?xml version="1.0" encoding="UTF-8"?> <rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
><channel><title>J. Pedro Ribeiro &#187; browser</title> <atom:link href="http://jpedroribeiro.com/tag/browser/feed/" rel="self" type="application/rss+xml" /><link>http://jpedroribeiro.com</link> <description>Brazilian web designer writing about design, photography, illustrations and his projects.</description> <lastBuildDate>Tue, 15 Jun 2010 16:33:39 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.0</generator> <item><title>Cross Browser Testing Resources</title><link>http://jpedroribeiro.com/2010/06/cross-browser-testing-resources/</link> <comments>http://jpedroribeiro.com/2010/06/cross-browser-testing-resources/#comments</comments> <pubDate>Tue, 15 Jun 2010 16:32:49 +0000</pubDate> <dc:creator>J. Pedro Ribeiro</dc:creator> <category><![CDATA[Resources]]></category> <category><![CDATA[browser]]></category> <category><![CDATA[front-end development]]></category><guid
isPermaLink="false">http://jpedroribeiro.com/?p=97</guid> <description><![CDATA[Following up on my article about using or not IE6, I&#8217;ve selected a few tools to help you test your website on different browsers. Most of them are free and very easy to use. As a front-end developer, your task is to make a design run smoothly on any kind of platform &#8211; In a [...]]]></description> <content:encoded><![CDATA[<div
class="image-preview"><a
href="http://jpedroribeiro.com/2010/06/cross-browser-testing-resources/"><img
title="Cross Browser Testing Resources" src="http://jpedroribeiro.com/wp-content/uploads/2010/06/cross-browser-testing-resources.jpg" border="0" alt="Cross Browser Testing Resources" /></a></div><p>Following up on my article about <a
href="http://jpedroribeiro.com/2009/10/why-should-i-care-about-ie6/">using or not IE6</a>, I&#8217;ve selected a few <strong>tools</strong> to help you test your website on different browsers. Most of them are free and very easy to use.</p><p><span
id="more-97"></span></p><p>As a <strong>front-end developer</strong>, your task is to make a <strong>design </strong>run smoothly on any kind of platform &#8211; In a perfect world maybe!<br
/> We know how most devices and softwares have limitations (or the project&#8217;s budget) so what we must is to assure we do our best to maintain a good user experience. Also, websites don&#8217;t need to look exactly the same in every browser, <a
href="http://dowebsitesneedtolookexactlythesameineverybrowser.com/" targer="blank">or do they</a>?</p><p>Since we can&#8217;t always install all <strong>browsers</strong> in all their versions we have to rely on third-party solutions to fill this gap. These tools are the ones I often use on my <strong>projects</strong>, so please feel free to suggest other resources or comment on these ones.</p><p
class="sub-sections"> <strong>IETester</strong></p><p><a
href="http://ietester.com/" target="blank"><img
src="http://jpedroribeiro.com/wp-content/uploads/2010/06/ietester.png" alt="IETester" title="IETester" width="381" height="94" border="0" vspace="2" /></a><br
/> This software simulates all version of Internet Explorer from 5.5+. The latest version is more stable and is a great resource to compare IE versions.<br
/> <strong>Pros:</strong> Lightweight software, replaces IE in most cases. Multiple IE versions. Since it&#8217;s a simulator, allows you to click and browser your site.<br
/> <strong>Cons:</strong> Not much to say here, but I an occasional javascript error and still crashes sometimes.</p><p
class="sub-sections"> <strong>Browsershots</strong></p><p><a
href="http://browsershots.org/" target="blank"><img
src="http://jpedroribeiro.com/wp-content/uploads/2010/06/browsershots.png" alt="Browsershots" title="Browsershots" width="381" height="94" border="0" vspace="2" /></a><br
/> This website has probably all browsers and platforms you will need. Type your url and their system will use a network of computers to take a screenshot of your website in the spec you requested.<br
/> <strong>Pros:</strong> Huge range of browser types and OS&#8217;s.<br
/> <strong>Cons:</strong> Takes time to load all and you have a limit on how many times you can submit your site per day (unless you go premium). Can&#8217;t &#8220;browse&#8221; your site since it&#8217;s only a screenshot.</p><p
class="sub-sections"> <strong>Adobe Browserlabs</strong></p><p><a
href="https://browserlab.adobe.com" target="blank"><img
src="http://jpedroribeiro.com/wp-content/uploads/2010/06/browserlabs.png" alt="Adobe Browserlabs" title="Adobe Browserlabs" width="381" height="94" border="0" vspace="2" /></a><br
/> Browserlabs was cool when it was free but now it&#8217;s part of CS5, although you can still use it as trial version for a few more time. Like Browsershots, it only takes screenshots of your websites but has a lot of extra resources like onion skin option.<br
/> <strong>Pros:</strong> Great interface and easy to use.<br
/> <strong>Cons:</strong> Not free. Only screenshots.</p><p
class="sub-sections"> <strong>Spoon Browser Sandbox</strong></p><p><a
href="http://spoon.net/browsers/" target="blank"><img
src="http://jpedroribeiro.com/wp-content/uploads/2010/06/spoon.png" alt="Spoon Browser Sandbox" title="Spoon Browser Sandbox" width="381" height="94" border="0" vspace="2" /></a><br
/> A plugin that runs on your browser and lets you to simulate several browsers, like IE6+, Chrome, Firefox, Safari and Opera.<br
/> <strong>Pros:</strong> Browsable resource.<br
/> <strong>Cons:</strong> Plugin sometimes takes a while to load.</p><p>Hope you enjoy these resources. Please leave a comment below!<br
/> Cheers!</p> ]]></content:encoded> <wfw:commentRss>http://jpedroribeiro.com/2010/06/cross-browser-testing-resources/feed/</wfw:commentRss> <slash:comments>8</slash:comments> </item> <item><title>Why Should I Care About IE6?</title><link>http://jpedroribeiro.com/2009/10/why-should-i-care-about-ie6/</link> <comments>http://jpedroribeiro.com/2009/10/why-should-i-care-about-ie6/#comments</comments> <pubDate>Tue, 27 Oct 2009 12:21:56 +0000</pubDate> <dc:creator>J. Pedro Ribeiro</dc:creator> <category><![CDATA[web design]]></category> <category><![CDATA[browser]]></category> <category><![CDATA[ie6]]></category> <category><![CDATA[statistics]]></category><guid
isPermaLink="false">http://jpedroribeiro.com/?p=81</guid> <description><![CDATA[Firefox, Chrome, Safari, Internet Explorer, Opera. Developing websites to match all these browsers is no easy job. And don&#8217;t even start talking about the different release versions. You can&#8217;t force your visitor to use a specific software but your budget is limited and you can&#8217;t create a whole new html for each one of them. [...]]]></description> <content:encoded><![CDATA[<div
class="image-preview"><a
href="http://jpedroribeiro.com/2009/10/why-should-i-care-about-ie6/"><img
src="http://jpedroribeiro.com/wp-content/uploads/2009/10/ie6-post.jpg" alt="ie6-post" title="ie6-post" width="644" height="188"  border="0" /></a></div><p>Firefox, Chrome, Safari, Internet Explorer, Opera. Developing websites to match all these <strong>browsers</strong> is no easy job. And don&#8217;t even start talking about the different release versions. You can&#8217;t force your <strong>visitor</strong> to use a specific software but your budget is limited and you can&#8217;t create a whole new html for each one of them.</p><p>Luckily the modern versions of these <strong>browsers</strong> are relatively compatible, one difference here, another there. Nothing that a separate stylesheet or a <a
href="http://developer.yahoo.com/yui/reset/">reset css</a> can&#8217;t solve. One of them, however, take this to the extreme. Yes, I am talking about the evil <strong>IE6</strong>.</p><p><span
id="more-81"></span></p><p
class="sub-sections"> <strong>Losing Support?</strong></p><p>IE6 is so full of bugs and <a
href="http://css-tricks.com/ie-css-bugs-thatll-get-you-every-time/">rendering problems</a> that several websites are not <strong>supporting</strong> it any more. <a
href="http://www.digg.com">Digg</a>, <a
href="http://www.youtube.com">Youtube</a>, <a
href="http://www.orkut.com.br">Orkut</a> and all <a
href="http://www.37signals.com">37 signals</a> products (Basecamp, Campfire&#8230;) just to name a few. <a
href="http://jpedroribeiro.com/about-me/">Personally</a> I don&#8217;t design for IE6 unless the <a
href="http://jpedroribeiro.com/portfolio/">client</a> specifically asks for it.</p><p
class="sub-sections"> <strong>To Do or Not To Do</strong></p><p>It is a tough decision to make, even tougher without the proper <strong>information</strong>. A good start is to analyse the <strong>average visitor</strong> of your (or your clients) website. Check their <strong>OS</strong>, <strong>browser software</strong> and work from there.</p><p>If a significant portion of the visitors have outdated browser then you might have no choice but to design for them. There are some information <a
href="http://www.sitepoint.com/blogs/2009/03/06/10-fixes-for-ie6-problems/">out there</a> that can help you with the most common issues.</p><p>In case you have no <strong>traffic data</strong> you can check generic worldwide statistics. <a
href="http://www.w3schools.com/browsers/browsers_stats.asp">W3C</a>, <a
href="http://gs.statcounter.com/">StatCounter</a> and <a
href="http://www.adtech.info/news/pr-04-01-2009_en.htm">ADTECH</a> (Europe) are a few places that display this information <strong>online</strong>. Be aware that these statistics represent a very wide audience that maybe don&#8217;t represent <strong>your</strong> audience. In this website for instance, less then 1% of my visitors use IE6. Mainly because this website`s targets are developers, designers and general web-savvy people.</p><p
class="sub-sections"> <strong>Happy End?</strong></p><p>According to <a
href="http://www.w3schools.com/browsers/browsers_stats.asp">W3Schools</a>, IE6 dropped 6% from January to September of this year. So lets be positive and one day we won&#8217;t have to <a
href="http://jpedroribeiro.com/2009/10/why-should-i-care-about-ie6/">bother</a> about this particular browser. I mean, even <strong>Microsoft </strong>launched a <a
href="http://arstechnica.com/microsoft/news/2009/09/microsoft-doubles-food-donations-for-ie6-to-ie8-upgrades.ars">campaign</a> to promote <strong>browser </strong>upgrade. Fingers crossed!</p> ]]></content:encoded> <wfw:commentRss>http://jpedroribeiro.com/2009/10/why-should-i-care-about-ie6/feed/</wfw:commentRss> <slash:comments>7</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (user agent is rejected)
Database Caching 2/13 queries in 0.013 seconds using disk

Served from: jpedroribeiro.com @ 2010-09-07 17:35:22 -->