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>
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>