How to get peace between designers and web developers by using Firebug?
Posted in Design, Development by Claudiu Murariu | Tags: Design, Development, firefoxPixel Perfect is a firebug extension for Firefox that allows web developers to easily overlay a web composition over top of the developed html.
By toggling the composition on and off, the developer can visually see how many pixels they are off in development. Pixel Perfect also has an opacity option so that you can view the HTML below the composition. By being able to see both the composition and the HTML you can now simultaneously use Firebug while Pixel Perfect is still in action.
Here is a video showup of how the tool works… and believe me, by using this you can make sure there are not going to be anymore wars between design and development.
Other great Firebug extensions:
- YSlow – calculates loading times for a certain webpage
- ChromeBug – is Firebug for Chrome: XUL applications and their extensions.
- Firecookie is a an extension for Firebug that makes possible to view and manage cookies in your browser.
Author: Claudiu Murariu (2 Articles)
One Comment to “How to get peace between designers and web developers by using Firebug?”
Post comment
Sponsors
Recent Comments
- home improvement centers on Create a live-update list effect with jQuery
- metin2 yang on The SEO Series: Firefox for “Web Marketers”
- john on FancyPlayer Revisited – jQuery Fancybox and Flowplayer Complete Integration
- Steve on FancyPlayer – jQuery Fancybox and Flowplayer Integration Tutorial
- Steve on FancyPlayer Revisited – jQuery Fancybox and Flowplayer Complete Integration
Recent Posts
- Wordpress Plugin: Published Articles Since Last Visit
- FancyPlayer Revisited – jQuery Fancybox and Flowplayer Complete Integration
- The SEO Series: Firefox for “Web Marketers”
- The SEO series: HTML Header – SEO & usability
- FancyPlayer – jQuery Fancybox and Flowplayer Integration Tutorial
flickr Feed
Search by tags
Admin Template
adobe
Apache
AppServ
Color
CSS
CSS Sprites
Design
Development
Dreamweaver
fancyplayer
firefox
flash
Freebies
Google
high contrast
HTML
Icons
Inspiration
interface
JavaScript
jQuery
jQuery plugin
jQueryUI
lightweight tabs
List
mod_rewrite
MooTools
php
SEO
Tutorials
Typography
url on the fly
Usability
web 2.0
Web analytics
web apps
Web Marketing
WordPress
WordPress Plugin











lenen says:
BKR problemen? Nu Geld lenen zonder BKR toetsing? Op zoek naar betrouwbare aanbieders? Wij vergelijken banken die u toch kunnen helpen aan een betrouwbare