SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Addict
    Join Date
    Jul 2009
    Posts
    221
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Any Chrome extension out there that shows CSS properties simply by hovering?

    I used to use the inspect, click then view the css properties.

    Well, its fine for development, but sometimes, I just want to see how others built their site.
    It becomes a hassles to hover, click and view.

    I think FF's firebug as a popout box that shows CSS properties as you mouse over them.

    But I don't really use FF anymore other then compatibility check.

    Wondering if any of you guys happened to see an Chrome extension of such kind?

    Web developer and pendulum doesn't have this function.

  2. #2
    SitePoint Evangelist
    Join Date
    Jun 2008
    Posts
    455
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I don't know if you've come across this but Chrome has a build in developer console which will show you the CSS, etc.
    It's not on hover, but if you right-click on the HTML element you're interested in and select inspect element it'll give you the CSS and the markup, etc.

    Hope that helps.

  3. #3
    Hosting Team Leader silver trophybronze trophy
    cpradio's Avatar
    Join Date
    Jun 2002
    Location
    Ohio
    Posts
    5,169
    Mentioned
    153 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by resting View Post
    I used to use the inspect, click then view the css properties.

    Well, its fine for development, but sometimes, I just want to see how others built their site.
    It becomes a hassles to hover, click and view.

    I think FF's firebug as a popout box that shows CSS properties as you mouse over them.

    But I don't really use FF anymore other then compatibility check.

    Wondering if any of you guys happened to see an Chrome extension of such kind?

    Web developer and pendulum doesn't have this function.
    This is built in, open Chrome, press F12, make sure you are on the Elements section (top toolbar), then click the magnifying glass in the status bar, hover over any element you want to look at closer.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •