David Potsiadlo

Code-slinging product designer who loves podcasts and plays guitar.


Since 2005, I've worked professionally to apply my UX/UI design and front-end development skills toward non-profit, enterprise, education, and ecommerce web products. I currently work as a Senior Product Designer at Main Street Hub in Austin, TX.

As you please, follow me on these sites:

Or, you can send an email to davidpots@gmail.com.

Featured projects

Songnotes Video Guitar Lessons

Video-based guitar tutorials & song instruction

In November 2013, feeling inspired by the YouTube stars Justin Sandercoe and Marty Schwartz, I began creating high quality video lessons to accompany and enrich the content my Songnotes website. I've created over 30 lessons so far, with 10k subscribers and over 1 million total views across all videos. As of late 2016, I've been adding a few new lessons each month.

Watch videos of me teaching guitar →


Interactive web-based fretboard for guitar, ukulele, and bass

In summer 2014, I decided to build an Javascript-powered interactive fretboard as an instructional aid for playing guitar, ukulele, or bass. This tool lets users view intervals, tones, triads, and scales in a quick and accessible manner -- easily useable on devices of any size. This project continued my deep-dive into learning Javascript, as well as extending my experience using SVG elements in truly responsive layouts.

Practice your scales →


Curated digital songbook & video lessons

I designed & developed Songnotes to help me share my growing collection of curated guitar tabs, chords, lyrics, and video lessons with aspiring musicians across the world. To do this, I built a Rails-powered CMS that feeds my hand-crafted song metadata snippets into a carefully designed framework that was built to support the structure of any song. The content for each song entry is hand-crafted by me personally, ensuring a high-quality, consistent, and media-rich experience that works for today's web-native audience.

Learn to play a song →

Other projects

Firefly Grove

Personal songwriting project & SoundCloud playground

Firefly Grove is a personal songwriting project showcasing 9 lo-fi folk songs I wrote & recorded dating back to 2008-2009. From a technical viewpoint, I used this project as an opportunity to introduce myself with the Soundcloud API & SDK while also writing some jQuery layout solutions from scratch.

Listen to my original songs →


Ultra-lightweight HTML/CSS starter kit

Wisp is an ultra-lightweight HTML framework to help you quickstart any project or rapid prototype. Quite simply, it sets up a generic project directory with an index.html file already linked to the usual CSS and jQuery resources. For simple projects where Rails or the HTML5 Boilerplate is overkill, Wisp helps you hit the ground running without any overhead.

Start a web prototype →

GIF Parade

Combine multiple animated GIFs with YouTube audio

Inspired by Garrett Miller's LoudGIF, I created GIF Parade to figure out how to display not one, but multiple animated GIFs in succession backed by audio from a YouTube track. This also served as a terrific playground to further my Javascript skills while also delving into using the Bit.ly and YouTube APIs for the first time.

Combine some GIFs →


iTunes podcast search, made easy

Inspired by Marco Arment's Preview.fm project, I created PodCrawler to give users an elegant and no-nonsense experience for searching iTunes podcasts. PodCrawler was built on Rails, using the Feedzirra and iTunes-API gems to retrieve and parse feeds. If you are ever in quick need of the website, RSS feed, or iTunes address of a podcast – there's no better tool for the job than PodCrawler.

Find a podcast →

Pots Podcast Picks

A curated podcast mixtape of my favorite episodes

In early 2015, I built Pots Podcast Picks in order to more easily share my favorite podcast episodes with friends and family. My curated selection of favorite episodes is available not just through a website, but also through an RSS feed and even the iTunes Podcast directory. Using Jekyll as a publishing tool, any new episode I add is immediately made available through these means. Now, friends and family need only subscribe to my curated feed once with their podcast app of choice – and can easily find the latest episode I can't stop raving about.

Listen to one of my favorite podcasts →


Here is a collection of occasional blog posts & random snippets I've written in the past. Many of the front-end posts below are aimed toward those initially exploring the world of rapid prototyping using Rails, Git, Heroku, Jekyll, etc.

Guitar lesson for Issues by Julia Michaels (acoustic)
June 13, 2017

Guitar lesson for 2U by David Guetta w/ Justin Beiber
June 9, 2017

Guitar lesson for Uh Huh by Julia Michaels
June 7, 2017

Guitar lesson for Meet Me In The Hallway by Harry Styles
May 24, 2017

Guitar lesson for Stairway to Heaven by Led Zeppelin
May 13, 2017

Guitar lesson for It Ain't Me by Kygo w/ Selena Gomez
May 13, 2017

Guitar lesson for Go Flex by Post Malone
May 9, 2017

Guitar lesson for Wish You Were Here by Pink Floyd
May 5, 2017

Guitar lesson for Stay by Zedd & Alessia Cara
May 3, 2017

Practice Tip for Hammering on with G and Cadd9
April 26, 2017

Guitar lesson for Shape of You by Ed Sheeran
April 23, 2017

Guitar lesson for Don't Say by The Chainsmokers
April 19, 2017

Guitar lesson for Pancho and Lefty by Willie Nelson and Merle Haggard
April 8, 2017

Guitar lesson for Simple Man by Lynyrd Skynyrd
April 6, 2017

Guitar lesson for Highwayman by The Highwaymen
March 31, 2017

Guitar lesson for Audition (The Fools Who Dream) from La La Land / Emma Stone
March 24, 2017

Guitar lesson for Strangers by The Kinks
March 19, 2017

Ukulele lesson for Highwayman by The Highwaymen
March 1, 2017

Practice tip: walking between E & A & B7
February 26, 2017

Guitar lesson for A Lovely Night from La La Land
February 21, 2017

Guitar lesson for Mrs. Robinson by Simon and Garfunkel
February 17, 2017

Practice tip: playing the A-chord with one finger
February 13, 2017

Guitar lesson for Mary by Sublime
February 9, 2017

Guitar lesson for Someone in the Crowd from La La Land
February 5, 2017

Guitar lesson for Badlands from Bruce Springsteen (acoustic)
February 4, 2017

Guitar lesson for City of Stars from La La Land (strum along version)
January 23, 2017

Guitar lesson for Another Day of Sun from La La Land (easy guitar chords)
January 12, 2017

Guitar lesson for True Colors by Cyndi Lauper (as covered by Justin Timberlake)
November 29, 2016

Guitar lesson for Hotel California by The Eagles
November 9, 2016

Guitar lesson for Apple Blossom by The White Stripes
October 23, 2016

Guitar lesson for Freeway Time in LA County Jail by Sublime
October 16, 2016

Guitar lesson for Get Well Cards by Conor Oberst
September 17, 2016

Guitar lesson for Say It Ain't So by Weezer
July 23, 2016

Guitar lesson for You're Gonna Make Me Lonesome When You Go by Bob Dylan
July 17, 2016

Guitar lesson for Summer of '69 by Bryan Adams
July 9, 2016

Guitar lesson for Don't Let Me Down by The Chainsmokers
July 7, 2016

Guitar lesson for How I Go by Yellowcard
July 1, 2016

Guitar lesson for the 7 Years by Lukas Graham
June 26, 2016

Ukulele lesson for the Blank Space by Taylor Swift
June 13, 2016

Guitar lesson for the Kodachrome by Paul Simon
May 28, 2016

Ukulele lesson for the Margaritaville by Jimmy Buffett
May 21, 2016

Ukulele lesson for the The Man Who Sold The World by David Bowie
April 16, 2016

Ukulele lesson for the Gravity Falls theme song
April 13, 2016

Ukulele lesson for 'Take On Me' by A-ha
April 2, 2016

Ukulele lesson for 'Waltzing Matilda'
March 8, 2016

Ukulele lesson for 'Mona Lisas and Mad Hatters' by Elton John
February 18, 2016

Ukulele lesson for 'Surrender' by Cheap Trick
February 9, 2016

Guitar lesson for 'Dark Side of the Moon' by Chris Staples
December 31, 2014

Ukulele tabs for 'Wake Up' by Arcade Fire
September 1, 2014

Ukulele tabs for 'Hook' by Blues Traveler
August 18, 2014

Ukulele tabs for 'Sweet Home Alabama' by Lynyrd Skynyrd
August 12, 2014

Overcast Reactions from Day #1
July 17, 2014

Heroku Setup for Static HTML
April 8, 2014

Guitar Fretboard: from ASCII to SVG
January 23, 2014

Heroku Fork! How to run a Staging and Production server at the same time
December 19, 2013

Setting up Jekyll, Compass, and Github Pages
June 24, 2013

Rails Basics: Adding a Dropdown Resource to a Model
April 4, 2013

Rails Basics: Intro to has_many :through
April 2, 2013

Rails Basics: Nested Models
March 30, 2013

Rails Basics: Adding a Column to a Table
March 29, 2013

Git Basics: Adding a Rails Project to Github
March 21, 2013

Rails Basics: Setting Up a Homepage
March 19, 2013

DC Metro Widget for Android
October 3, 2010

Hacking the Washington Capitals Logo with Illustrator
May 13, 2009