New Workshop! Portfolio Site in a Day-ish

Posted: June 10, 2014, filed under: Projects, Updates

Calling all website-less visual artists!

You’ve been putting your website off for a while now, right? Come to this two session workshop and leave with a fully functioning portfolio site. We will create websites using WordPress and the theme WPFolio.


The workshop will be limited to 4 people to ensure everyone gets the most out of the experience. Dates and agenda are:

Day 1: Thursday, July 17, 2-4pm

This will be a crash course in WordPress. Learn about WordPress’s structure and various features, why we are using it, and best practices along the way. These couple hours will be mostly a lecture format, so be sure to take notes. Though I will have some available online.

Day 2: Friday, July 18, 2-6pm

For the first couple of hours, we will learn to add and manage content on our websites, as well as explore the WPFolio theme and talk about some basic content strategy. Then we will have 2 hours of lab time so you can get started. Then let’s go for happy hour!

Location: New Work City, 412 Broadway #2, New York, NY 10013


Feel free to be in touch with any questions, and send this around to anyone who might be interested.

And for you special people who made it the whole way down here: offer code “salmon” will get you 25% off. Do it!

How I do Inbox 0 in Gmail

Posted: June 8, 2014, filed under: Miscellaneous, Tutorials+Tips

Update 9/25/14: I now use's great, and is way more Inbox 0 than what I describe here. But read on!

I kind of roll my eyes at productivity posts, and yes, this is another productivity post. But, I'm really good at Inbox 0 and have been complimented a few times on my Gmail set up, so...time to share!

In short, my process is like this: open Gmail and see 15 unread messages, process them very quickly by either just marking them read, or by quickly reading then starring to address later. After you address a starred item, un-star it. This is the most important part. The starred section should only be current action items.

The Inbox

It's all about the Gmail settings - I'm surprised how many people aren't so familiar with it (also surprised it is taking Google so long to redesign that section). So, first things first:

Navigate to Settings, then Inbox:


Make sure "Priority Inbox" is selected to get rid of those (stupid) tabs. Note that you'll have to do some more work to mark junk mail read instead of it automatically going into a tab, but I haven't found that a big deal.

Read More →

There is no fold.

Posted: June 5, 2014, filed under: Research


…the amount of time in view steadily rises as we move downpage to a peak between about 1200 pixels down. This portion of the page is viewed for nearly three times as long as the top of the page.

Amen to that – awesome reference point for clients stuck in the ’00s.

Via this tweet.

Look how cute!

Posted: May 21, 2014, filed under: Miscellaneous


I’m about to launch a WordPress workshop…stay tuned! In line with the fishing metaphor, this would be you after you take it.

Freelancer is a dirty word.

Posted: May 16, 2014, filed under: Thoughts

First of all, I am very proud to be a freelancer, and certainly identify as one. But…I hesitate. I kind of loathe the term. I feel like the word itself implies someone taking whatever work they can get, aimless and uncommitted, or in-between jobs with no other option to make ends meet. Of course this may be the case for some, but not for most of us!

Freelancing is NOT this.

Freelancers are business owners and, like any business, seek the work they want, turn down work they don’t want, and (if all goes swimmingly) are not scrapping for cash. But what else to call myself?

Contractor doesn’t quite fit, that generally implies longer term, potentially full time and on-site work – quite the opposite of how I function.

Web designer doesn’t work either – that usually begs the question “oh, where do you work?” to which I reply “for myself, I’m a freelancer.” So, yeah, there’s it is again.

I could say consultant, but that feels like a cop out.

“Self employed”…sure, but that doesn’t indicate my industry nor that I am for hire.

I could say “I run a web design business” but that sounds like I have employees, which I don’t (yet).

Seriously though, how do I describe what I do with out saying freelancer? Or should I stop whining and just own it? This is bugging me.

Podcasts are Amazing + Recommendations

Posted: May 7, 2014, filed under: Inspiration


Before getting into a few, relatively web design-centric favorites, let's compare podcasts to the written word.

The Written Word is Problematic

By "written word" I mean articles, blogs, and the like. What you sift through on Feedly or links found on Twitter, anything you'd save to Pocket. So yeah, this post qualifies. Oh the irony!

Reading vs "reading"

First of all, I don't read. I "read" (and I don't think this is limited to me!). When I "read" an article, I note the title, the first sentence-ish, and maybe the first sentences of a few subsequent paragraphs. Sometimes I'll go back to the top and read the whole thing, but to be honest, it's a rarity.

At the end of the day, I'm lucky if I remember enough to say "Oh, I read something about that!" in a later conversation. Then I search through Pocket and Google for 20 mins trying to find it. Sometimes I do.

Feeding the impostor syndrome...

Secondly, let's mention the impostor syndrome. This has been somewhat of a hot topic lately. Of course, the one article I am thinking of I can't find (doh!), but here's another good one. Few things bring up the impostor feelings more than excellent writing on a flawlessly designed site (but more importantly, there are few things as inspiring).

Enter Podcasts

To summarize above, the two main shortcomings with online written media (IMHO) are that 1. I don't entirely read them, and 2. I sometimes idealize authors in a non-productive way. Podcasts, on the other hand, are awesome because:

Listening trumps "reading"

No way can I listen to a podcast while I'm at work. For one, I wouldn't internalize anything, and two, listening for five minutes during a break (when you would usually "read" something) doesn't get you anywhere.

Read More →

Enable FTP Server on Mac [Snippet]

Posted: April 26, 2014, filed under: Tutorials+Tips

Type this into the command line:

sudo -s launchctl load -w /System/Library/LaunchDaemons/ftp.plist

thanks to iGerry

WP dev tools I’m stoked about

Posted: April 22, 2014, filed under: Tutorials+Tips, WordPress

I’m constantly reading about workflows and new tools, and don’t really get a chance to use them until something fresh comes around (or if I make an extra 5 hrs to try them out). Anyhow, I’ve got some WordPress in the works and wanted to share these excellent finds.

WP-CLI: A command line interface for WordPress

Screen Shot 2014-04-22 at 2.48.43 PM

I’m pretty comfortable with the command line. Not, like, Rails shell savvy, but I can git push and grunt watch fairly competently. Wouldn’t it be awesome to manage WordPress stuff in there too? To update WordPress I’ve been going to whole way to to download it then update manually. How tasking!

(Why couldn’t I do it through the WP Dashboard? Didn’t have the FTP server enabled on my computer, which I just figured out how to do. Still, command line is faster since I’m usually there anyway.)

Enter WP-CLI. It has commands for just about everything from updating WP to installing and activating themes and plugins. You can even create your own commands with PHP classes!

In sum, I love you WordPress but local development can be a pain. Deploying especially. I currently use git, but have to manually transfer the database and replace URLs. Is there a better way? Suggestions, plz!

Roots: Starter Theme


Ah starter themes. I’ve been loyal to Bones thus far, but I’ve stumbled upon a new candidate. Roots is a starter theme built on HTML5 Boilerplate, Bootstrap and Grunt. The main version is not Sass ready, but as is the wonderful web community, Roots made a Sass fork.

The documentation is excellent, there is an active community of users, and even a few Roots-specific plugins (holy moly, Roots Rewrite!).

But I’m mainly excited about the theme wrapper, DRY FTW. How friggin annoying is it to have get_header();, et al. in every single template? And if you ever want to adjust your opening wrapper tags, it’s incredibly tedious. Roots has taken care of it with a base.php that injects the appropriate page template between those tags. Templates now can contain code specific to only that template. Fantastic!

Color Pickers of Choice

Posted: April 15, 2014, filed under: Tutorials+Tips

We’ve all got our faves, here are mine!

Adobe Kuler


Kuler is awesome. You can create your own color schemes from a color or an uploaded image, but the best part is the massive amount of color combos created by Kuler users. You can use Kuler directly through Illustrator too, so no need to deal with downloading and adding the swatch set manually. Kuler also has an app where you can pull a color scheme from anything.

Color Peek


Color Peek is way more than just a color picker. It was created by Tyler Sticka to solve the issue of having to type hex values into Illustrator (or whatever you software you use) over and over to simply show a color scheme to someone. Color Peek let’s you easily assemble swatch sets in the browser. There is also a Chrome extension that grabs the color schemes from any site and let’s you easily add them to your collection. It’s really excellent, I need to remember to use this more!



A fun one! Perfect for grabbing a quick HEX while you are mocking something up or just playing around. I love using this one in demos.

Any others you like? Comment away.

Talk on Freelancing at Per Scholas

Posted: April 10, 2014, filed under: Updates

Last week I gave a talk about my experience as a freelancer at the Per Scholas Lunch & Learn, hosted by the New York Tech Council. Per Scholas is a non-profit that provides IT training and job placement for people in low-income communities. Be sure to check out the other talks by my fellow Buspreneurs James Wanga and Salman Ansari.

My slides are here, and a list of resources I referenced throughout the talk:

Startup Bus NYC 2014

Posted: March 9, 2014, filed under: Projects, Updates


Last week I participated in the 2014 Startup Bus from NYC to San Antonio, then to Austin for SXSW. The Startup Bus is a 72hr hackathon where 30 people on a bus form teams and create, develop, and pitch a startup while on the bus. It was quite an experience to say the least! I am so excited to have worked with such talented people and am looking forward to maintaining these new connections. My team, Roll, made it to the semifinals and another NYC team, Smarthost, won the competition. About my team:


Roll is a web application to simplify the standby flight process for airline employees and their friends and family. Not necessarily my area of expertise, but my other teammates, Rachel Blackman, Libby Tuck, and Seye Ojumu are very experienced with the industry. We even got some press. I was responsible for our branding and the front end development of the mobile site. A few screenshots:

My intent behind the branding was to take the stress out of a very stressful process. The UI is stupid simple - search a flight and see results that highlight the relevant information for standby passengers (something not readily available in other flight searches). I'm happy with the turn out considering we only had 72hrs! The logo inspiration comes from old airline logos like Pan Am crossed with a minimal aesthetic like the logo for Simple Bank. A little about the other teams:

Read More →

Style tile for Q2L Website

Posted: February 20, 2014, filed under: Projects

Style what?

Style Tiles are a design deliverable consisting of fonts, colors and interface elements that communicate the essence of a visual brand for the web. by Samantha Warren

Here is the first iteration of a style tile for Quest to Learn’s website redesign. The branding and logo design were done by the Velo Group, and I think they look excellent! The site will be my debut with the Genesis framework, and man, child themes are fun.

Gotta love!
More at

Harvest4Clients Fork

Posted: February 14, 2014, filed under: Projects

No demo online yet, so a screenshot will suffice for now.
No demo online yet, so a screenshot will suffice for now.

I am in the process of transitioning all of my work to hourly billing and am looking for an easy way for clients to check in on my hours. I am a happy Harvest user, but it doesn’t offer an easy way for clients to view hours (unless I am missing something).

There are a bunch of add-ons developed using Harvest’s API, and one of them is Harvest4Clients by Jeron Kenters. The application provides a simple, password protected area where clients can see billable and unbillable hours, and a record of past invoices. I recently forked it and slapped on a nice Bootstrap 3 front end. There are a few todos still (mainly getting the jQuery UI datepicker out of there), but it’s totally useable!

 Check it on Github.

Show a title when hovering over an image with jQuery or CSS

Posted: February 5, 2014, filed under: Tutorials+Tips

Looks kinda like that.

It's not too hard! I was writing up a demo and figured I might as well share it with the world. You can do it in CSS or jQuery, definitely useful for galleries.

The Markup

A couple of figures surrounded by a nice, clearfixed wrapper (love those!):

<div class="wrapper clearfix">

    <figure class="gallery-item">
        <img src="">
        <figcaption class="img-title">
            <h5>Image Title</h5>    

    <figure class="gallery-item">
        <img src="">
        <figcaption class="img-title">
            <h5>Image Title</h5>    


Read More →