Press "Enter" to skip to content

Category: Tutorials

Setting up ngrok and VVV to share your local WordPress environment with the world

If you build WordPress sites, chances are you either know about VVV or are using it. If not, go ahead and get it set up! It is (in my opinion) the best way to handle local site development. Forget MAMP- the future is now.

Alright, enough about that. If you’re here it’s most likely because you want to share your local development environment quickly and easily. Well, you have come to the right place. I wrote another article on how to use ngrok and Vagrant together– this is the same thing.. but more updated and includes a necessary step for using it with Varying Vagrant Vagrants (VVV).

How to get email working with Vagrant and MailCatcher

Recently I needed to send emails locally. My local dev environment uses Vagrant, so I researched some options and tried installing MailCatcher. I was able to successfully install MailCatcher and run it locally, however I couldn’t access it from my host machine. If I used curl on my virtual machine I could see the HTML for MailCatcher, but trying to visit the same URL from my host machine would result in a never ending page load.

Fix for Vagrant not detecting existing VM

Recently, I had to restart my Vagrant to apply some changes. When I went to vagrant  up, a scary thing happened: vagrant started to download the entire box over again. Vagrant wasn’t detecting my existing box! Not only is this inconvenient if you have specific configurations you made to your Vagrant after the initial install, but it could be detrimental if you use Vagrant to hold your database and didn’t have a backup handy. Luckily, I was able to point Vagrant back in the right direction.

How to share your local dev environment using ngrok

Update 5-16-2015: I wrote a new article explaining How to get VVV and ngrok working


This one goes out to all you web developers out there. If you are developing sites, you are probably using version control & working locally (if you’re not- you should be). Your current workflow probably looks something like: make changes locally, push them to staging evnironment, test, push to live. Thats a perfectly good workflow.. for a solo developer.

How to create an input placeholder from a label with jQuery

Forms should be as intuitive and easy to fill out as possible. One way to help your users out is by placing your label helper text inside the input field, and hiding it when the user goes to use it. After following this tutorial, you’ll end up with is a nice solution to turn your boring old form labels into a more modern and intuitive form hint.