Category: Web Dev Tips

If you haven’t figured this out yet — WSL is awesome! It gives Windows based developers the full power to use all the modern dev tools you need. If you haven’t installed and set it up — do that right now, for all the reasons I’ve previously outlined. Also, if you choose to use Ubuntu as your Linux distro, then I suggest customizing your terminal to match the default Ubuntu look. If you are a WordPress developer, one of the key advantages of WSL is it means you can utilize the full power of WP-CLI. As noted in the WP-CLI installation details, there is limited support for Windows. This is correct, but also incorrect, because if… Read more »

Right away, just a note that this tutorial of course assumes you’ve already installed WSL on your Windows 10 machine. Also, another note, this is not a fancy polished tutorial. We’re not going to have a bunch of screenshots, instead just info you need to get the job done. With that out of the way, let’s go… STEP 1 – Initial prep work First, make sure you are running Ubuntu 18 not Ubuntu 16 using this command: lsb_release -a If you aren’t on Ubuntu 18, you’ll need to either install the Ubuntu 18 app or if you are using the general Ubuntu app, you have to use this command to upgrade: sudo do-release-upgrade. More details… Read more »

Before we start, if you’re wondering the relation of this post to the header image, basically, that’s how I felt when I finally figured this out, after a long long time of trying and failing. Hopefully you will feel the same jubilation! Anyway, let’s dig right into this… Judging by what I’ve seen on the web, there seems to be a lot of people struggling with how to setup proper SSL/HTTPS on their local dev setup in Windows. A lot of information that I came across was either out of date or incorrect, so I’m hoping this clears that up as well. Worst of all, where good help is posted online, it is for Mac… Read more »

Windows users you can now have your Linux cake and eat it too. Wait, does that even make sense? Well, what matters is this….. With the oddly named feature — Windows Subsystem for Linux (WSL) you can now simply run Linux on your Windows machine. This is huge news. Huge. News. This is one big thing that I think caused a lot of devs to use Mac’s. However, now with WSL, Windows has all the Linux power that Mac has. Best of all, with the most recent update of Windows (Oct 2017), you can nicely contain your Linux install as a Windows app (ie. Ubuntu is an app). I won’t detail how to install and… Read more »

What am I talking about? It’s a tough one to describe, and potentially a tough one to code. (I’m happy to hear suggestions for what this could instead be called.) But it’s something I’ve seen a few times in various website designs, yet thus far have not found any one else online posting another way to do this. The issue could be that no one knows how to describe it, so it’s listed under all sorts of different titles across the “interwebs”. Who knows! Either way, let’s get into this thing. First things first, we need a picture to describe the issue, so here it is: This what the desired design outcome our good friends… Read more »

Custom WP_query and Pagination

Web Dev Tips

I posted this information below a few years back on Stack Overflow. It continues to be popular, so I’m adding the same information here… Feel free to upvote the answer if it works for you. 🙂 Unfortunately, to this day there isn’t a lot of good information about pagination with a custom post type wp_query. It’s very surprising considering the endless uses for custom post types (CPT) and how long they have been part of WordPress. Additionally, a lot of the information out there about this topic is unclear or in my opinion not the best advice. Anyway, moving on, I am here today to hopefully help someone out with this. There are 3 ways… Read more »

Yes, the waters are bit muddy on this one. For years, web developers pretty much used float for EVERYTHING. Well, for everything layout that is. Sure, you started to see some inline-block creeping in, nevertheless, floats dominated for a long long time. But recently the proper CSS tools and browser support for non-hacky layout have been available. Specifically, we are talking Flexbox and CSS Grid Layout. So now it almost feels like you shouldn’t float anything, again, ever. Float now has the rep of being bad and old school! However, once you get over your post-traumatic float layout issues, you come to realise floats in themselves are not evil or bad — IF they are… Read more »