Hi! My name is James Tettelbach-Whitehouse. (You can call me James TW; I do.) I live in Cincinnati, Ohio and develop great web applications that are beautiful and easy to use. Want to chat? Drop me an email!
Professional Work
-
Fifth Third Bank
When Fifth Third Bank revamped their online process for applying for new accounts and credit cards, I led front end development. As a consultant, I contributed UX design, front end code, and a pattern library (or functional prototype) to allow them to expand the app in the future. Our user testing paid off—the new application process boosted signups, especially on mobile.
- User Experience
- User Testing
- jQuery
- Sass
- Git
- Pattern Lab
-
The Christ Hospital
I consulted for The Christ Hospital to revamp how their patients explore service options and search for physicians. I also advised on SEO and User Experience.
- User Experience
- SEO
- Responsive Design
- Sass
- Git
-
ryanmonroe.com
I updated an old Wordpress theme to be fully responsive, including video embeds.
- Wordpress
- Javascript
- Sass
- Responsive Design
Personal Projects
-
Pokedraw
A fun site that challenges you to draw a random Pokemon by hand (or by mouse) in only 45 seconds. To date, over 50,000,000 drawings have been created by millions of users from around the world. Pokedraw's success has taught me a lot about building a secure, scalable, rapidly growing website. It has been featured on Kotaku and by popular Youtubers Pewdiepie and Vinesauce.
- jQuery
- Sass
- Node.js
- MongoDB
- Git
- SEO & Analytics
-
Wordpress Theme: Beautiful Reader
Beautiful Reader is a Wordpress theme I built from scratch using the wonderful underscores boilerplate. This theme is intended for news, recipe, or personal websites with heavy imagery. Download Beautiful Reader on Github.
- Wordpress
- Javascript
- Sass
- Responsive Design
-
iPad on My Face
I created a Twitter bot to raise awareness for the surprisingly common injury: dropping one's own iPad on their face.
- Node.js
- Twitter API
-
What Would Yoda Say?
A simple site I built to explore APIs. Type in any sentence to hear it in Yoda's own words!
- Responsive Design
- Javascript
- APIs
Outreach
-
Talk: Evolution of Responsive Design
What is responsive web design? Why do we need it? In this talk, I deliver a primer on this essential concept in web design and development. I also share my personal tips to make responsive web development painless and future-proof. View Slides
-
Blog: Designing and Developing the Perfect Responsive Progress Indicator
Progress indicators help users track their position in an online application. In this blog post, I walk through the UX and design decisions involved in building a flexible, responsive progress indicator.
-
Talk: CSS Specificity - How I learned to stop worrying and love the BEM
CSS is tough to architect at scale. Specificity means that developers often fight with their own code and struggle with libraries like Bootstrap. In this talk, I show how to adhere to the BEM naming convention in order to help you keep your CSS specificity flat.
-
3 Useful Things You Can Do With Only CSS Using the <label> Hack
Normally, the <label> HTML element exists to give users an easier target to click when they want to focus on an <input>. However, this magic link between the two elements can be hacked to build components like tabs, modals, and accordions using only CSS.