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!
Your sites may use responsive templates. You may have tested you content with the plugs-in like Fangs and FireEyes, or even with JAWS. But have you tested your interactions to work with keyboard navigation? On tablets? For visitors with low vision? For visitors with low vision, using keyboard navigation? For visitors with hearing impairments who use tablets? For visitors who want to print what they read? For visitors stationed overseas? In our session we will talk about what we learned from integrating accessibility testing and interaction design, from types of testing to interaction best practices to overall design and development processes.
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.
This interactive session will explore web accessibility by examining three common web widgets: A carousel, a dropdown menu, and a modal dialog. We will ask: Is this widget accessible to all users? Is there any group of users who might find it difficult or impossible to use? How can it be tested? How can it be improved? What are our options as designers and developers for ensuring our web widgets are fully accessible to all students, employees, and visitors?
Should that script tag go in the head or at the bottom of the body? Do you really need to be using CSS sprites? What triggers a browser reflow and why should you care? How does the new HTTP/2 spec play into all of this? In this session, Shahab will run through the most common mistakes that lead to slower page loads and poor browser performance. You'll learn how the browser actually processes your code, which tools you can use to test your own sites, and what you should be doing to improve page performance immediately. Let's make the (higher ed) web faster!
AngularJS is a super-powered front-end framework developed by Google. Firebase is an almost magical realtime app platform that recently joined the Google team. Combined, they are an unstoppable force of awesome. Join me and learn how quickly you can go from nothing to delighting your clients and users while hearing a chorus of oohs and ahhs.
Drupal 8: The Crash Course (DPA10)
One of the most widely-used and mature content management systems on the planet, Drupal runs more than one in fifty websites in the world. However, it has always been something of an odd duck, with an architecture and design very different than anything else in PHP. Enter Drupal 8: Almost a complete rewrite under the hood, Drupal 8 is a modern, PHP 5.4-boasting, REST-capable, object-oriented powerhouse. Now leveraging third party components from no fewer than nine different projects, Drupal 8 aims to be the premiere content management platform for PHP. But how do you use all this new-fangled stuff? This session will provide a walkthrough of Drupal's key systems and APIs, intended to give developers a taste of what building with Drupal 8 will be like. Prior familiarity with Drupal 7 is helpful but will not be assumed.
Have you ever wanted to replace the out-of-the-box course catalog search from your student information system? At Ohio State, we worked to export the data and build a modern search interface that prioritizes user experience above all. Taking concepts and ideas from Google and Amazon for the search interface, we were able to create an experience that users love. This talk will explore working with several groups around campus as well as the technical details of how we exported the courses from our student information system, indexed them with Elasticsearch, built a REST API to expose them, and created an accessible, responsive, and easy to use Angular.js web application to present everything. We’ll also talk about how the same REST API endpoint powers Ohio State's native iOS and Android mobile applications, while still empowering the desktop and mobile web users with more advanced functionality. Finally, we’ll wrap up with challenges we faced and how we waged through the political battle of accomplishing the successful replacement of the out-of-the-box search interface.
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.
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.