DrupalCon New Orleans 2016: Debugging, Profiling, & Rocking Out with Browser-Based Developer Tools!

May 12, 2016

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, I’ll walk the attendees through the tricks of the trade of Chrome developer tools, in addition to Firefox and Safari’s developer tools. 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
Common add-ins
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
And 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 browser, and are familiar with HTML, CSS, and JavaScript.

Hi! I'm Karim Boudjema, the developer and site-builder of this site. I'm currently working as a freelance Drupal developer.

I was wondering how could I giving back to the Drupal community all what it gave to me during the last 10 years, that's how the idea of this site came to me ... (read more)

Hi! I’m Santiago Rico, the web designer and themer of this site.

When Karim proposed me to design and theme this site for the Drupal community, I accepted immediately because the community is the main reason why I love Drupal so much.