Firehose of Information with Browser-Based Developer Tools

Browser based developer tools have become an indispensable tool for modern front-end web development. New features and changes are being added at a rapid pace, and keeping up with all of the changes is difficult, but well worth it!

In this presentation, We will walk through the tricks of the trade including Chrome developer tools, Firefox and Safari.

I’ll walk through common problems and how to solve them including

  • Integrating DevTools into your modern front-end workflow
  • Modern front-end debugging techniques using browser-based developer tools
  • Identifying front-end performance problems (and fixing them!)
  • Profiling browser rendering issues
  • Making sure your CSS is resilient to content-based changes
  • How this all relates to Drupal
  • Using browser based developer tools to remotely debug your smartphone - both Android and iOS
  • Various tips and tricks that will save you hours in your next project

Best of all, this will all be covered through the use of real-world examples.

This presentation will be mostly live real world examples (with a minimum of slides). To get the most out of it, I assume that you have very basic familiarity with the browser, and are familiar with HTML, CSS, and JavaScript.


60 minutes
Speaker(s): Michael Herchel Time: July 29th - CAMP 1:15pm-2:10pm Room: Room 215 Track: Front End