Tagdevtools

Web Browser Dev Tools Part 3: The Network tab and testing slow pages

I’m back from the Christmas break! Happy new year to you.

In this video I introduce you to the Network tab in dev tools. You can use this to analyse slow-loading pages, locate images that might need to be optimised, see what scripts and styles are being loaded, and, if you’re more advanced, see and analyse the HTTP requests that are being made.

Web Browser Dev Tools Part 2: Inspecting pages

In the second part of my series on using dev tools, I look at how you can dive into your HTML, view it, see how it appears on screen and modify it. You can edit and add classes and hover states (and CSS, but that’s for a later video).

Web Browser Dev Tools Part 1: mobile website testing

Did you know that inside your browser is a magical toolbox called “Developer Tools”? Well there is, and it’s full of things that are useful to even non-web-developers.

I’m starting a little series on using developer tools, and starting by showing you how you can use “dev tools” to test your websites on different screen sizes and emulate mobile devices.

© 2018 Press Ups

Theme by Anders NorénUp ↑