Workshop Details: Jack Moffett

Bridging UX & Web Development

Full-Day • 9am - Noon, 2pm - 5pm • Herron School of Art & Design

CSS is a language for designers. The days of pointing over the developer’s shoulder, trying to explain the importance of shifting an object three pixels, should be over. In fact, much of the JavaScript currently employed for simple UI behaviors can be replaced with well-architected styles. However, according to a survey conducted in 2011, about half of the designers that consider themselves to be competent in the skills necessary to implement a UI in HTML don’t regularly participate in implementation. Furthermore, over half of the designers that regularly implement web-based UIs don’t consider themselves to be competent.

Based on the book by the same name, the intent of this workshop is to show you how to integrate with your development team and give you the CSS chops to contribute to the production code base. When you participate in the entire process, including implementation and testing, you will find that you have more control over the end product, better job satisfaction, and you’ll enjoy better relationships with your developers.

This workshop is intended for intermediate to advanced designers. Participants are expected to possess a working knowledge of CSS. They should be able to read a stylesheet and understand what it is doing in the HTML page that references it. They should be able to write CSS styles and apply them to HTML elements to achieve a desired layout on a page.

  • Familiarize yourself with the tools you’ll need to integrate with your development team.
  • Learn how Object Oriented CSS (OOCSS) can lead to cleaner, more maintainable code.
  • Understand how Bootstrap benefits from OOCSS and how you can incorporate it, or better yet, create your own toolkit.
  • Discover how to replace heavy-handed, inefficient JavaScript with CSS-driven behavior.
  • Get started on your own library of reusable CSS components.
Jack Moffett

Jack Moffett

With a BFA in Graphic Design from WVU and a Masters in Interaction Design from CMU, Jack has been designing enterprise applications for over a decade. As Senior Interaction Designer at Inmedius, a Boeing Company, his responsibilities stretch from initial user research and product conceptualization through to implementation and testing. Jack co-founded IxDA Pittsburgh, authored the book Bridging UX and Web Development, teaches design part time, and writes about design on designaday.tumblr.com.