Author Archive

Techcrunch Disrupt Hackfest 2011

Monday, May 23rd, 2011

A bunch of friends and I entered the Techcrunch Hackathon this year for 20 straight hours of hacking. We created Link Current which is a tool that measures the current and future social value of your content. You simply enter a link and our system begins to aggregate data from across the web to give you a “Social Score”. The Social Score is based on the virality of the content, how old it is and many other components. We also have a realtime geolocation of Tweets and Facebook likes so you can see where your content is being consumed and spread. This is all bundled up with a pretty cool looking techy interface that I put together.

It was a fun and exhausting weekend. I had the opportunity to work with a rockstar team which included people from MovableInk, SimpleReach and Opani. I can’t explain how excited I was to be working with these guys.

After a solid night of sleep and recovery, I can honestly say that what we created was a lot more than a hack. We created, what could be, a viable business that should appeal to any content provider – anyone looking to measure the impact of their content and figure out where their campaign may fall short. It’s a broad and interesting enough idea that the product could grow in so many ways.

The whole thing was designed and built in a warehouse at Pier 94 in New York City’s Upper West Side. That’s pretty cool.

RVM Instructions

Friday, May 20th, 2011

I always forget this information so I’m noting it here. For complete instructions visit the official rvm site.

rvm allows you to switch versions of ruby for different projects without conflicts. It also allows you to create gemsets to use with different versions of ruby (an old version of ruby might use older versions of gems).

Enter the following commands (minus the comments in parentheses) into your shell.

  • rvm info (get info)
  • ruby -v (get ruby version)
  • rvm use 1.9.2 (use a specific ruby version)
  • rvm use 1.9.2 --default (this sets the default - otherwise it'll use the system ruby by default)
  • rvm gemset list (show all gemsets)
  • rvm gemset create (create new gemsets)

Upstage App Beta Launch

Saturday, February 26th, 2011

Upstage App Logo

Scott Taylor and I have been working evenings and weekends on Upstage App. It’s been a fun experience working on a project outside of work that belongs to us. I love working for clients and I like my job but there’s nothing like the experience of having something that’s all your own.

If you’re a designer or developer working on iPhone or iPad, you should checkout Upstage App. We’re currenlty working to implement better sharing functionality but even as it stands now, it’s a very useful tool that I use daily in my workflow.

Google Chrome Ad Blocker Behavior

Friday, December 3rd, 2010

In a project we’re working on for the Webby Awards, we noticed that a certain button wasn’t appearing at times in Google Chrome. After snooping around, we realized that the button was hidden in the DOM only when Google Chrome Ad Blocker was enabled because the class of the button was “advertising”.

Note to self: Do not use class: “advertising” or something similar unless it’s actually an advertisement or something you want hidden from ad blockers.

CSS Extended TextMate Bundle

Monday, November 29th, 2010

I just pushed a TextMate bundle to supplement the CSS bundle by adding CSS3 properties and their browser specific counterparts.

https://github.com/jeffboulet/CSS-Extended-Bundle

Apple Touch Shortcut Icons

Tuesday, October 12th, 2010

There are two ways to include Apple touch shortcut icons as bookmarks/favicons for a website. The differences in their appearance are determined by the the “rel” attribute:

apple icons composed and precomposed

  1. Without the signature Apple aqua gloss (Pre-composed):
    <link rel="apple-touch-icon-precomposed" href="/images/apple-shortcut.png" type="image/x-icon" />
  2. With the signature Apple aqua gloss (Composed):
    <link rel="apple-touch-icon" href="/images/apple-shortcut.png" type="image/x-icon" />

You can name your files anything. They don’t need to be named “apple-shortcut.png”. You should make them a .png though.

iPhone 4 Screen Resolution and the Internets

Wednesday, September 22nd, 2010

little phone / big phone

CSS background images look really bad on the iPhone 4. They’re stretched and ratty. Without going into the details, you need to declare the size of the background image for the device:


background: url(/images/titleBar.png);
-webkit-background-size: 320px 44px;

The key is to not think of the retina display as having 4 times as many pixels as the regular display. In fact, its screen dimensions are still 320px X 480px (like the older iPhones). However, being resolution independent, the lower resolution iPhones have 1pt/pixel whereas the Retina Display has 2pts2/pixel.

The above css works on both low res and high res displays. In the case above, create your background image named titleBar.png at 640px x 88px. After you set the background size, it’ll be scaled down for the regular iphone and the correct size for retina.

Yeah, yeah, yeah. I know about all the unnecessary extra bandwidth this will take for devices that don’t support the higher resolutions. But that’s another problem.

Git and Lighthouse Ticket Integration

Monday, September 13th, 2010

Git and Lighthouse are two great tools we use all the time for version control and bug tracking. They’re integrated so you can close tickets while also committing changes to the repository.

  git commit -m "Make some change that resolves ticket 66 [#66 state:resolved]"

Apple Finder Icons

Monday, September 13th, 2010

They’re located at: /System/Library/CoreServices/Finder.app/Contents/Resources/. Just type the following into Terminal.app:

open /System/Library/CoreServices/Finder.app/Contents/Resources/

Photoshop Extract Filter is Missing

Saturday, August 7th, 2010

I’m still using Adobe CS4 and it’s taken a couple years to notice that the extract filter is missing. I used to use it frequently while image retouching at 300+ dpi for print but most of the silos I make for web at 72 dpi can be accomplished more quickly with the pen tool. Fortunately, Adobe was nice enough to make it available as a download for those willing to search:

After you download them, place the filters in the filter directory within the Photoshop Application and the extensions in their respective directory (something like: /Applications/Photoshop CS4/Plug-ins/Filters) and restart Photoshop. Bango!