The days of looking at an area on a web page and guessing the pixel dimensions or color are over! Well, at least if you have a few tools and use Firefox. I like IE, but Firefox has largely replaced it for my day to day usage primarily due to the customization and tools available for Firefox.
Here are a few add-ins that I find to be very helpful for web development and hacking my blogs or other web properties I use.
- The eye dropper utility.
- This is a great little widget that gives you an eye dropper in the bottom of your status bar. If you click the eye dropper, you can identify the color of any area on your page in RGB or Hex.
- Get it at https://addons.mozilla.org/firefox/271
- The measure it utility.
- This add-in gives you a little ruler in the status bar that you can click to get a measurement overlay giving you precise pixel dimensions of any screen area. Great for measuring that new page element location or footer area and so on.
- Get it at https://https://addons.mozilla.org/firefox/539/
- Web Developer
- As described by CW: "Web Developer is another virtual Swiss Army Knife for coding. There's some overlap with Firebug, but where Firebug concerns itself almost exclusively with the content of a Web page, Web Developer offers tools to tweak how you're interacting with the page." I like this integration with the tool bar and the ability to work with CSS in particular.
- Get it at https://addons.mozilla.org/firefox/60/
No comments:
Post a Comment