Graduates, <br><br>A class in viscom for non-majors!<br><br>TF<br><br><div class="gmail_quote">---------- Forwarded message ----------<br>From: <b class="gmail_sendername">Brandon Flayler</b> <span dir="ltr"><<a href="mailto:flayler@ohio.edu">flayler@ohio.edu</a>></span><br>
Date: Wed, Nov 2, 2011 at 8:49 AM<br>Subject: VisCom Topic Seminar in Web Design – Open for Non-Majors in Winter<br>To: John Bowditch <<a href="mailto:bowditch@ohio.edu">bowditch@ohio.edu</a>>, Steve Mokris <<a href="mailto:mokris@ohio.edu">mokris@ohio.edu</a>>, Beth Novak <<a href="mailto:novakb@ohio.edu">novakb@ohio.edu</a>>, Eric Williams <<a href="mailto:williae2@ohio.edu">williae2@ohio.edu</a>>, Hans Kruse <<a href="mailto:kruse@ohio.edu">kruse@ohio.edu</a>>, Lisa Villamil <<a href="mailto:villamil@ohio.edu">villamil@ohio.edu</a>>, Sam Girton <<a href="mailto:girton@ohio.edu">girton@ohio.edu</a>>, <a href="mailto:rederfer@ohio.edu">rederfer@ohio.edu</a>, Chang Liu <<a href="mailto:liuc@ohio.edu">liuc@ohio.edu</a>>, Robert Stewart <<a href="mailto:stewartr@ohio.edu">stewartr@ohio.edu</a>>, Thomas Hodson <<a href="mailto:hodson@ohio.edu">hodson@ohio.edu</a>>, Jamie Smith <<a href="mailto:smithj31@ohio.edu">smithj31@ohio.edu</a>>, Albert Akyeampong <<a href="mailto:akyeampo@ohio.edu">akyeampo@ohio.edu</a>>, <a href="mailto:franklit@ohio.edu">franklit@ohio.edu</a><br>
<br><br><div style="word-wrap:break-word">Hi Scripps Faculty,<div><br></div><div>I'm teaching a topic seminar next quarter in Mobile-First Responsive Web Design. It's an emerging approach, but a focused one. It's objective is to start by designing the mobile experience first and then design the layout to be responsive and adjust to medium and larger screens. This allows you to design and build only one website to accommodate many of the internet enable devices. </div>
<div><br></div><div>To read about it: <a href="http://www.lukew.com/ff/entry.asp?1436" target="_blank">http://www.lukew.com/ff/entry.asp?1436</a></div><div>To see examples: <a href="http://mediaqueri.es/" target="_blank">http://mediaqueri.es/</a></div>
<div>Most predominate example: <a href="http://bostonglobe.com/" target="_blank">http://bostonglobe.com/</a></div><div><br></div><div>If you have students who have a little HTML/CSS background and may be interested, feel fee to pass along the information.</div>
<div><br></div><div>Course:</div><div><br></div><div>VICO 320/520: Topic Seminar (Mobile-First Responsive Web Design)</div><div>TU/TH from 3:10-5:00pm | 4 Credit Hours | with Brandon Flayler</div><div><br></div><div>Thanks for sharing the message,</div>
<div><br></div><div>Brandon</div><div><br></div><div><br><div>
<span><img src="cid:E3E8EE54-C33A-4D3E-B20F-3165B7D782D4@net.oit.ohio.edu" height="43" width="432"></span><span style="border-collapse:separate;color:rgb(0, 0, 0);font-family:Helvetica;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:normal;text-align:auto;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;font-size:medium"><span style="border-collapse:separate;color:rgb(0, 0, 0);font-family:Helvetica;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:normal;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;font-size:medium"><div style="word-wrap:break-word">
<span style="border-collapse:separate;color:rgb(0, 0, 0);font-family:Helvetica;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:normal;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;font-size:medium"><div style="word-wrap:break-word">
<div><span style="color:rgb(0, 102, 51);font-family:'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;font-size:14px;line-height:21px"><font face="'Trebuchet MS'"><br>Scripps College of Communication/</font><span style="color:rgb(0, 102, 51);line-height:21px"><font face="'Trebuchet MS'">School of Visual Communication</font></span></span></div>
<div><span style="color:rgb(0, 102, 51);line-height:21px"><span style="color:rgb(102, 102, 102)"><font face="'Trebuchet MS'" size="4"><span style="font-size:14px">Brandon Flayler, Visiting Professional</span></font></span></span></div>
<div><span style="color:rgb(0, 102, 51);line-height:21px"><span style="color:rgb(102, 102, 102)"><font face="'Trebuchet MS'" size="4"><span style="font-size:14px"><br></span></font></span></span></div><div><span style="color:rgb(98, 89, 78);font-family:CartoGothicProBook, 'Trebuchet MS', Arial, Helvetica, sans-serif;line-height:24px"><span style="line-height:1.5em;color:rgb(102, 102, 102);margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-style:initial;border-color:initial;outline-width:0px;outline-style:initial;outline-color:initial;background-color:transparent"><font face="'Trebuchet MS'">Siegfred Hall</font></span></span><span style="color:rgb(98, 89, 78);font-family:CartoGothicProBook, 'Trebuchet MS', Arial, Helvetica, sans-serif;line-height:24px"><font face="'Trebuchet MS'"> 301 </font></span><span style="color:rgb(98, 89, 78);font-family:CartoGothicProBook, 'Trebuchet MS', Arial, Helvetica, sans-serif;line-height:24px"><span style="line-height:1.5em;color:rgb(102, 102, 102);margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-style:initial;border-color:initial;outline-width:0px;outline-style:initial;outline-color:initial;background-color:transparent"><font face="'Trebuchet MS'">• Ohio University</font></span></span><span style="color:rgb(98, 89, 78);font-family:CartoGothicProBook, 'Trebuchet MS', Arial, Helvetica, sans-serif;line-height:24px"><font face="'Trebuchet MS'"> </font></span><span style="color:rgb(98, 89, 78);font-family:CartoGothicProBook, 'Trebuchet MS', Arial, Helvetica, sans-serif;line-height:24px"><span style="line-height:1.5em;color:rgb(102, 102, 102);margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-style:initial;border-color:initial;outline-width:0px;outline-style:initial;outline-color:initial;background-color:transparent"><font face="'Trebuchet MS'">• Athens OH 45701 </font></span></span><span style="color:rgb(98, 89, 78);font-family:CartoGothicProBook, 'Trebuchet MS', Arial, Helvetica, sans-serif;line-height:24px"><span style="color:rgb(102, 102, 102)"><font face="'Trebuchet MS'">• T: <a href="tel:937.750.7361" value="+19377507361" target="_blank">937.750.7361</a></font></span></span></div>
</div></span></div></span><span style="color:rgb(98, 89, 78);font-family:CartoGothicProBook, 'Trebuchet MS', Arial, Helvetica, sans-serif;font-size:16px;line-height:24px"><div style="line-height:1.5em;color:rgb(98, 89, 78);margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0.75em;padding-left:0px;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-style:initial;border-color:initial;outline-width:0px;outline-style:initial;outline-color:initial;background-color:transparent">
<span style="line-height:1.5em;color:rgb(102, 102, 102);margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-style:initial;border-color:initial;outline-width:0px;outline-style:initial;outline-color:initial;background-color:transparent"><font face="'Trebuchet MS'"><font size="3"><span style="font-size:12px"><a href="mailto:flayler@ohio.edu" target="_blank">flayler@ohio.edu</a> • <a href="http://www.ohio.edu" target="_blank">www.ohio.edu</a> • <a href="http://www.viscom.ohiou.edu" target="_blank">www.viscom.ohiou.edu</a></span></font></font></span></div>
<div style="line-height:1.5em;color:rgb(98, 89, 78);margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0.75em;padding-left:0px;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-style:initial;border-color:initial;outline-width:0px;outline-style:initial;outline-color:initial;background-color:transparent">
<span style="color:rgb(102, 102, 102);font-family:'Trebuchet MS';font-size:14px">Make an appointment for office hours: <a href="http://tungle.me/bflayler" target="_blank">http://tungle.me/bflayler</a></span></div>
</span></span>
</div>
<br></div></div></div><br><br clear="all"><br>-- <br><div dir="ltr"><font face="Tahoma" size="2" color="#333399">~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</font></div>
<div><p><font face="Tahoma" size="2" color="#333399">Dr. Teresa Franklin</font><font face="tahoma" size="2" color="#333399"><br>Professor, Instructional
Technology</font><font face="tahoma" size="2" color="#333399"><br>Instructional Technology Program
Coordinator</font><font face="tahoma" size="2" color="#333399"><br>Dept. Educational
Studies</font><font face="tahoma" size="2" color="#333399"><br>Gladys W. & David H. Patton
College of Education and Human Services</font><font face="tahoma" size="2" color="#333399"><br>Ohio University</font><font face="tahoma" size="2" color="#333399"><br>Athens, OH 45701</font><font face="tahoma" size="2" color="#333399"><br>
740-593-4561 (office)</font><font face="tahoma" size="2" color="#333399"><br>740-593-0477 (fax)</font><font face="tahoma" size="2"><br>also: <a href="mailto:franklinteresa@gmail.com" target="_blank">franklinteresa@gmail.com</a></font></p>
<p></p><p><i><font size="2"><br></font></i></p></div>
<br>