Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

How to find the css, color codes and other coding a site uses

How to find the css, color codes and other coding a site uses

Problem

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.

Thanks, Norman

Problem courtesy of: Norman

Solution

Developer Tools

If you are using Chrome, Safari, Opera, IE8+ they come with Developer Tools and HTML/CSS Inspector option.

Firebug

If you use Firefox, you can go with Firebug:

  • Inspect HTML and modify style and layout in real-time
  • Use the most advanced JavaScript debugger available for any browser
  • 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.

Web Developer

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.

Solution courtesy of: Blaster

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

How to find the css, color codes and other coding a site uses

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×