posts in topic: design & style

2012 Macbook Pro 15 Custom Skin (printed at DecalGirl.com)

2012 Macbook Pro 15 Custom Skin (printed at DecalGirl.com)

i created the abstract design above in Photoshop for a custom skin to put on my new Macbook Pro and had it printed through DecalGirl.com.

never been a fan of the bulkier “shell” style cases, though they do offer more protection. hopefully this will at least keep it scratch-free. i’ll update this post with how it …

continue reading  ⇨

devbutton.com re-styled (and shoutouts to: HTML5 BoilerPlate, Font Awesome & PHPStorm)

devbutton.com re-styled (and shoutouts to: HTML5 BoilerPlate, Font Awesome & PHPStorm)

i did a quick re-style of my consulting site (http://devbutton.com) yesterday.

it’s just a simple “business card” site. funny how making something for yourself never seems to be a priority. one-day i’ll update it with a project case study or something relevant. fortunately 99% of my consulting work comes from referrals, so the site serves only …

continue reading  ⇨

customized 1/16 Losi Mini-SCT (short course truck)

customized 1/16 Losi Mini-SCT (short course truck)

i did this last year, but haven’t updated the blog in a while…

Aimee got me a Losi Mini-SCT R/C truck last year for my birthday. i had been wanting to get back into R/C (i sold all my old nitro and some electric stuff several years ago).

here’s the SCT stock after a couple runs:

i never …

continue reading  ⇨

how-to: website icons for all browsers/devices (favicon, apple-touch-icon, etc.)

how-to: website icons for all browsers/devices (favicon, apple-touch-icon, etc.)

the favicon.ico

works in Firefox, IE, Safari, Chrome (and others). also works in Windows when dragging a shortcut to the desktop.

at the minimum create an 8-bit 16×16 .ico format icon file
name the file favicon.ico and put it in the root of your website
add this code between the <head> and </head> tags of your html:
<link rel=”shortcut icon” …continue reading  ⇨