Recent Posts

Quick demo of the CSS Extractor for WordPress Comments

Below is a quick video that shows how the CSS Extractor tool can be used to quickly pull css classes from your site’s markup, specifically with the WordPress comments, that are generated dynamically.

Read the Full Article

jQuery clear onfocus function

I haven’t posted since I released the quick posts plugin, so I wanted to drop a little something that might be useful to other front-end guys. Have you ever clicked on a form, and it didn’t clear on focus? That’s annoying, so what I usually do is add onfocus="this.value='';", but t…

Read the Full Article

WordPress Plugin to Insert Multiple Pages / Posts at once: Quick Posts

NOTE: This plugin is currently broken. WordPress 3.3 broke it. I’m in the process of trying to figure out why, but I haven’t been able to make heads or tales of it yet. If you’d like to dig in to the code and fix it, feel free. If you do find a fix, send me the patch, and I’ll add your…

Read the Full Article

New Tool: CSS from HTML

This tool parses your HTML and pulls out your CSS classes and IDs. It then presents you with a css file download containing all classes and ids used in your markup. It’s helpful for creating handles in your CSS file, then manipulating them in Firebug. Thanks to my buddy Adeel for help creating th…

Read the Full Article

How to add multiple pages at once with WordPress

I have since written a plugin for this purpose, you may read about it here: WordPress Plugin: Quick Posts Ok folks, this will be short. If you want to add several pages at once, I created a little script for you. Here it is: <?php include ('wp-blog-header.php'); $newPages = array( 'Page 1' => 'Lo…

Read the Full Article

How to Quickly Create Reusable Color Palettes in TextMate

Below is a quick video tutorial of using Mac OS’ built-in color picker to create color palletes for use in your CSS documents.

Read the Full Article

Photoshop Screencast: Creating Torn Edges

I was recently working on a project and came up with a decently automated solution for creating grunge torn edges in photoshop…and here it is:

Read the Full Article

Photoshop Screencast: How to use the defringe tool

I was working on an email blast for a client when I remembered how effective the defringe tool is, and though I don’t explain it too thoroughly in this screencast, it might be helpful for you.

Read the Full Article

Using CSS Media Queries

I wanted my website to be a little easier to read in the iPhone. I knew there was a new CSS3 property called Media Queries. This allows you to discriminate based on window size. So, in the header, as I would normally pull in a stylesheet, I can say: And that will pull in a stylesheet for the iPhone, mine look…

Read the Full Article