How to find the css, color codes and other coding a site uses
How is it possible to find the css, color codes and other coding (width, height) a site uses for its buttons, backgrounds, text and other things?
What I'm trying to do here, is re-create the side buttons and search box and page width and background found on youtube.com. Is there an easy way to get the code youtube uses for these things? Is there a program or widget that'll let you do it? I've gone mad trying.
If you are using Chrome, Safari, Opera, IE8+ they come with Developer Tools and HTML/CSS Inspector option.
If you use Firefox, you can go with Firebug:
- Inspect HTML and modify style and layout in real-time
- Accurately analyze network usage and performance
- Extend Firebug and add features to make Firebug even more powerful
- Get the information you need to get it done with Firebug.
You can also go for Web Developr addon which works in Chrome as well as Firefox
The Web Developer extension adds various web developer tools to a browser. The extension is available for Firefox and Chrome, and will run on any platform that these browsers support including Windows, OS X and Linux.
This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here