WCAG Contrast checker. Firefox Add-ons. The Relationship Between Firebug and Mozilla Developer Tools « devtools. As manager of Mozilla’s Developer Tools team, people keep asking me about how our work relates to the Firebug project.
It has even come up in a tweet, but this is not really a 140 character kind of question. Johnathan discussed this a year ago, and what he says there still applies today. I wanted to provide some more thoughts on this topic since we’ve been ramping up our developer tools efforts and this will be very evident in coming releases. Firebug is an awesome project. FireCSS - See CSS edits in all browsers. David Baron's weblog: Improving font size readability on Firefox for Android. Web browsers on smartphones display Web pages in a way designed to handle Web pages that were designed for desktop or laptop computers.
Instead of laying out the Web page at the width of the phone, smartphone browsers lay out the page on a canvas that's typically somewhere between 800 and 1000 pixels wide, then zoom that canvas out so that its width initially matches the width of the phone, and then allow the user to pan and zoom around using multitouch (and other) user interface. This means the user can't necessarily read the text when the page is initially displayed, but can zoom in to read it. Pixel Perfect. Firediff - incaseofstairs. Firediff is a Firebug extension that tracks changes to a pages DOM and CSS.
Change Tracking Change Tracking Screenshot Firediff implements a change monitor that records all of the changes made by firebug and the application itself to CSS and the DOM. This provides insight into the functionality of the application as well as provide a record of the changes that were required to debug and tweak the page’s display. Firebug.