26 Jul '11, 4pm

Nice little tip: How to Examine CSS :active and :hover States in Firebug

Nice little tip: How to Examine CSS :active and :hover States in Firebug

Hands up all those using Firebug . Of course you are. It’d be madness not to. Despite using Firebug almost every day for 5 years, I’m still finding new features and widgets. Here’s one you may have missed… When inspecting links, Firebug shows the default CSS state, i.e. styles applied to a:link. By default, the :hover and :active styles are not shown. Fortunately, you can change the state of the link by clicking Style and choosing the appropriate option: The CSS for the :hover and/or :active states will magically appear in the console. The feature is incredibly useful — especially if you’re debugging complex CSS drop-down menus or other effects. Currently, Firebug is the only developer console to support it, although the feature has been added to nightly builds of the webkit inspector. It’ll eventually appear in Chrome and Safari. Opera’s Dragonfly console is slightly diff...

Full article: http://www.sitepoint.com/firebug-css-active-hover-states/

Tweets

Get involved in our new campaign and help our k...

sustrans.org.uk 27 Jul '11, 10am

Beth yw’r atgofion sydd gennych o’ch plentyndod sy’n dod â gwên i’ch wyneb? Reidio eich beic, archwilio mannau newydd ac a...