Let’s Get Sassy: Responsive Design with Foundation and Sass

DPA4 Development, Programming and Architecture

Location: 102D, Wisconsin Center

MONDAY, 11:45 a.m. - 12:30 p.m.

By now, we all know the importance of giving our users a consistent and engaging experience on any device they choose. We’ve listened to presentations and read articles about the best ways to handle content strategy, calls to action, and site navigation for mobile. Now, we’re ready to tackle a responsive design for our website. The question is, how do we actually build this responsive website? By using a front-end HTML framework and CSS preprocessor, of course! With our busy schedules, we no longer have the time to build a website from scratch, especially one that will work on every screen size imaginable. Writing plain CSS with lines and lines of duplicated code is not only time-consuming, it’s difficult to maintain and update. In this presentation, using examples, we will take a look at the hows and whys of using Zurb’s Foundation framework to quickly build a responsive website layout, and at using Sass (Syntactically Awesome Style Sheets) to make writing and updating CSS not only quick and easy, but enjoyable.

View this presentation online


Ali Gray
Web Designer, Portland Community College

Ali Gray is the web designer for Portland Community College in Oregon. She received a B.A. in Media Arts: Integrated Digital Media from the University of Montana in 2012. After a year and a half working as a web and graphic designer for a boutique design agency in Jackson Hole, Wyoming, Gray moved to Portland in 2013 to pursue her dream of working professionally in a higher education environment. She has been working at helping bring modern web technologies and mobile design standards to PCC ever since.