<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1252">
</head>
<body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; color: rgb(0, 0, 0); font-size: 14px; font-family: Calibri, sans-serif; ">
<div><span class="Apple-style-span" style="font-size: 12px; font-family: Verdana, Tahoma, sans-serif; ">
<p style="margin-top: 0px; margin-bottom: 0px; "><strong>RESPONSIVE DESIGN IN LIBRARIES</strong></p>
<p style="margin-top: 0px; margin-bottom: 0px; "><strong>Sponsored by the LITA Mobile Interest Group</strong></p>
<p style="margin-top: 0px; margin-bottom: 0px; "><strong>ALA Midwinter Virtual Meeting</strong></p>
<p style="margin-top: 0px; margin-bottom: 0px; "><strong>When:</strong> Wednesday, January 15.</p>
<p style="margin-top: 0px; margin-bottom: 0px; ">9 am Hawaii - 10 am Alaska - 11 am Pacific -12 pm Mountain - 1 pm Central - 2 pm Eastern</p>
<p style="margin-top: 0px; margin-bottom: 0px; "> <strong>Where:</strong> Virtually. Register at <a href="https://oregonconnect.ilinc.com/register/kbtvmbh" target="_blank" style="text-decoration: none; color: rgb(14, 67, 108); ">https://oregonconnect.ilinc.com/register/kbtvmbh</a></p>
<p style="margin-top: 0px; margin-bottom: 0px; "><strong>Description:</strong> The LITA – Mobile Computing IG is pleased to host the following presentations at its upcoming virtual meeting:</p>
<p style="margin-top: 0px; margin-bottom: 0px; "> 1. <strong>Responsive Introduction/Overview</strong></p>
<p style="margin-top: 0px; margin-bottom: 0px; ">Presenter: <em>Brad Czerniak</em></p>
<p style="margin-top: 0px; margin-bottom: 0px; ">Web design has been a tumultuous 20-year journey. Along the way, it has seen battles for standards, competing platforms, and exciting innovations — all in the name of delivering the best possible sites to users.
In this presentation, Brad (the developer of possibly the first responsive library website) will give historical background that puts the shift toward responsive design in context. He will also layout some forward-thinking concepts for where web design and
development are heading in the near future.</p>
<p style="margin-top: 0px; margin-bottom: 0px; ">Responsive sites:</p>
<p style="margin-top: 0px; margin-bottom: 0px; "> <a href="https://exmail.oregonstate.edu/owa/redir.aspx?C=Beslpd8_A0KiqDrWT2wStinT_Cp0ydAIeg4LvtJAzb7GUWTJwFCHWaiFhdBO7OFe88nxvtTYIK4.&URL=http%3a%2f%2fwww.cantonpl.org" target="_blank" style="text-decoration: none; color: rgb(14, 67, 108); ">http://www.cantonpl.org</a></p>
<p style="margin-top: 0px; margin-bottom: 0px; "> <a href="https://exmail.oregonstate.edu/owa/redir.aspx?C=Beslpd8_A0KiqDrWT2wStinT_Cp0ydAIeg4LvtJAzb7GUWTJwFCHWaiFhdBO7OFe88nxvtTYIK4.&URL=http%3a%2f%2fwww.commercialprogression.com" target="_blank" style="text-decoration: none; color: rgb(14, 67, 108); ">http://www.commercialprogression.com</a></p>
<p style="margin-top: 0px; margin-bottom: 0px; "> <a href="https://exmail.oregonstate.edu/owa/redir.aspx?C=Beslpd8_A0KiqDrWT2wStinT_Cp0ydAIeg4LvtJAzb7GUWTJwFCHWaiFhdBO7OFe88nxvtTYIK4.&URL=http%3a%2f%2fwww.codemichigan.com" target="_blank" style="text-decoration: none; color: rgb(14, 67, 108); ">http://www.codemichigan.com</a></p>
<p style="margin-top: 0px; margin-bottom: 0px; ">2. <strong>Your Library, Anywhere: A Modern, Responsive Library Catalogue at University of Toronto Libraries</strong></p>
<p style="margin-top: 0px; margin-bottom: 0px; ">Presenters: <em>Bilal Khalid, Gordon Belray, Lisa Gayhart</em></p>
<p style="margin-top: 0px; margin-bottom: 0px; "> With the recent surge in the mobile device market and an ever-expanding patron base with increasingly divergent levels of technical ability, the University of Toronto Libraries embarked on the development of
a new catalogue discovery layer to fit the needs of its diverse users.</p>
<p style="margin-top: 0px; margin-bottom: 0px; "><a href="https://exmail.oregonstate.edu/owa/UrlBlockedError.aspx" target="_blank" style="text-decoration: none; color: rgb(14, 67, 108); ">The result</a>: (<a href="http://search.library.utoronto.ca/" target="_blank" style="text-decoration: none; color: rgb(14, 67, 108); ">http://search.library.utoronto.ca</a>)
a mobile-friendly, flexible and intuitive web application that brings the full power of a faceted library catalogue to users without compromising quality or performance, employing Responsive Web Design principles. In this talk we will discuss: application
development; interface design; and project communications.</p>
<p style="margin-top: 0px; margin-bottom: 0px; ">3. <strong>Maintaining multiple responsive designs with a small staff</strong></p>
<p style="margin-top: 0px; margin-bottom: 0px; ">Presenter: <em>Steve Cherry</em></p>
<p style="margin-top: 0px; margin-bottom: 0px; "> The Catholic University of America libraries decided to adopt responsive design due to increasing mobile traffic. However, maintaining a unique theme for each site that needed one placed a huge burden on the
small team. Steve will discuss some of the tools and techniques used to lessen that burden, allowing CUA Libraries to reuse the majority of code across systems.</p>
<p style="margin-top: 0px; margin-bottom: 0px; ">Responsive sites:</p>
<p style="margin-top: 0px; margin-bottom: 0px; "><a href="https://exmail.oregonstate.edu/owa/redir.aspx?C=Beslpd8_A0KiqDrWT2wStinT_Cp0ydAIeg4LvtJAzb7GUWTJwFCHWaiFhdBO7OFe88nxvtTYIK4.&URL=http%3a%2f%2fcuomeka.wrlc.org%2f" target="_blank" style="text-decoration: none; color: rgb(14, 67, 108); ">http://cuomeka.wrlc.org/</a></p>
<p style="margin-top: 0px; margin-bottom: 0px; "><a href="https://exmail.oregonstate.edu/owa/redir.aspx?C=Beslpd8_A0KiqDrWT2wStinT_Cp0ydAIeg4LvtJAzb7GUWTJwFCHWaiFhdBO7OFe88nxvtTYIK4.&URL=http%3a%2f%2fcuexhibits.wrlc.org%2f" target="_blank" style="text-decoration: none; color: rgb(14, 67, 108); ">http://cuexhibits.wrlc.org/</a></p>
<p style="margin-top: 0px; margin-bottom: 0px; "><a href="https://exmail.oregonstate.edu/owa/redir.aspx?C=Beslpd8_A0KiqDrWT2wStinT_Cp0ydAIeg4LvtJAzb7GUWTJwFCHWaiFhdBO7OFe88nxvtTYIK4.&URL=http%3a%2f%2fwww.lib.cua.edu%2fmusic%2f" target="_blank" style="text-decoration: none; color: rgb(14, 67, 108); ">http://www.lib.cua.edu/music/</a></p>
<p style="margin-top: 0px; margin-bottom: 0px; "><a href="https://exmail.oregonstate.edu/owa/redir.aspx?C=Beslpd8_A0KiqDrWT2wStinT_Cp0ydAIeg4LvtJAzb7GUWTJwFCHWaiFhdBO7OFe88nxvtTYIK4.&URL=http%3a%2f%2fwww.lib.cua.edu%2frarebook%2f" target="_blank" style="text-decoration: none; color: rgb(14, 67, 108); ">http://www.lib.cua.edu/rarebook/</a></p>
<p style="margin-top: 0px; margin-bottom: 0px; "><a href="https://exmail.oregonstate.edu/owa/redir.aspx?C=Beslpd8_A0KiqDrWT2wStinT_Cp0ydAIeg4LvtJAzb7GUWTJwFCHWaiFhdBO7OFe88nxvtTYIK4.&URL=https%3a%2f%2fgithub.com%2fsccherry%2fmiddleman-styleguide" target="_blank" style="text-decoration: none; color: rgb(14, 67, 108); ">https://github.com/sccherry/middleman-styleguide</a></p>
<p style="margin-top: 0px; margin-bottom: 0px; ">4. <strong>Re-coding for Responsive Design: Tips, Tricks and Traps</strong></p>
<p style="margin-top: 0px; margin-bottom: 0px; ">Presenter:<em> Alicia Virtue</em></p>
<p style="margin-top: 0px; margin-bottom: 0px; "> This presentation is an overview of the strategies used to adapt and implement responsive design for the Santa Rosa Junior College library website (<a href="https://exmail.oregonstate.edu/owa/redir.aspx?C=Beslpd8_A0KiqDrWT2wStinT_Cp0ydAIeg4LvtJAzb7GUWTJwFCHWaiFhdBO7OFe88nxvtTYIK4.&URL=http%3a%2f%2fwww.santarosa.edu%2flibrary" target="_blank" style="text-decoration: none; color: rgb(14, 67, 108); ">http://www.santarosa.edu/library</a>). The
SRJC library website serves as the main interface for student research and as the primary instructional tool for approximately 40 information literacy classes a semester. A discussion of the challenges faced in introducing multi-browser, multi-screen size
performance while adhering to the College's visual design requirements will include strategies taken to implement consistent navigation across mobile phones, tablets and desktop interfaces as well use of media queries for presentation of text and graphics.
Highlights of some of the tools used to showcase and feature library resources across multiple device and display sizes will be addressed, including use of adaptive slide shows, carousels, lightboxes and other jquery-based tools.</p>
</span></div>
</body>
</html>