How to delete merged branches on Git and GitHub

Recently at OneLogin we decided to prune and purge all merged branches in one of our large Git repos. Having never had to do this with more then a handful of branches, I had relied on the GitHub branches UI.

This UI is less than ideal when working with over about a dozen branches, so I started looking into scripts to help automate the process.

Continue Reading →

Mac OS X Tutorial - How To Fix "The operation can’t be completed because the item “***” is in use." error

Ever gotten this pestering error when trying to throw something away in Mac OS X? I even see this behavior persistent in OS X 10.9 Mavericks, the newest release. I believe it has something to do with Finder's quicklook function. While relaunching the Finder is always a solution, I wanted to present this terminal based solution as a faster alternative.

So, see this error? rmrf-tutorial

Continue Reading →

Adobe Illustrator Business Card Wireframe Template for Printing

I recently relocated to San Francisco, and with the never-ending supply of networking events I inevitably ran out of business cards and decided it was time for a new design.

Rather than writing a complex tutorial for how to create a print-ready wireframe for your cards, I thought I'd be nice and just give you the files. So, without further adieu, here's the Adobe Illustrator version of the wireframe I used:

Download Business Card Wireframe Templates

If you use these templates, or they help you in any way, please comment below and let me know what you used them for! Sharing is caring!

How to Properly Use HTML Input Elements with Label Elements in Forms

I still can't believe how many big-name websites neglect to use this wonderful bit of markup! Read this, and make it a habit. It's so easy!

Let's say we're marking up a contact form where visitors enter a bit of personal information, such as their name, sex, and which products they're interested in. I'll keep this stupid simple: when you're creating this form, there is a proper place to put the label for each input element. It's called the label element. Be sure to use the label element's for property, that way the label knows which input element it refers to.

The reason for going through this trouble rather than just using a <div> or a <span> element, is because the browser knows that if a <label> element with a for property is clicked that the corresponding input element should receive focus. Having the label AND the input element clickable makes for a much larger target to click on, making the human/computer interaction target more usable.

Continue Reading →