<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d23884446\x26blogName\x3dJust+Another+Tech+Blog\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dSILVER\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttp://justanothertechblog.blogspot.com/search\x26blogLocale\x3den_US\x26v\x3d2\x26homepageUrl\x3dhttp://justanothertechblog.blogspot.com/\x26vt\x3d-8342903261382138056', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script>

Just Another Tech Blog

Anything and everything having to do with technology, computers, science, and most of all... Linux! The documentation of my Linux endeavor.



Cool Firefox Extension: Web Developer

Wednesday, January 24, 2007

Web Developer is an awesome Firefox Extension, aimed at... web developers. It comes in the form of a nice tool bar, and has an immense array of web developer tools and options. These tools include basics such as showing the CSS style sheet for a page and viewing the source of a page. However, there are also options that let you disable the CSS of a page, disable all images, display all "alt" attributes, find broken images, or outline images. A really cool feature is the "Outline" menu. Here, you can have the web developer extension outline various CSS or HTML properties, such as frames, headings, and tables. This is a really useful feature if you are learning web design. The most useful feature is probably the one that lets you actually edit/ change the CSS or HTML coding of a page. The page is then updated on your browser to display the changes. I, personally, learn best by dissecting and then editing code, and for others who learn the same way, this feature will be invaluable. Other features include a "Resize" option where you can resize the page to test out different resolutions (ie. 800x600), and a validation features which let you validate a page's CSS, HTML, Links, and more. Really good stuff.

The extension was created by Chris Pederick. Visit the extension's website @ chrispedrick.com. Or, get it through the Firefox extensions "database".





posted by linnerd40, Wednesday, January 24, 2007


2 Comments:

Really Good.

commented by Blogger Shankar Ganesh, 5:19 AM  

http://www.getfirebug.com

Firebug is another (very) useful web developer extension.

commented by Blogger Hugo, 4:38 PM  

Add a comment