A Fresh Perspective on Responsive Web Design (DPA1)

Responsive web design has been quite the trend in web development since Ethan Marcotte introduced the term in 2010. As people of the web, we have used the term so frequently in recent years... but do we understand what it really means to implement RWD effectively and sensibly? Using real-world examples from award-winning projects completed at SUNY Stony Brook, Josh will offer a fresh look at RWD, along with valuable tips, tools, and techniques to execute a successful RWD initiative. The session will offer a new way of approaching the design and development process when "going responsive," and you'll walk away with the tools necessary to help you do RWD successfully!

Demystifying Responsive Email (DPA2)

I won't sugarcoat it. Creating responsive email isn't easy. In fact it's hard. Like, harder-than-coding-for-IE6 hard. But everyone is saying how valuable email marketing is. Furthermore, having responsive email designs is just as important as having as having a responsive website when you consider that more than 50 percent of emails are opened on a mobile device. Multiply that by the millions of emails your institution delivers annually, and that adds up to a big problem. Or a big opportunity, depending on how you look at it. In this session, we'll roll up our sleeves and cover the best practices in responsive email. Like responsive web design, mastering responsive emails involves changes in how we write, design, and code. It's a dirty job, but somebody's gotta do it.

Stop Reinventing the Wheel: Build Responsive Websites Using Bootstrap (DPA3)

Web development has become increasingly complex, with the advent of smartphones, tablets, and multiple browsers with varying capabilities. Bootstrap makes the process faster by providing pre-written HTML, CSS, and Javascript that has been thoroughly tested and debugged. Learn how to get started with this framework, and build a responsive web page. Explore commonly used components such as buttons, tabs, tooltips, pop-ups, and third-party plugins. See examples of beautiful websites built on Bootstrap.

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

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.

Schlemiel, Schlemazel, Digital Signage Incorporated! (AIM9)

When faced with the challenge of creating an easier-to-use and cheaper option for digital signage, the CLAS Web Services Group from the University of Iowa overcame the obstacles, by changing the system itself. Learn how and why the University of Iowa developed a digital signage solution that you can implement using the Drupal CMS; one that is responsive and accessible to all users. See how the process started, the challenges we had to overcome, the release of a new version of the product, and where we go in the future. We're gonna make [y]our dreams come true! Doin' it our way!

Web-Based Digital Signage System (DPA11)

The University of Tennessee Health Science Center has experience with Cisco DMS, a digital signage system that uses screens, media players, a media server, and proprietary software. However, they found a way to create their own DMS using only the existing screens and network, while swapping out the media players for Raspberry Pis. Attend this session to learn how a browser on a single-board computer, such as a Raspberry Pi, can be set to access tailored content for its location. Nic will show how to set up responsive web pages that contain common assets and unique content, and how to use the pages for horizontal or vertical screens of varying sizes. Attend to find out how to migrate signage into the web, so your displayed content is accessible, interactive, and easy to update.

The Ultimate Time Saver: Building a Responsive Pattern Library (DPA12)

Take a look under the hood at three pattern libraries developed using popular responsive frameworks. Learn how designers and developers can work together to identify reusable layout components, and turn these into flexible building blocks. Of course, the hard part is teaching people to use the patterns the way they were intended. We'll share some successful examples of this, too.