CategoryDevelopment

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.

Keeping WordPress post types code clean with simple classes

My previous screencast for developers went down pretty well. I had some constructive feedback about it. And at the end of the last screencast I hinted at something useful that I do in my code that might be useful to others.

So, partly with the aim of just “having another go”, to see if I can improve this style of teaching, and partly because I felt that I had something else useful to teach, I’ve made a video that explains how I use some simple object oriented classes to make my code for querying post types cleaner, simpler, more re-usable, and easier to understand and maintain.

In response to feedback on the previous developer video, I’ve tried to make the screen and text appear bigger, and I’ve tried to fix the problem of keyboard noise – it’s not quite gone but should be better.

Here’s the video. Useful links are below. ¬†Feedback is, again, welcome.

Useful links

WordPress Loops and Queries – A guide for developers

This video is a screencast for WordPress developers describing the different types of WordPress loops and queries:

  • WP_Query
  • query_posts
  • get_posts

I outline the different uses, show code examples, explain the pros and cons and so on.

 

Confession: this was a bit of an excuse to try out some recording kit and to try doing a more in-depth screencast tutorial. It’s a bit long and rambling (despite editing) and far from perfect, but isn’t so bad for a first go at this kind of thing. Do let me know what you think!

© 2018 Press Ups

Theme by Anders NorénUp ↑