firebug for chrome?

Good vibe about chrome dev tools

webkit webinspector

Search for: webkit webinspector

CTRL-SHIFT-I: invoke the Chrome dev tools

This is like firebug for chrome


Fix CSS
Degug Javascript
Mature the webpage

inspect elements
edit css for an element
see what file the css is coming from
ctrl-space for prompts while editing
See the new css in the file
save the file as

this is like eclipse context sensitive magic

Understand and use 'hsl' for color gradients

Search for: Understand and use 'hsl' for color gradients

use console.log where it makes sense

There is a whole command line firebug api

Search for: There is a whole command line firebug api

what is clojure hoverguard?

Search for: what is clojure hoverguard?


Resource view/ source code
Intercept events
Intercept DOM updates
Intercept recorded execution timeline

Pretty print of javascript/css

json pretty print

Chrome devtools home page

Search for: Chrome devtools home page

Here is the homepage apparently

https://developers.google.com/chrome-developer-tools/