Web Design Brisbane

Get a Quote

  • MyNextWine.com.au Mobile Website
  • Growlogic website brochure
  • Ecommerce Brisbane for eSuckle
  • WordPress website for RMA Engineers
  • Web Design Brisbane for Karalee State School

Bookmarklet to Inject Yahoo Reset CSS into any Page

Posted in Troubleshooting, web design brisbane, Web Development on June 9th, 2009 by madhava

Like any CSS Sushi Chef worth his Shio, you should be using a Reset CSS style sheet to bring all your browsers into line before you carve out your tasty styles.

However sometimes when debugging someone elses work which might not have a Reset CSS stylesheet, you might find yourself taking a few stabs in Firebug to see what could be the cause of their CSS woes.

This can be slow guess work looking through the DOM Tree finding the culprits, or you might be trying to find the problem in another browser such as IE-vil.

This little bookmarklet will inject the Yahoo Reset CSS into the page your on. Making any further guesses or adjustments you make less likely to be related to some default margin issues.

Drag this link into your bookmarks -> Yahoo Reset CSS Bookmarklet


Javascript:
	   (function (){
	     document.body.innerHTML += '<link rel="stylesheet" type="text/css"
	     href="http://yui.yahooapis.com/2.7.0/build/reset/reset-min.css">';
	     })();

Related posts:

Fixed vs Liquid Layouts
How to get the Web 2.0 Look and Feel
iPhone Mobile Css Gallery Listing & iOS Inspirat...
On the 12th day of Christmas, Google gave to me

Leave a Reply