Showing posts filed under: How To

Tutorial: Using Gulp with htmlprocess and concatenate

Feature image

I’ve been teaching myself Gulp recently. I found the basics easy to pick up. Although I didn’t consider myself a Grunt expert, I’d taught myself Grunt previously and that helped with me with Gulp.Before we go further, check out the GitHub repository that contains the finished example project we’ll go over here: https://github.com/johnfmorton/using-gulp-htmlprocess-exampleOne thing I have seen in both Grunt and Gulp workflows I’ve used from... + read on

How to use HandBrake’s queue feature to convert multiple videos.

You like videos, right? Then you’re probably familiar with HandBrake, the open source video conversion tool. Encoding a single file is pretty straightforward, but the program has the ability to set up a cue and go through a bunch of shows while you are away from your computer. Here’s a quick video walkthrough on how to use this feature I put together for a friend.

Helper bookmarklet to refresh any web page for “capturing” a live video or audio stream.

Feature image

Animated GIF of the bookmarklet in action.

I was not going to be near my computer for a recent live webcast I really wanted to watch; unfortunately the event was also not being archived by the site. Live viewing was the only option unless I could capture the stream for watching the next day.Luckily there are a variety of tools for stream capturing. Two that I use and recommend are Jaksta for video and audio and Audio Hijack Pro for audio only. (For why I use Audio Hijack Pro for audio... + read on

Automate daily database backups with crontab and SFTP and be the master your domain.

Feature image

I can do that, Dave.

I recently worked on a site which saved data in it’s local database which needed to be collected and sent each day to a remote server via SFTP for analysis. Needless to say, I didn’t want to manually do this process every day, but I had never fully explored cron jobs, so I had to teach myself about cron jobs while I figured out the problem at hand. Here’s how I ended up automating the job.Your friend, the command lineI built the Ubuntu... + read on

Google Analytics, Ghostery, and Event Tracking

At the time I write this post, Google Analytics has a new version in beta called “Universal Analytics”. It’s basically Google Analytics version 3. This means that code you may have relied on during the version 2 of Google analytics may no longer work.Google suggests that all new projects moved to version 3 now. It does offer “real time” analytics, so you can see who is on your site at that very moment. That’s pretty cool.If you want just the... + read on

Making MAMP Pro domain names resolve in VMWare Fusion

I use MAMP Pro quite often to develop locally on my Mac. Getting VMWare Fusion to recognize my host names require jumping through a few hoops, but getting it working is key to getting my work done.Here’s how I do it.Set up MAMP ProUnder Server, I set up my MAMP server to run on the default ports: Apache 80 and MySQL: 3306. Running Apache/MySQL as user can be set to either setting.Under Hosts, I make my Server Name be whatever I’m... + read on

Lessons learned in ExpressionEngine add-on development

Feature image

In January I released the first commercial add-on I’d developed for ExpressionEngine. It’s called Pic Puller and it helps an ExpressionEngine developer create and integrate an Instagram application into his or her site.This post isn’t meant to get you to go buy a copy of the Pic Puller add-on. (Granted, I won’t stop you either.) Rather, it’s a personal journal of my process of making it and what I’ve learned along the way. It may be a bit... + read on

Expression Engine Addon: Conditional TrunchHTML

Feature image

I've been working on an Expression Engine site recently where I needed to truncate some HTML to fit within a certain sized space.I've done similar truncations tasks before, right here on the SuperGeekery home page, with Oliver Heine's handy TruncHTML. I use it in combination with my own SuperGeekery Tagstripper to selectively strip out some of the HTML tags. (On a side note, it looks like Hacksaw has now combined these functions to some extent... + read on

Auto Print an HTML Page

Feature image

I recently worked on a project for a client who wanted to allow a user to view and print a number of recipes directly from a Flash banner. There were all the other ways of interacting with the recipes as well, like emailing, sharing on Facebook, and sharing on Twitter. (I don't go into those other thing in this post, but you can find me talking about how to do things like that elsewhere on SuperGeekery.)Additionally, the client wanted these... + read on

Untangling MX: Setting up DNS records for a web site with different mail server.

Feature image

Image by Ryan Alexander

I recently had to set up an MX record for a client and although I’ve set them up before, it suddenly made sense to me in a way that it hadn’t before. Perhaps my story will help someone else have a similar epiphany.Basic name server set up.My client had their site and their mail all handled by the same serving company. This meant their name server records were basic. There were 3 entries and that was it. All traffic to their domain used the... + read on