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.

JQuery has Coding Standards? Now You Tell Me... (DPA6)

Over the past several years, we've all been taking advantage of jQuery to fast-track development and quickly add features and interactivity to our websites. It's a quick and easy tool to produce interactive, efficient, and cross-platform-compatible JavaScript code. What is less known are the formal coding standards and documented best practices that, when used correctly, can save you time and headaches when managing page load time and code updates. With an increased need for sites to load quickly and perform well on a wide variety of networks and devices (Wi-Fi, mobile, etc.), an understanding of how to properly code jQuery is essential for maintaining clean and quality code. I will explain how to get the most out of jQuery by demonstrating how to code to the standard and take advantage of chaining, caching, detachment, and design patterns, avoiding the overuse of anonymous functions.

Make the Web Faster: Web Performance Best Practices You Should Be Using Today (DPA7)

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!

Light up the Web! An Intro to Building Apps with Firebase and Angular (DPA8)

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.

Personalizing the New-Student Onboarding Experience (TIE9)

Incoming students are the lifeblood of every higher education institution. Yet once the new student has applied and been admitted to our university, we so often nearly drown them with things that they must do, forms they must fill out, and website after website they need to visit before they begin their classes in an upcoming term. At Cedarville University, we tried to address this issue with the creation of a personalized admitted student portal that launched in January 2015 for the fall freshman class. Once a student’s application for admission was processed and the student was admitted to the university, they were invited to join this new portal. This portal was the re-creation of a static list of tasks that we wanted the incoming student to perform. One big problem with the static list was that students would complete the task, but then have no indication that it was completed. They would return to the website and find the same old tasks glaring at them. Mocking them. Come see how we are working to improve the incoming student onboarding and engagement processes. We’ll discuss the problems we were trying to solve, how tasks and announcements are released, the creation of a private Facebook group where students could meet (and how we limited access to it), and how parts of the task list is integrated with other campus systems to provide automatic completion notifications. We’ll even include some pretty graphs and charts for the statistics we collected along the way (and shared with counselors for follow up!), touch on the related communications plan, and give a peek at where we plan to go in the next iteration.

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.

Techies and Writers Unite! Ohio State's New Content Aggregator Serves Coders, Marketers, Users (AIM10)

Ohio State's manifesto: Simplify the university’s bureaucratic structure and put users first! At a complex place, writers post web content; social media managers tweet; web geeks ponder digital strategy. Enter Media Magnet, a uniform content aggregation system and a joint venture between Interactive and Editorial. See how we’ve applied this system on osu.edu and beyond.

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.