For years web developers have used hacks, sweat and black magic to bend HTML and CSS into submission and now with Internet Explorer 9 F12 Developer Tools it just got a whole lot easier. In this session you will discover how you can use the new F12 Developer Tools to solve the most mysterious client side web development problems, fix compatibility issues and increase site performance. Using live demos we will investigate and experiment with the tools to demystify the inner behaviors of the browser, giving you the skills you need to build better websites.
The video of this talk is here: http://channel9.msdn.com/events/mix/mix11/HTM18
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Hacking with the IE F12 developer tools
1.
2. Hacking with the F12 Developer Tools Martin Beeby Microsoft UK @thebeebs #MIXF12
3. Just Press F12 By Default the tools are loaded in at the bottom Press Ctrl+P to unpin and open in a separate window
4. Selecting Elements You can inspect elements by clicking with the arrow Navigating through the HTML You can make edits to the page as you wish Most importantly you can save up any changes. Change rendering engine
28. Tweeking that CSS You can see how elements are inherited and overidden You can switch rules off You can change rules If you want you can even edit the base style sheet. Of course you can save it too You can change numerical values by using the arrow keys