Paul Irish, Pavel Feldman You’re an experienced web developer but new to Chrome Dev Tools’ nuances? Get up to speed on all the newest features of a web app developer’s best friend. Update…
Google I/O 2011: Chrome Dev Tools Reloaded
Clickbank Market Place
Find your Favorite Products
Now this is cool…
See Paul Irish demonstrate Chrome’s newest Developer Tools update. Goodbye
Firebug, this stuff is amazing.
I knew Chrome dev tools were great but I had no idea how great until I
watched this video.
Been using Chrome DevTools quite a while now, but learnt loads from this
video.
So many more great (and simple) features I hadn’t realised were there
Old cast, but informative. Learned a few important things, like for example
how to save changes you do to a document in web inspector.
+Peter Thorin +Per Liedman +Christopher Fredén +Daniel Garcia
I know I’m late, but these updated chrome dev tools are soooo sweet!
#codinginthebrowser
Chrome Dev tools, reloaded (via Francis Turmel). So useful.
Recommended video for web developers using chrome as development tools
I watched a +Paul Irish do a talk about this at jQuery San Fran this year,
but this was a really good watch as a refresher.
I saw this couple of days ago, useful info.
*Chrome Developer tools tricks*
I was just watching this video of +Paul Irish and Pavel Feldman about
Chrome dev tools. They outline some very interesting stuff here.
*$0* === *get currently selected element*
If you select an element (by double clicking in the page) and then write
this code in console:
var el = $0;
you will get HTML DOM element in your *el* variable. This is very handy
especially if you dissect sites without your preferred Javascript library
(jQuery being my cup if tea) where you have your selectors at your disposal.
This trick can help you do some direct interaction with selected element
*fast*.
nice vid on chrome dev tools, for any programmers out there.
A pretty cool run-through of Chrome Dev Tools by +Paul Irish from Google
I/O 2011
I’ve never given it a proper go, and keep defaulting to Firebug. cc +Tim
MacKay +Deep Design
Had no idea you could do this…
“Upon an external style sheet rule modification, the respective resource
text is updated in the Resources panel, and the revision history is stored
for such style sheet resources until the DevTools window is closed.”
Google I/O 2011: Chrome Dev Tools Reloaded
If you are teaching web applications, a powerful element inspection tool,
JavaScript debugger and tools for manipulating the CSS are really useful.
In the past I’ve always used Firebug on Firefox but as this demonstration
from Goggle IO 2011 shows, the developer tools in Chrome (and potentially
other WebKit browsers) are becoming very powerful as well.
Of course, web developers can make use of these tools as well.
“Google Chrome Developer Tools” THE BEST feature of Chrome…
I missed this talk at IO, but there are some fantastic web development tool
demos in here
Chrome Dev tools, reloaded (via Francis Turmel). So useful.