<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
<meta name="Generator" content="Microsoft Word 12 (filtered medium)">
<style><!--
/* Font Definitions */
@font-face
{font-family:Wingdings;
panose-1:5 0 0 0 0 0 0 0 0 0;}
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
span.EmailStyle17
{mso-style-type:personal-compose;
font-family:"Calibri","sans-serif";
color:windowtext;}
.MsoChpDefault
{mso-style-type:export-only;}
@page WordSection1
{size:8.5in 11.0in;
margin:1.0in 1.0in 1.0in 1.0in;}
div.WordSection1
{page:WordSection1;}
/* List Definitions */
@list l0
{mso-list-id:5444402;
mso-list-template-ids:704302760;}
@list l0:level1
{mso-level-number-format:bullet;
mso-level-text:\F0B7;
mso-level-tab-stop:.5in;
mso-level-number-position:left;
text-indent:-.25in;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
@list l1
{mso-list-id:1068576574;
mso-list-template-ids:247639214;}
@list l1:level1
{mso-level-number-format:bullet;
mso-level-text:\F0B7;
mso-level-tab-stop:.5in;
mso-level-number-position:left;
text-indent:-.25in;
mso-ansi-font-size:10.0pt;
font-family:Symbol;}
ol
{margin-bottom:0in;}
ul
{margin-bottom:0in;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang="EN-US" link="blue" vlink="purple">
<div class="WordSection1">
<p class="MsoNormal">Greetings everyone!<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">LITA is offering a live, online, four-lecture course: “Building Web Applications with HTML5, CSS3, and Javascript: An Introduction to HTML5”<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal"><b>Date/Times:<o:p></o:p></b></p>
<p class="MsoNormal">Live, synchronous lectures 11:00 am - 1:00 pm CST<b> </b><o:p></o:p></p>
<ul style="margin-top:0in" type="disc">
<li class="MsoNormal" style="mso-list:l0 level1 lfo1"> August 6: HTML5 Introduction; Creating a Markup Foundation<o:p></o:p></li><li class="MsoNormal" style="mso-list:l0 level1 lfo1"> August 8: CSS3 Introduction; Designing a Look and Feel<o:p></o:p></li><li class="MsoNormal" style="mso-list:l0 level1 lfo1"> August 10: Working with Javascript APIs; Making Your App Interactive<o:p></o:p></li><li class="MsoNormal" style="mso-list:l0 level1 lfo1"> August 13: Future of HTML5<o:p></o:p></li></ul>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal"><b>Costs: <o:p></o:p></b></p>
<ul style="margin-top:0in" type="disc">
<li class="MsoNormal" style="mso-list:l1 level1 lfo2">LITA Member: $135<o:p></o:p></li><li class="MsoNormal" style="mso-list:l1 level1 lfo2">ALA Member: $195<o:p></o:p></li><li class="MsoNormal" style="mso-list:l1 level1 lfo2">Non-member: $260<o:p></o:p></li></ul>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal"><b>Description: <o:p></o:p></b></p>
<p class="MsoNormal">Geolocation, Native video, Offline storage, Semantic markup elements, Responsive web design, Canvas elements, Voice input, Drag and Drop, Opacity, Gradients... HTML5 (a generic term which includes new HTML tags, enhanced CSS styles/behaviors,
and new Javascript APIs) has been released and is changing the way web developers work. With wide support in mobile browsers and the latest browser releases from Google and Firefox, HTML5 is poised to be the technology that will help build the next version
of the Web.<o:p></o:p></p>
<p class="MsoNormal"><br>
In this workshop, we'll look at some of the possibilities, trends, and enhancements that HTML5, CSS3, and the new Javascript APIs enable. As a workshop deliverable, we'll talk through the specifics of implementation and work through building a prototype HTML5
application (e.g., <a href="http://goo.gl/GA2vH">http://goo.gl/GA2vH</a>). (Note: The course will be a mix of lecture and demos alongside hands-on exercises in building the prototype application.)<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Complete information can be found here: <a href="http://www.ala.org/lita/learning/online/HTML5">
http://www.ala.org/lita/learning/online/HTML5</a><o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Cheers,<o:p></o:p></p>
<p class="MsoNormal">Darci<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal" align="center" style="text-align:center"><span style="font-size:10.0pt;font-family:"Arial","sans-serif";color:#002060">------------------------------------------------------------------------------------------<br>
Darci Hanning * Technology Development Consultant * Library Development Services<br>
Oregon State Library, 250 Winter St. NE, Salem, OR 97301<br>
503-378-2527 </span><span style="color:#002060"><a href="mailto:darci.hanning@state.or.us" title="blocked::mailto:darci.hanning@state.or.us"><span style="font-size:10.0pt;font-family:"Arial","sans-serif";color:blue">darci.hanning@state.or.us</span></a></span><span style="font-size:10.0pt;font-family:"Arial","sans-serif";color:#002060"> <br>
<br>
<b>Ask me about Plinkit! <a href="http://www.plinkit.org/" title="blocked::http://www.plinkit.org/">
<span style="color:blue">http://www.plinkit.org/</span></a> <a href="http://oregon.plinkit.org/" title="blocked::http://oregon.plinkit.org/">
<span style="color:blue">http://oregon.plinkit.org</span></a></b></span><b><span style="color:#002060"><o:p></o:p></span></b></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal" align="center" style="text-align:center"><span style="font-size:10.0pt;font-family:"Arial","sans-serif";color:#002060">------------------------------------------------------------------------------------------<br>
Darci Hanning * Technology Development Consultant * Library Development Services<br>
Oregon State Library, 250 Winter St. NE, Salem, OR 97301<br>
503-378-2527 </span><span style="color:#002060"><a href="mailto:darci.hanning@state.or.us" title="blocked::mailto:darci.hanning@state.or.us"><span style="font-size:10.0pt;font-family:"Arial","sans-serif";color:blue">darci.hanning@state.or.us</span></a></span><span style="font-size:10.0pt;font-family:"Arial","sans-serif";color:#002060"> <br>
<br>
<b>Ask me about Plinkit! <a href="http://www.plinkit.org/" title="blocked::http://www.plinkit.org/">
<span style="color:blue">http://www.plinkit.org/</span></a> <a href="http://oregon.plinkit.org/" title="blocked::http://oregon.plinkit.org/">
<span style="color:blue">http://oregon.plinkit.org</span></a></b></span><b><span style="color:#002060"><o:p></o:p></span></b></p>
<p class="MsoNormal"><o:p> </o:p></p>
</div>
</body>
</html>