<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Web Teacher &#187; mobiles</title>
	<atom:link href="http://www.webteacher.ws/category/mobiles/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.webteacher.ws</link>
	<description>Tips, web design book reviews, resources and observations for teaching and learning web development.</description>
	<lastBuildDate>Tue, 07 Feb 2012 14:27:16 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Useful Links: WCAG, by the numbers, mobile development</title>
		<link>http://www.webteacher.ws/2012/02/02/useful-links-wcag-by-the-numbers-mobile-development/</link>
		<comments>http://www.webteacher.ws/2012/02/02/useful-links-wcag-by-the-numbers-mobile-development/#comments</comments>
		<pubDate>Thu, 02 Feb 2012 13:40:18 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[accessibility]]></category>
		<category><![CDATA[mobiles]]></category>
		<category><![CDATA[WebStandards]]></category>
		<category><![CDATA[women]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=7641</guid>
		<description><![CDATA[WCAG Next from WebAIM offers ideas that Jared Smith explained, &#8220;we have identified areas of the guidelines that could be improved or clarified.&#8221; Jared should know, he&#8217;s been helping people comply with WCAG since day one. The plain numbers about women in tech – the VCs is from Pleasure and Pain. Take a look at [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://webaim.org/blog/wcag-next/">WCAG Next</a> from WebAIM offers ideas that Jared Smith explained, &#8220;we have identified areas of the guidelines that could be improved or clarified.&#8221; Jared should know, he&#8217;s been helping people comply with WCAG since day one.</p>
<p><a href="http://whitneyhess.com/blog/2012/01/31/the-plain-numbers-about-women-in-tech-the-vcs/">The plain numbers about women in tech – the VCs</a> is from Pleasure and Pain. Take a look at the numbers in venture capital firms and draw your own conclusions.</p>
<p><a href="http://tiffanybbrown.com/2012/02/01/on-mobile-web-development/">On Mobile Web Development</a> argues for letting the dust settle on the specs before implementing the new shiny. And to remember that there&#8217;s more than iOS in the mobile sphere.</p>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2012. |
<a href="http://www.webteacher.ws/2012/02/02/useful-links-wcag-by-the-numbers-mobile-development/">Permalink</a> |
<a href="http://www.webteacher.ws/2012/02/02/useful-links-wcag-by-the-numbers-mobile-development/#comments">No comment</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2012/02/02/useful-links-wcag-by-the-numbers-mobile-development/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Should Your Blog Use Responsive Web Design?</title>
		<link>http://www.webteacher.ws/2011/12/27/should-your-blog-use-responsive-web-design/</link>
		<comments>http://www.webteacher.ws/2011/12/27/should-your-blog-use-responsive-web-design/#comments</comments>
		<pubDate>Tue, 27 Dec 2011 20:55:34 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[accessibility]]></category>
		<category><![CDATA[BlogHer]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[mobiles]]></category>
		<category><![CDATA[WebTeacherTips]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=7494</guid>
		<description><![CDATA[Two trends converged during 2011. One from the world of Internet connected devices and the other from web site design world. Statistics show that more people are connected to the Internet through some sort of mobile device than through a desktop or laptop computer. Web designers are scrambling to make sure that web pages are [...]]]></description>
			<content:encoded><![CDATA[<p>Two trends converged during 2011. One from the world of Internet connected devices and the other from web site design world. Statistics show that more people are connected to the Internet through some sort of mobile device than through a desktop or laptop computer. Web designers are scrambling to make sure that web pages are going to work on all those devices – phones, tablets, and computers.</p>
<p><a href="http://www.webteacher.ws/blog/wp-content/uploads/2011/12/sparkbox.jpg"><img class="alignnone size-full wp-image-7496" title="spark box responsive design" src="http://www.webteacher.ws/blog/wp-content/uploads/2011/12/sparkbox.jpg" alt="spark box responsive design" width="465" height="287" /></a><br />
Image: <a href="http://seesparkbox.com/">Spark Box</a></p>
<p>The direction web designers are heading in this quest for universal access is called responsive web design.</p>
<p><a href="http://www.alistapart.com/articles/responsive-web-design/">Responsive web design</a> is a way of organizing information and page layout so that a web page responds in an appropriate way to the device on which it&#8217;s viewed. On a large screen, the page might have two or three columns. On a tablet sized device it might have two columns. On a phone, it might have one column with simplified navigation. The images and the font sizes might be adjusted to fit the size of the device, too.</p>
<p>Want to see some examples of working sites that use it? <a href="http://mediaqueri.es/popular/">Mediaqueri.es</a> has a lot of examples. You can click through to look directly at each of the examples, such as the one at <a href="http://seesparkbox.com/">Spark Box</a>. On Mediaqueri.es, the examples are shown in four sizes so you can see how each design looks at different widths like this example, <cite>The Boston Globe</cite>.</p>
<p><a href="http://www.webteacher.ws/blog/wp-content/uploads/2011/12/bostonglobe.jpg"><img class="alignnone size-full wp-image-7495" title="boston globe responsive design" src="http://www.webteacher.ws/blog/wp-content/uploads/2011/12/bostonglobe.jpg" alt="boston globe responsive design" width="465" height="169" /></a></p>
<p>&nbsp;</p>
<p>It&#8217;s the same content in every case, it simply responds to the device with a different presentation of that content. Even if you only know a little about web design, you probably know that <em>content</em> and <em>presentation</em> are code words for HTML (the content) and CSS (the presentation).</p>
<p>Stay with me here on the content and the presentation. The HTML stays the same for every device. (Of course, the HTML you start with must be thought through so that your content can be laid out effectively for different devices. See <a href="http://www.alistapart.com/articles/fluidgrids">Fluid Grids</a> for more detail.) Add to that a few CSS rules aimed specifically at different types of devices. These CSS rules are called media queries.</p>
<h3>Media Queries</h3>
<p>Here are the rough basics of media queries.</p>
<p>In a media query, you specify a media type – screen, for example. Then you set up a feature for that particular form of media – width or color, for example. Check <a href="http://www.webteacher.ws/2011/12/15/media-query-fact-sheet/">my fact sheet</a> for a list of all the features (like screen) and resolution sizes for which you can write CSS rules.</p>
<p>You can put media rules in a separate style sheet for each device. If you do it that way, the link to the separate stylesheet looks like this:</p>
<p><code>&lt;link rel="stylesheet" media="screen and (max-device-width: 480px" href="example.css"&gt;</code></p>
<p>In that linked stylesheet, you write rules that determine the display for any screen device with a maximum width of 480px, the width of an iPhone in landscape mode.</p>
<p>You can incorporate media queries into your existing stylesheet with @media rules. If you do it that way, you add this to your stylesheet.</p>
<p><code>@media screen and (max-device-width: 480px) {rules here}</code></p>
<p>At this point, all you have is the media query. You don&#8217;t have the style rule changes to make the design respond for various media features. Let&#8217;s say that your blog, at its computer screen width, has two columns. One floated left called &#8220;main&#8221; at 66% of the width and one floated right called &#8220;sidebar&#8221; that is 33% of the width. Here&#8217;s how you would turn off that layout for devices with a maximum width of 480 px.</p>
<p><code>@media screen and (max-device-width: 480px) {<br />
#main {<br />
float: none;<br />
width: 100%;<br />
}<br />
#sidebar {<br />
float: none;<br />
width: 100%;<br />
}<br />
}</code></p>
<p>Now the two columns will line up one under the other, and look like what you see in the left-most image from the <cite>Boston Globe</cite> example above.</p>
<p>There&#8217;s a lot more to it, but that&#8217;s really all it involves: tweaking the CSS for various devices. For more in depth information you can check out the following.</p>
<ul>
<li><a href="http://zomigi.com/blog/examples-of-flexible-layouts-with-css3-media-queries/">Examples of Flexible Layouts with CSS3 Media Queries</a> by Zoe Gillentwater</li>
<li><a href="www.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/">Guidelines for Responsive Web Design</a> from Smashing Magazine</li>
<li><a href="http://msdn.microsoft.com/en-us/scriptjunkie/gg619395">Respond to Different Devices With CSS3 Media Queries</a> by Emily Lewis</li>
<li><a href="http://unstoppablerobotninja.com/entry/fluid-images/">Fluid Images</a> talks about making images responsive, too.</li>
</ul>
<h3>Are there Blog Themes for Responsive Designs?</h3>
<p>Yes, there certainly are. wplift has a list of both free and paid WordPress themes you can look through. Here are the <a href="http://wplift.com/20-high-quality-premium-responsive-wordpress-themes">Premium Themes</a>. If you use the Genesis theme popularized by CopyBlogger at Studio Press, <a href="http://www.studiopress.com/news/responsive-design.htm">responsive designs</a> are available for you. Search for responsive designs for your particular blog platform and you&#8217;ll probably find several choices.</p>
<h3>Should You Rush Out and Get Responsive?</h3>
<p>Well, that depends. You should investigate your audience and the sizes of devices that are using your site. Is your site one that people are reading at their leisure on a big screen, or one they are doing something with while on the run?</p>
<p>A while back, I wrote about some <a href="http://www.blogher.com/useful-wordpress-plugins-your-blog">Useful WordPress Plugins for Your Blog</a>. One in particular, WPTouch, made your WordPress blog more mobile friendly. I have that one working on my own blog now and don&#8217;t feel in a big hurry to choose a responsive theme yet because of it. You may feel pretty well covered in the mobile department in the same way I do.</p>
<p>On the other hand, I know the trend toward mobile is only going to grow. The need for web sites to look good and work easily on mobile devices is going to grow along with that trend. While there&#8217;s no rush, but there is the need to think about responsive design, learn about it, and choose a time to adapt to the idea of mobile design as an important consideration for your blog.</p>
<h3>Have you Already Gone Responsive Design?</h3>
<p>Do you have a blog that has already taken this design route? Please share.</p>
<p><em>Note: Originally <a href="http://www.blogher.com/responsive-web-design-should-your-blog-use-it">written for BlogHer</a> and cross-posted there.</em></p>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2011. |
<a href="http://www.webteacher.ws/2011/12/27/should-your-blog-use-responsive-web-design/">Permalink</a> |
<a href="http://www.webteacher.ws/2011/12/27/should-your-blog-use-responsive-web-design/#comments">5 comments</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2011/12/27/should-your-blog-use-responsive-web-design/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Useful links: Mobiles, Advent, more Mobile</title>
		<link>http://www.webteacher.ws/2011/12/23/useful-links-mobiles-advent-more-mobile/</link>
		<comments>http://www.webteacher.ws/2011/12/23/useful-links-mobiles-advent-more-mobile/#comments</comments>
		<pubDate>Fri, 23 Dec 2011 13:29:40 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[accessibility]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[mobiles]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=7466</guid>
		<description><![CDATA[Top Ten Tests for Alternatives on Mobiles. &#8220;The tests below are just a subset of mobile accessibility guidelines that should be followed and focuses purely on alternatives for screen reader users.&#8221; HTML 5 and CSS3 Advent. A web dev&#8217;s advent calendar. Mobile HTML5. Charts for devices and what they support. © vdebolt for Web Teacher, 2011. &#124; [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.iheni.com/mobile-accessibility-tests-alternatives-for-screen-reader-users/">Top Ten Tests for Alternatives on Mobiles</a>. &#8220;The tests below are just a subset of <a href="http://www.iheni.com/mobile-accessibility-guidelines/">mobile accessibility guidelines</a> that should be followed and focuses purely on alternatives for screen reader users.&#8221;</p>
<p><a href="http://html5advent2011.digitpaint.nl/index.html">HTML 5 and CSS3 Advent</a>. A web dev&#8217;s advent calendar.</p>
<p><a href="http://mobilehtml5.org/">Mobile HTML5</a>. Charts for devices and what they support.</p>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2011. |
<a href="http://www.webteacher.ws/2011/12/23/useful-links-mobiles-advent-more-mobile/">Permalink</a> |
<a href="http://www.webteacher.ws/2011/12/23/useful-links-mobiles-advent-more-mobile/#comments">No comment</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2011/12/23/useful-links-mobiles-advent-more-mobile/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Useful Links: Video Games and girls, WordPress for Android, iPad bloggers</title>
		<link>http://www.webteacher.ws/2011/12/21/useful-links-video-games-and-girls-wordpress-for-android-ipad-bloggers/</link>
		<comments>http://www.webteacher.ws/2011/12/21/useful-links-video-games-and-girls-wordpress-for-android-ipad-bloggers/#comments</comments>
		<pubDate>Wed, 21 Dec 2011 13:47:34 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[mobiles]]></category>
		<category><![CDATA[UsefulLinks]]></category>
		<category><![CDATA[women]]></category>
		<category><![CDATA[gaming]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=7458</guid>
		<description><![CDATA[Are video games good for girls? The things she points out probably also apply to boys, but this is an interesting report. I&#8217;m jealous of WordPress 2.0 for Android. I don&#8217;t blog from my iPhone, but I do use the WordPress app for iOS to check comments when I&#8217;m away from my computer. Look at [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://wellconnectedmom.com/blog/2011/12/21/are-video-games-good-for-girls/">Are video games good for girls?</a> The things she points out probably also apply to boys, but this is an interesting report.</p>
<p><a href="http://www.readwriteweb.com/archives/im_jealous_of_wordpress_for_android_20.php">I&#8217;m jealous of WordPress 2.0 for Android</a>. I don&#8217;t blog from my iPhone, but I do use the WordPress app for iOS to check comments when I&#8217;m away from my computer. Look at what the Android app can do. Here&#8217;s hoping these improvements are coming to iOS soon.</p>
<p>Does anyone us an iPad to blog? I looked at it early on as a potential blogging tool and it didn&#8217;t seem up to the chore. Is anyone using an iPad to blog successfully?</p>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2011. |
<a href="http://www.webteacher.ws/2011/12/21/useful-links-video-games-and-girls-wordpress-for-android-ipad-bloggers/">Permalink</a> |
<a href="http://www.webteacher.ws/2011/12/21/useful-links-video-games-and-girls-wordpress-for-android-ipad-bloggers/#comments">No comment</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2011/12/21/useful-links-video-games-and-girls-wordpress-for-android-ipad-bloggers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Useful links: ARIA Resources, Mobile Apps</title>
		<link>http://www.webteacher.ws/2011/11/21/useful-links-aria-resources-mobile-apps/</link>
		<comments>http://www.webteacher.ws/2011/11/21/useful-links-aria-resources-mobile-apps/#comments</comments>
		<pubDate>Mon, 21 Nov 2011 14:59:44 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[accessibility]]></category>
		<category><![CDATA[mobiles]]></category>
		<category><![CDATA[UsefulLinks]]></category>
		<category><![CDATA[Web Apps]]></category>
		<category><![CDATA[ARIA]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=7324</guid>
		<description><![CDATA[Here&#8217;s a well-developed resource for ARIA information from MDN. Mobile Apps headed for the dustbin of history at DevBeat is must reading for anyone interested in where the Internet is going. © vdebolt for Web Teacher, 2011. &#124; Permalink &#124; No comment &#124;]]></description>
			<content:encoded><![CDATA[<p>Here&#8217;s a well-developed <a href="https://developer.mozilla.org/en/aria">resource for ARIA information</a> from MDN.</p>
<p><a href="http://venturebeat.com/2011/11/09/mobile-web/">Mobile Apps headed for the dustbin of history</a> at DevBeat is must reading for anyone interested in where the Internet is going.</p>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2011. |
<a href="http://www.webteacher.ws/2011/11/21/useful-links-aria-resources-mobile-apps/">Permalink</a> |
<a href="http://www.webteacher.ws/2011/11/21/useful-links-aria-resources-mobile-apps/#comments">No comment</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2011/11/21/useful-links-aria-resources-mobile-apps/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Useful links: Responsive images, WordPress gallery</title>
		<link>http://www.webteacher.ws/2011/11/11/useful-links-responsive-images-wordpress-gallery/</link>
		<comments>http://www.webteacher.ws/2011/11/11/useful-links-responsive-images-wordpress-gallery/#comments</comments>
		<pubDate>Fri, 11 Nov 2011 14:15:37 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[blogging]]></category>
		<category><![CDATA[mobiles]]></category>
		<category><![CDATA[UsefulLinks]]></category>
		<category><![CDATA[WebDesign]]></category>
		<category><![CDATA[WebStandards]]></category>
		<category><![CDATA[Responsive Design]]></category>
		<category><![CDATA[Wordpress image gallery]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=7273</guid>
		<description><![CDATA[Responsible Responsive Images brings out some points worth pondering. WordPress has added image gallery support. Here&#8217;s how to make it work. Can&#8217;t wait to find a reason to try it out. © vdebolt for Web Teacher, 2011. &#124; Permalink &#124; One comment &#124;]]></description>
			<content:encoded><![CDATA[<p><a href="http://adactio.com/journal/4997/">Responsible Responsive Images</a> brings out some points worth pondering.</p>
<p>WordPress has added image gallery support. Here&#8217;s how to make it work. Can&#8217;t wait to find a reason to try it out.</p>
<p><object width="400" height="224" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://s0.videopress.com/player.swf?v=1.03" /><param name="wmode" value="direct" /><param name="seamlesstabbing" value="true" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="overstretch" value="true" /><param name="flashvars" value="guid=6qTfPQeN&amp;isDynamicSeeking=true" /><embed width="400" height="224" type="application/x-shockwave-flash" src="http://s0.videopress.com/player.swf?v=1.03" wmode="direct" seamlesstabbing="true" allowfullscreen="true" allowscriptaccess="always" overstretch="true" flashvars="guid=6qTfPQeN&amp;isDynamicSeeking=true" /></object></p>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2011. |
<a href="http://www.webteacher.ws/2011/11/11/useful-links-responsive-images-wordpress-gallery/">Permalink</a> |
<a href="http://www.webteacher.ws/2011/11/11/useful-links-responsive-images-wordpress-gallery/#comments">One comment</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2011/11/11/useful-links-responsive-images-wordpress-gallery/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Adobe changes approach to Flash Player for Mobile</title>
		<link>http://www.webteacher.ws/2011/11/10/adobe-changes-approach-to-flash-player-for-mobile/</link>
		<comments>http://www.webteacher.ws/2011/11/10/adobe-changes-approach-to-flash-player-for-mobile/#comments</comments>
		<pubDate>Thu, 10 Nov 2011 13:41:27 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[Dreamweaver]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[mobiles]]></category>
		<category><![CDATA[News-Politics]]></category>
		<category><![CDATA[Flash Player]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=7271</guid>
		<description><![CDATA[Adobe announced yesterday that it will stop developing the Flash Player for mobile devices. They will continue to support the Flash Player on desktop devices. Their statement said, Our future work with Flash on mobile devices will be focused on enabling Flash developers to package native apps with Adobe AIR for all the major app [...]]]></description>
			<content:encoded><![CDATA[<p>Adobe announced yesterday that it will stop developing the Flash Player for mobile devices. They will continue to support the Flash Player on desktop devices.</p>
<p>Their statement said,</p>
<blockquote><p>Our future work with Flash on mobile devices will be focused on enabling Flash developers to package native apps with Adobe AIR for all the major app stores.</p></blockquote>
<p>Adobe also claims to be committed to using HTML5 on mobile devices. Adobe has made some moves in the direction of HTML5 in Dreamweaver CS 5 and CS 5.5. (I expect the next version of Dreamweaver to be much more oriented to HTML5.)</p>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2011. |
<a href="http://www.webteacher.ws/2011/11/10/adobe-changes-approach-to-flash-player-for-mobile/">Permalink</a> |
<a href="http://www.webteacher.ws/2011/11/10/adobe-changes-approach-to-flash-player-for-mobile/#comments">No comment</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2011/11/10/adobe-changes-approach-to-flash-player-for-mobile/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Useful links: Interoperability, Organizing mobile, Moms with apps</title>
		<link>http://www.webteacher.ws/2011/10/18/useful-links-interoperability-organizing-mobile-moms-with-apps/</link>
		<comments>http://www.webteacher.ws/2011/10/18/useful-links-interoperability-organizing-mobile-moms-with-apps/#comments</comments>
		<pubDate>Tue, 18 Oct 2011 20:32:37 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[accessibility]]></category>
		<category><![CDATA[mobiles]]></category>
		<category><![CDATA[apps]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=7168</guid>
		<description><![CDATA[CSS, HTML, ARIA, browsers, assistive technology and interoperability Organizing Mobile. I don&#8217;t often link to A List Apart, because I assume everyone is already reading it without my encouragement. But just in case you aren&#8217;t, check out this post by Luke Wroblewski. A group of women app developers are online at momswithapps.com. They share all [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.paciellogroup.com/blog/2011/10/css-html-aria-browsers-assistive-technology-and-interoperability/">CSS, HTML, ARIA, browsers, assistive technology and interoperability</a></p>
<p><a href="http://www.alistapart.com/articles/organizing-mobile/">Organizing Mobile</a>. I don&#8217;t often link to <cite>A List Apart</cite>, because I assume everyone is already reading it without my encouragement. But just in case you aren&#8217;t, check out this post by Luke Wroblewski.</p>
<p>A group of women app developers are online at <a href="http://momswithapps.com/">momswithapps.com</a>. They share all kinds of helpful info about creating and marketing apps. Not just for women.</p>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2011. |
<a href="http://www.webteacher.ws/2011/10/18/useful-links-interoperability-organizing-mobile-moms-with-apps/">Permalink</a> |
<a href="http://www.webteacher.ws/2011/10/18/useful-links-interoperability-organizing-mobile-moms-with-apps/#comments">No comment</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2011/10/18/useful-links-interoperability-organizing-mobile-moms-with-apps/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Smartphone Password Protection Quandry</title>
		<link>http://www.webteacher.ws/2011/10/06/the-smartphone-password-protection-quandry/</link>
		<comments>http://www.webteacher.ws/2011/10/06/the-smartphone-password-protection-quandry/#comments</comments>
		<pubDate>Thu, 06 Oct 2011 12:35:08 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[mobiles]]></category>
		<category><![CDATA[privacy]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=7105</guid>
		<description><![CDATA[I was reading Most Don&#8217;t Password Protect Their Smartphones &#8211; Here&#8217;s Why You Should at ReadWriteWeb. Sure, protect your privacy, ensure you security. I, however, have a point of view on the password entry to smartphones that is more nuanced. When you&#8217;re trotting around the globe in your 20s and 30s with you mobile phone in [...]]]></description>
			<content:encoded><![CDATA[<p>I was reading <a title="Permanent link to Most Don't Password Protect Their Smartphones - Here's Why You Should" href="http://www.readwriteweb.com/archives/lock_smartphone_with_passcode.php">Most Don&#8217;t Password Protect Their Smartphones &#8211; Here&#8217;s Why You Should</a> at ReadWriteWeb. Sure, protect your privacy, ensure you security. I, however, have a point of view on the password entry to smartphones that is more nuanced.</p>
<p>When you&#8217;re trotting around the globe in your 20s and 30s with you mobile phone in hand, you can ignore the fact that you are a mortal being. At my age, not so much. So I selectively protect my phone, depending on where I am.</p>
<p>It only takes a moment to turn on password protection, or to turn it off.</p>
<p>I turn it on when I&#8217;m in situations where there are lots of people and I might lose it or mislay it or even have it stolen.</p>
<p>I turn it off when I&#8217;m driving somewhere alone, or when I&#8217;m out walking alone. If something happens to me while I&#8217;m away from home alone, I want my emergency numbers and my contact list to be accessible on my phone. I&#8217;m trading one kind of security for another kind of security.</p>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2011. |
<a href="http://www.webteacher.ws/2011/10/06/the-smartphone-password-protection-quandry/">Permalink</a> |
<a href="http://www.webteacher.ws/2011/10/06/the-smartphone-password-protection-quandry/#comments">No comment</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2011/10/06/the-smartphone-password-protection-quandry/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Guest Post: 7 Things Everyone in Your Organization Should Know</title>
		<link>http://www.webteacher.ws/2011/09/27/guest-post-7-things-everyone-in-your-organization-should-know/</link>
		<comments>http://www.webteacher.ws/2011/09/27/guest-post-7-things-everyone-in-your-organization-should-know/#comments</comments>
		<pubDate>Tue, 27 Sep 2011 12:31:16 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[browsers]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[mobiles]]></category>
		<category><![CDATA[teaching tips]]></category>
		<category><![CDATA[web-education]]></category>
		<category><![CDATA[WebDesign]]></category>
		<category><![CDATA[WebFoundation]]></category>
		<category><![CDATA[WebStandards]]></category>
		<category><![CDATA[WebTeacherTips]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=7056</guid>
		<description><![CDATA[This weekend, I attended the Online News Association Conference in Boston. It was a great gathering of multimedia developers and those concerned with all things digital – quite a fantastic event. I had the opportunity to participate on a panel called “If I Were in Charge, I’d…” Proposals for the panel were solicited before the [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.webteacher.ws/2008/08/31/oldies-but-goodies-giveaway/1291-revision-4/" rel="attachment wp-att-1310"><img class="alignleft size-medium wp-image-1310" title="3553186249_ffa81d0392" src="http://tech.cindyroyal.net/wp-content/uploads/2011/09/3553186249_ffa81d0392-300x217.jpg" alt="" width="232" height="166" /></a>This weekend, I attended the <a href="http://ona11.journalists.org/" target="_blank">Online News Association Conference</a> in Boston. It was a great gathering of multimedia developers and those concerned with all things digital – quite a fantastic event. I had the opportunity to participate on a panel called <a href="http://ona11.journalists.org/sessions/if-i-were-in-charge-id-_____/" target="_blank">“If I Were in Charge, I’d…”</a> Proposals for the panel were solicited before the conference, and mine was one of six selected. The presentation is below, but I wanted to provide a few more details, beyond the eight minutes I had to present. And I wanted to see if there was any feedback or critique. Rob Quigley <a href="http://robquig.tumblr.com/post/10610827095/from-ona-if-i-were-in-charge-i-would" target="_blank">live blogged the entire session</a>, if you’d like to see the other topics and presenters.</p>
<div id="__ss_9216231" style="width: 425px;">
<p><strong style="display: block; margin: 12px 0 4px;"><span class="Apple-style-span" style="font-weight: normal;"><strong style="display: block; margin: 12px 0 4px;"><a title="ONA: 7 Things Everyone Should Know" href="http://www.slideshare.net/clroyal/ona-7-things-everyone-should-know" target="_blank">ONA: 7 Things Everyone Should Know</a></strong></span></strong></p>
<div id="__ss_9216231" style="width: 425px;">
<p><iframe src="http://www.slideshare.net/slideshow/embed_code/9216231" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="425" height="355"></iframe></p>
<div style="padding: 5px 0 12px;">View more <a href="http://www.slideshare.net/" target="_blank">presentations</a> from <a href="http://www.slideshare.net/clroyal" target="_blank">clroyal</a></div>
</div>
</div>
<p>Are you in charge? Maybe you’re an editor or a general manager of a newsroom, or perhaps you’re a dean or director of a university organization. Maybe you lead a media company that specializes in PR or Advertising. Do you consider yourself in charge of a digital media organization? And, does everyone in your organization know that they work in a digital media organization?</p>
<p>Does everyone in your organization know what an API is and why that’s important? Do they know what SEO means and what value it brings the organization? Are they familiar with the type of CMS your organization uses and how it works? And do they know some basic concepts like HTML or how to embed a video or widget onto another Web page?</p>
<p>If I were in charge, I’d be making sure everyone associated with the organization – every reporter, columnist, copy editor, photographer, videographer, every faculty member, every associate – I’d even go as far as saying that every person who answers the phone – knows these things and more. This is not the template for a two-hour workshop. This is not a quick fix or a tweak. This is a tectonic shift in the ways that people envision what it is they are expected to know and do and the kind of organization for which they work.</p>
<h3><strong> I propose 7 Things Everyone in a Digital Media Organization Should Know:</strong></h3>
<h3><a href="http://www.webteacher.ws/?attachment_id=1311" rel="attachment wp-att-1311"><img class="alignright size-full wp-image-1311" title="gore" src="http://tech.cindyroyal.net/wp-content/uploads/2011/09/gore.jpg" alt="" width="230" height="161" /></a>1. Everyone would know the history and background of the Web.</h3>
<p>Why? Because it’s fun to study the history of something. And, it provides a foundation for understanding the future. By learning about the role of the ARPAnet (and later Tim Berners-Lee in Switzerland), the people involved and the culture surrounding the development of the Internet, we begin to see what makes this environment different. We can learn about the origins of hacker and open source culture and why this presents an alternative and a complement to commercialization. Oh, and we’d know that <a href="http://metaphorical.wordpress.com/2007/02/20/how-a-journalist-invented-that-al-gore-invented-the-internet/" target="_blank">Al Gore didn’t invent the Internet</a>, and that he never actually said he did.</p>
<h3>2. Everyone would understand the key terms of digital media.</h3>
<p>We must speak the same language in order to collaborate and have a shared understanding. You can’t have the tech folks spewing jargon while the rest of the organization stands around the sidelines and rolls their eyes. We’re not talking about buzzwords and marketing posturing, but things that everyone needs to know, like what an Application Programming Interface (API) is and why you might use one, why your organization should have them and who benefits from them. When we talk about the “cloud,” what do we mean and how is that different than where we’ve been hosting things all along? What is Search Engine Optimization and how does that compare to Social Media Optimization? What do we mean when we use the phrase “data visualization” and what are these platforms (frameworks) of Ruby on Rails and Django? People may not actually perform these functions or use these platforms, but they should have a clue about what they are and what they do.</p>
<h3>3. Everyone would know how Google makes money.</h3>
<p>Why? Because Google makes a lot of money. And I bet most of your organization has never paid anything to Google to use their multitude of services. Google has a $170B market cap, one of the most successful companies in history. They made the majority of their $29B in revenue in 2010 with advertising – those little ads you see on the sides and the sponsored links on the top of your Google search. But it’s the power of their search algorithm and their ability to provide products to us that are useful and that integrate with our lives, that allows them to continue to learn more and more about us. Knowledge is power, right?</p>
<h3><a href="http://www.webteacher.ws/2008/09/09/useful-links-29/1311-revision/" rel="attachment wp-att-1312"><img class="alignleft size-medium wp-image-1312" title="lolcat-i-can-has-tweets" src="http://tech.cindyroyal.net/wp-content/uploads/2011/09/lolcat-i-can-has-tweets-300x225.jpg" alt="" width="238" height="178" /></a>4. Everyone would be able to explain why social media is important.</h3>
<p>No, Twitter’s not about what you ate for breakfast. And Facebook’s not just a place to upload photos of your kid’s birthday party. A modern media organization understands that interaction is the key. The technologies known as Web 2.0 drive interaction with the audience that was unheard of in prior eras. They make media a conversation, and those conversations have value. People are gaining an expectation of participation because of their participation on social networks, and they will begin to find media irrelevant that don’t give them something to do, don’t provide <a href="http://www.ojr.org/ojr/people/croyal/200905/1723/" target="_blank">a user experience</a>. Get ready for new social platforms to be introduced over time. Google, who is the king of search, is now trying to develop social competencies with Google+. Location-based platforms, reviewer sites, online games… new things are coming out every minute. But you can’t expect people to understand them if they don’t use them. People should be encouraged to try new things. And they should be comfortable with the idea of using social media to develop their own brand or to support that of the organizations with which they work.</p>
<h3>5. Everyone would understand how data can tell a story.</h3>
<p>That doesn’t mean that everyone will know how to program a data visualization. But everyone should understand that a data visualization is an important element of storytelling, just like text, photos, video, other graphics. The benefit is the interaction, the ways that you develop to integrate the user into the story. There are a million ways to do this, and we are just starting to see brilliant examples of this type of work by organizations like the New York Times, the Guardian, the LA Times, the Texas Tribune, the Associated Press, the Chicago Tribune, ProPublica and more. The example I used in my presentation is the Rent vs. Buy interactive that the New York Times did several years ago, but is still updated on their site. You can read a story about whether or not you should rent or buy a house, but how does that really help someone make their own decision, with their own variables? Everyone needs to understand the power of this type of information and comprehend their role in creating it. How would they propose such a project? Who will they work with? What tools can they use and what resources are out there? This doesn’t mean someone needs to tell them or train them. They need to be focused enough on the importance of it that they are seeking out this information on their own and figuring out ways to integrate it into their own workflow. That’s how the people who are doing this kind of work learned it… by figuring it out themselves.</p>
<h3><a href="http://www.webteacher.ws/?attachment_id=1313" rel="attachment wp-att-1313"><img class="alignright size-medium wp-image-1313" title="css_ninja" src="http://tech.cindyroyal.net/wp-content/uploads/2011/09/css_ninja-300x299.jpg" alt="" width="193" height="192" /></a>6. Everyone would know a little HTML (and some CSS for that matter).</h3>
<p>Why? Because it’s the language of the Web. If you don’t know the language, you can’t understand the platform. You need to know HTML to maximize your ability to customize the things you do in blog or content management systems. And it is the foundation for more advanced coding, like CSS, Javascript, JQuery and on and on. For the most part, code snippets are available in libraries, so what most people are doing when they work in code is tweaking and customizing, rather than cranking it out from scratch. It’s not that everyone should become a programmer, but it wouldn’t hurt to know a bit about how it all works. Knowing a little html can go a long way in being able to read and tweak code (like reading a foreign language versus writing or speaking it). And, it’s not hard. It’s a markup language, using tags to give meaning to text. It fits in perfectly with a communicator’s skill set. And it’s fun to learn.</p>
<h3>7. Everyone would understand the elements of a digital-, and increasingly mobile-, first strategy.</h3>
<p>Until this happens, your organization will still be mired in legacy culture. People need to understand how it changes the processes of the newsroom, how their roles change, and most importantly, how it affects the experience of the user. Breaking a story on Twitter is the new “scoop.” The analysis and conversations that happen after is what a news organization does now. Sure, you still produce a paper or newscast, but that’s only a part of what you do. It’s what you share all day long and what others share of the work that you are doing that establishes your brand and your value. You have to re-prioritize that to your organization.</p>
<p>So, as I said above, this isn’t about developing a 2-hour workshop and then going back to the way things have always been. We’re not a weekend behind and then we’re all caught up. Digital media has been developing for the better part of two decades, and it’s time everyone who works in media realizes they work for a digital media organization. We can’t solve the pressing problems of the field with just a few who are in-the-know. We need everyone to be working toward the same goals, gaining knowledge and contributing to the solutions. This will require constant, ongoing and consistent messaging in the following areas:</p>
<ul>
<li>Leadership must evangelize from the top – it’s not enough to have the tech people at the grass roots take responsibility for training the whole organization. Leadership must communicate that it is everyone’s responsibility to keep up-to-date and learn. It must be a consistent part of all messaging, all meetings, the mission and goals of the organization.</li>
<li>Foster a meetup culture – how can they learn? Well, for one, they can start attending any of the multitude of professional meetups that are probably already happening in their area. These resources exist. There are regular presentations on relevant topics, and you don’t even have to organize them. Just make sure your organization knows that it is an expectation that people participate. And, people should gain a level of comfort in going to groups where they don’t feel like they have a command of the material. Don’t be afraid to be the stupidest person in the room. In fact, that’s preferable. That’s when you learn. And, like a lot of this stuff, it’s fun. You meet people, who may be able to help you professionally, or guess what..? You just might end up with a few new friends. Personally, I view my professional network for its power in assisting my students, but I really enjoy meeting people and learning about these topics, and have made some wonderful contacts in the process. Don’t attend a meetup that you dread or hate. Find one that interests you. They’re out there.</li>
<li>Encourage innovation through exploration – It should be expected that people try new things when they are released. Get on Google+, try Foursquare and Gowalla, sign up for Storify… Guess what? They’re free. Yes, they take time. But if that’s what your job is, then you are using that time wisely. Having a little knowledge about a new platform and some perspective can be quite beneficial when trying to weigh options and quickly make decisions about the usage and relevance of platforms. And you don’t want to ignore new technologies to the point that you suddenly have “unexpected” time on your hands, do you?</li>
<li>Read tech/media publications – This should be a given. We expect people to keep up with news, be on top of things, know their beats, keep up with trends. Well, this is our business now, so shouldn’t we expect people to keep up with it? Know about the key players, tech mergers, new media projects, startups. There are numerous publications, but Wired, Fast Company and a multitude of blogs, like Mashable, 10,000 Words and TechCrunch, are a good start.</li>
</ul>
<p>I have had success in sharing these concepts with students. My feeling is that they gain an enthusiasm for the future of media by having it presented in this manner. These are opportunities, not annoyances. There are challenges, but everyone needs to be on board so they can be overcome. If I were in charge, I’d find a way to make everyone excited about the future of media.</p>
<p>Are you in charge? What do you think about these points? Does everyone in your organization know these things? Maybe you’re not “in charge.” I’m not either. This was just a hypothetical exercise. But what do you think your organization should do to integrate these concepts, if you think they are valid at all? Let me know if you have any additional items or if you just think I’m full of it. I’ll be interested in any discussion generated.</p>
<p><strong>Some resources I have used:</strong></p>
<p><a href="http://www.amazon.com/Internet-Behind-Web-Modern-Marvels-VHS/dp/B000050Y51/ref=sr_1_1?ie=UTF8&amp;qid=1317005877&amp;sr=8-1" target="_blank">The Internet: Behind the Web</a> – it’s an old video, and is probably only available on VHS (I have since dubbed it DVD), but it’s a great way to learn about the history of the ARPANet, Internet and Web. It has some abridged content from the longer series <a href="http://www.pbs.org/opb/nerds2.0.1/" target="_blank">Nerds 2.0.1</a></p>
<p><a href="http://science.discovery.com/tv/download/download.html" target="_blank">Download: The True Story of the Internet</a> – this is a great series that covers Browsers, Search, E-Commerce and Social Networking. It brings everything up to date after the above video.</p>
<p><a href="http://hackshackers.com/resources/hackshackers-survival-glossary/" target="_blank">Hacks/Hackers Glossary</a> – a great set of terms and definitions developed by the main Hacks/Hackers organization. Their a meetup group, probably a chapter in your area, that brings journalists and programmers together.</p>
<p><a href="http://lynda.com" target="_blank">Lynda.com </a>- this is a software and programming training library. It costs money, but on a month-by-month basis, it’s cheaper than purchasing a book to learn a particular language or platform.</p>
<p><a href=" http://sxsw.com/interactive" target="_blank">South By Southwest</a> – You should attend conferences. ONA is fantastic. Another one that I love is the South By Southwest Interactive Festival. It’s huge and broad, but nothing has influenced my approach to teaching media than my regular attendance, year after year, at this event. And, like a lot of these recommendations, it’s fun. Trust me on this one. Plan to attend SXSW in March.</p>
<p><em>Guest Post by Cindy Royal. This post was originally published at <a href="http://tech.cindyroyal.net/?p=1277">Cindy&#8217;s Take on Tech</a>.</em></p>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2011. |
<a href="http://www.webteacher.ws/2011/09/27/guest-post-7-things-everyone-in-your-organization-should-know/">Permalink</a> |
<a href="http://www.webteacher.ws/2011/09/27/guest-post-7-things-everyone-in-your-organization-should-know/#comments">No comment</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2011/09/27/guest-post-7-things-everyone-in-your-organization-should-know/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

