<?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; WebDesign</title>
	<atom:link href="http://www.webteacher.ws/category/webdesign/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: Responsive bookmarklet, JAWS11, Sony Bloggie, Fluid Grid, Twitter in HS</title>
		<link>http://www.webteacher.ws/2012/01/31/useful-links-responsive-bookmarklet-jaws11-sony-bloggie-fluid-grid-twitter-in-hs/</link>
		<comments>http://www.webteacher.ws/2012/01/31/useful-links-responsive-bookmarklet-jaws11-sony-bloggie-fluid-grid-twitter-in-hs/#comments</comments>
		<pubDate>Tue, 31 Jan 2012 14:45:16 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[accessibility]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[SocialMedia]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[WebDesign]]></category>
		<category><![CDATA[Responsive Design]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=7625</guid>
		<description><![CDATA[There&#8217;s a tool for a simple responsive design test that works in your browser. It&#8217;s also available in a bookmarklet. JAWS 11 and IE 9. Tests by DingoAccess. Sony Bloggie Live. Take your video and broadcast it live via wifi. Imagine what we will see coming from tech conferences now . . . If your [...]]]></description>
			<content:encoded><![CDATA[<p>There&#8217;s a tool for a <a href="http://bricss.net/post/16538278376/simple-responsive-design-test-page">simple responsive design test</a> that works in your browser. It&#8217;s also available in a bookmarklet.</p>
<p><a href="http://www.dingoaccess.com/accessibility/jaws-11-and-ie-9/">JAWS 11 and IE 9</a>. Tests by DingoAccess.</p>
<p><a href="http://www.tech4mommies.com/2012/01/sonny-bloggie-live/">Sony Bloggie Live</a>. Take your video and broadcast it live via wifi. Imagine what we will see coming from tech conferences now . . .</p>
<p>If your <a href="http://elliotjaystocks.com/blog/a-better-photoshop-grid-for-responsive-web-design/">fluid grid was 1000px</a>, the math for a responsive design would be a whole lot easier. You can download the PSD file.</p>
<p><a href="http://www.bestcollegesonline.com/blog/2012/01/30/20-innovative-ways-high-schools-are-using-twitter/">20 Innovative Ways High Schools are Using Twitter</a>. Some of these ideas are very interesting.</p>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2012. |
<a href="http://www.webteacher.ws/2012/01/31/useful-links-responsive-bookmarklet-jaws11-sony-bloggie-fluid-grid-twitter-in-hs/">Permalink</a> |
<a href="http://www.webteacher.ws/2012/01/31/useful-links-responsive-bookmarklet-jaws11-sony-bloggie-fluid-grid-twitter-in-hs/#comments">No comment</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2012/01/31/useful-links-responsive-bookmarklet-jaws11-sony-bloggie-fluid-grid-twitter-in-hs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5 News Resource</title>
		<link>http://www.webteacher.ws/2012/01/30/html5-news-resource/</link>
		<comments>http://www.webteacher.ws/2012/01/30/html5-news-resource/#comments</comments>
		<pubDate>Mon, 30 Jan 2012 13:40:51 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[InterAct]]></category>
		<category><![CDATA[WebDesign]]></category>
		<category><![CDATA[WebStandards]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=7627</guid>
		<description><![CDATA[I invite you to follow HTML5 News on Scoop.it! You&#8217;ll find tutorials, discussions, books, videos, and more. Everything of interest that relates specifically to HTML5 will show up here. You can use this resource for learning, teaching, or keeping up with what&#8217;s happening in the web design world. © vdebolt for Web Teacher, 2012. &#124; [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.scoop.it/t/html5-news"><img class="alignnone size-full wp-image-7628" title="html5 news" src="http://www.webteacher.ws/blog/wp-content/uploads/2012/01/html5news.jpg" alt="HTML5 News" width="565" height="220" /></a></p>
<p>I invite you to follow <a href="http://www.scoop.it/t/html5-news">HTML5 News</a> on Scoop.it! You&#8217;ll find tutorials, discussions, books, videos, and more. Everything of interest that relates specifically to HTML5 will show up here. You can use this resource for learning, teaching, or keeping up with what&#8217;s happening in the web design world.</p>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2012. |
<a href="http://www.webteacher.ws/2012/01/30/html5-news-resource/">Permalink</a> |
<a href="http://www.webteacher.ws/2012/01/30/html5-news-resource/#comments">No comment</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2012/01/30/html5-news-resource/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Going to An Event Apart? 5 Tips to Help You Get Ready</title>
		<link>http://www.webteacher.ws/2012/01/24/going-to-an-event-apart-5-tips-to-help-you-get-ready/</link>
		<comments>http://www.webteacher.ws/2012/01/24/going-to-an-event-apart-5-tips-to-help-you-get-ready/#comments</comments>
		<pubDate>Tue, 24 Jan 2012 15:30:25 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[events]]></category>
		<category><![CDATA[GuestPost]]></category>
		<category><![CDATA[web-education]]></category>
		<category><![CDATA[WebDesign]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=7600</guid>
		<description><![CDATA[The latest iteration of An Event Apart is nearly upon us, to be held in Atlanta next month with subsequent sessions upcoming in Seattle, Boston, Austin and Washington, DC later in the year. Widely recognized as the most important conference of the year for web site designers and developers, An Event Apart offers a series [...]]]></description>
			<content:encoded><![CDATA[<p>The latest iteration of <a href="http://aneventapart.com/">An Event Apart</a> is nearly upon us, to be held in Atlanta next month with subsequent sessions upcoming in Seattle, Boston, Austin and Washington, DC later in the year. Widely recognized as the most important conference of the year for web site designers and developers, An Event Apart offers a series of educational workshops and seminars aimed at helping you, quite simply, to become even better at everything that you do online.</p>
<p><img src="http://i133.photobucket.com/albums/q62/anya678/task-11-10/event-apart-tips-to-have-social-media-help-you-get-ready-01.jpg" alt="An Event Apart" width="550" height="277" /></p>
<p>With topics ranging from content creation to raw design and web standards, all with an innovative focus on the future, An Event Apart boasts the very best minds and voices in the industry with speakers and presenters who have been and continue to be behind some of the most popular spots on the interweb.</p>
<p>If you&#8217;re a web designer or developer and have the time and means to attend then your first decision has been made for you! Once your initial plans have been made, it&#8217;s time to focus on how exactly you can best prepare to get the most out of your An Event Apart experience. Check out the tips below to effectively utilize social media in helping you to create a personal itinerary:</p>
<h3>1. Get to Know Your Fellow Attendees</h3>
<p><img src="http://i133.photobucket.com/albums/q62/anya678/task-11-10/event-apart-tips-to-have-social-media-help-you-get-ready-02.jpg" alt="An Event Apart" width="550" height="208" /></p>
<p>There is one thing you can be sure of when considering the people you&#8217;ll meet and converse with at An Event Apart: they are all utilizing social media of some sort to stay in touch with clients and colleagues. Leading up to the conference, learn more about the speakers, guests and presenters by following their social feeds; you&#8217;re sure to meet many of the colleagues you&#8217;ll soon be rubbing shoulders with via the same method!</p>
<h3>2. Stay Active on Facebook, Twitter, LinkedIn and Google+</h3>
<p>An Event Apart attendees will seek each other out not generally by face, but by online reputation. Utilize your social media presence to let the world know that you are an innovative thinker with good ideas and give your colleagues a reason to seek you out! There is no better place in the world to network and build contacts with both potential clients and potential partners than An Event Apart; make the most of it!</p>
<h3>3. Update Your Site</h3>
<p>When duty calls and you&#8217;ve spent the last few weeks or months thinking and dreaming code and design, it can be easy to allow your personal site and portfolio to lapse. Take the time to update your &#8220;About&#8221; page and add fresh content to your site and blog in order to give those you&#8217;re connecting with a reason to stay and chat. Also, if you plan to leave An Event Apart with wads of your business cards having been handed out, the same folks that you impressed with your ideas at the conference can also be impressed by your personal home on the web.</p>
<h3>4. Prepare Your Review</h3>
<p><object width="550" height="413" 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="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=34978760&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed width="550" height="413" type="application/x-shockwave-flash" src="http://vimeo.com/moogaloop.swf?clip_id=34978760&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" allowfullscreen="true" allowscriptaccess="always" /></object></p>
<p>Attending An Event Apart gives you the immediate ability to act as a qualified reviewer after the fact, letting your clients, colleagues and visitors in on the intimate details of your experience and the new knowledge and strategies that you walked away with. While the review itself will obviously have to wait until after the conference is over, you can get started now by preparing your review template, planning the outline and letting your social followers know that your blog is the place to look for a thorough and enjoyable overview of the latest iteration of An Event Apart!</p>
<h3>5. Enjoy the Preparation and Conference</h3>
<p><img src="http://i133.photobucket.com/albums/q62/anya678/task-11-10/event-apart-tips-to-have-social-media-help-you-get-ready-03.jpg" alt="An Event Apart" width="550" height="367" /><br />
Image Credit: <a href="http://www.flickr.com/photos/40054618@N03/5141332702/in/photostream/">Peter Hart</a>.</p>
<p>An Event Apart is not only an intense educational experience for web professionals but also an event focused on the fun that springs naturally from bringing so many like-minded people together in one place. In preparing for the conference, be sure to enjoy every minute of online shoulder rubbing with the knowledge that you will walk away from An Event Apart having learned so much from your colleagues, all applicable to your profitability as a web designer or developer.</p>
<p>The more you take away from the event, the more you have to offer your clients once you&#8217;re back behind your desk!</p>
<h3>Convinced? Here are traveling tips to get you started planning the trip:</h3>
<ul>
<li><strong>Flights</strong>: Here&#8217;s the official site of <a href="http://www.atlanta-airport.com/">Atlanta International Airport</a> for travel tips and flight information</li>
<li><strong>Living there</strong>: Bookmark <a href="http://www.atlantahotels.org/">Atlantahotels.org</a> for lodging help.</li>
</ul>
<p><em>Guest Author Jessy Troy is a social media enthusiast and tech blogger. She blogs in many places &#8211; follow her articles via her Twitter feed <a href="https://twitter.com/#!/jessytroy">@jessytroy</a>.</em></p>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2012. |
<a href="http://www.webteacher.ws/2012/01/24/going-to-an-event-apart-5-tips-to-help-you-get-ready/">Permalink</a> |
<a href="http://www.webteacher.ws/2012/01/24/going-to-an-event-apart-5-tips-to-help-you-get-ready/#comments">One comment</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2012/01/24/going-to-an-event-apart-5-tips-to-help-you-get-ready/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Htaccess Magic: 4 Tips for a Better Website</title>
		<link>http://www.webteacher.ws/2012/01/17/htaccess-magic-4-tips-for-a-better-website/</link>
		<comments>http://www.webteacher.ws/2012/01/17/htaccess-magic-4-tips-for-a-better-website/#comments</comments>
		<pubDate>Tue, 17 Jan 2012 13:23:24 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[GuestPost]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[OpenSource]]></category>
		<category><![CDATA[WebDesign]]></category>
		<category><![CDATA[WebFoundation]]></category>
		<category><![CDATA[htaccess]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=7568</guid>
		<description><![CDATA[ Congratulations! You have a website! Now that you have one, you also have the responsibility of taking care of one. Website optimization is not always easy, but it can be with basic knowledge of how they work. One tool you can use to optimize your website is an .htaccess file. Web servers that use Apache [...]]]></description>
			<content:encoded><![CDATA[<p><img style="float: left;" src="http://myblogguest.com/forum/uploads/articles/2012/1/settings.jpg" alt="" width="400" height="353" /> Congratulations! You have a website! Now that you have one, you also have the responsibility of taking care of one. Website optimization is not always easy, but it can be with basic knowledge of how they work. One tool you can use to optimize your website is an .htaccess file.</p>
<p>Web servers that use Apache HTTP Server to publish websites have an override feature that allows web hosting users, even ones with shared hosting accounts, to change some web server settings on a local level. If the host has the <em>AllowOverride</em> setting enabled on the web server, the user can use .htaccess files to enable any desired Apache directives. The following are four directive types that can bring a little magic to your website.</p>
<h3>1. Custom error docs</h3>
<p>When a user mistypes a URL to a page on your site or visits one for a page that no longer exists, one of two things will happen. Either the user will end up at a plain white page with the words &#8220;404 Error. File Not Found&#8221; or at an error page created by your web host, promoting their services. Neither is good for your services or your site.</p>
<p>By creating custom error documents, you can let users know they did actually make it to your site but might have made a wrong turn. You can also use it to suggest a better starting point for them to navigate through your site.</p>
<p>To create custom error docs, the first step is easy. Make normal HTML files for each error you want to include. You can find a list of <a href="http://www.addedbytes.com/for-beginners/http-status-codes/">Apache error codes</a> on the web.</p>
<p>The next step is to create a file called .htaccess and place it in the root directory of your website &#8211; the directory that holds your HTML files. In the .htaccess file, place the error code redirects:</p>
<p><em>ErrorDocument 500 http://your-domain.tld/docs/500error.html<br />
ErrorDocument 404 http://your-domain.tld/docs/404error.html<br />
ErrorDocument 403 http://your-domain.tld/docs/403error.html<br />
ErrorDocument 401 /local/path/401error.html</em></p>
<p>As you see, you can use a local path or full URL to each error HTML file that you have created.</p>
<h3>2. Rewrite rules</h3>
<p>You can use rewrite rules for a wide variety of purposes, the most common purpose is for search engine optimization. Dynamic web apps use very long URLs, and you can use Apache&#8217;s mod_rewrite engine to make them shorter. If you are running a content management system like WordPress or Joomla, it will likely add the correct rewrite rules to your .htaccess file for you. If, however, you are creating your own web app, you should also create some rewrite rules.</p>
<p>Rewrite rules follow a simple pattern:</p>
<p><em>RewriteRule Pattern Substitution [Flag]</em></p>
<p>For example, a simple rewrite rule is:</p>
<p><em>RewriteRule ^killer-whales.html$ orcas.html</em></p>
<p>In this example, people who access the page &#8220;killer-whales.html&#8221; will be redirected to the actual page: &#8220;orcas.html&#8221;. Apache also offers many more <a href="http://www.noupe.com/php/10-mod_rewrite-rules-you-should-know.html">rewrite options</a> you can try to make your site easier to access.</p>
<h3>3. Restrict access</h3>
<p>Htaccess files can also have security benefits. One example is that you can restrict access to a particular file or directory. For example, to deny access to a single IP address, you would enter:</p>
<p><em>Order Allow,Deny<br />
Deny from 155.55.555.5.<br />
Allow from all</em></p>
<p>Anyone attempting to access your site from that IP address will be denied. More information about mod_access is available in the <a href="http://httpd.apache.org/docs/2.0/mod/mod_access.html">Apache documentation</a>.</p>
<h3>4. Allow or Prevent Directory Browsing</h3>
<p>When an index file is not present in a directory, Apache will display the contents of the directory. Many file repositories will use something like this by default to make it easy for people to browse the files. If, however, you do not want people to browse the files in a directory, you can easily disable browsing.</p>
<p><em>Options All -Indexes</em></p>
<p>On the other hand, if your web host has disabled browsing but you want it enabled, you do so with this directive:</p>
<p><em>Options All +Indexes</em></p>
<h3>Taking Control</h3>
<p>The whole point of .htaccess is to give the user some limited control over the server without affecting the other users who share it. This is only possible if your web host has enabled the &#8220;AllowOverride&#8221; setting in the web server&#8217;s configuration. <a href="http://webmasterformat.com/find-a-host/best-web-hosting-companies">The best hosting providers</a> usually do, but even if yours does not, you may be able to convince them to make special arrangements for you. It will make your website better and make your job as web administrator easier.</p>
<p><em>Guest Author Tavis J. Hampton is the author of the upcoming book KDE for the Graphical User. You can find more of his <a href="http://www.tavisonline.com/">writing</a> at TavisOnline.com.</em></p>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2012. |
<a href="http://www.webteacher.ws/2012/01/17/htaccess-magic-4-tips-for-a-better-website/">Permalink</a> |
<a href="http://www.webteacher.ws/2012/01/17/htaccess-magic-4-tips-for-a-better-website/#comments">2 comments</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2012/01/17/htaccess-magic-4-tips-for-a-better-website/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Liz Castro: Outstanding Woman in Technology</title>
		<link>http://www.webteacher.ws/2012/01/04/liz-castro-outstanding-woman-in-technology/</link>
		<comments>http://www.webteacher.ws/2012/01/04/liz-castro-outstanding-woman-in-technology/#comments</comments>
		<pubDate>Wed, 04 Jan 2012 21:00:25 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[BlogHer]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[web-education]]></category>
		<category><![CDATA[WebDesign]]></category>
		<category><![CDATA[women]]></category>
		<category><![CDATA[Catalan]]></category>
		<category><![CDATA[Catalonia]]></category>
		<category><![CDATA[Liz Castro]]></category>
		<category><![CDATA[sociolinguistics]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=7527</guid>
		<description><![CDATA[Elizabeth (Liz) Castro is a tech writer who has been influential in the growth of web design and the Internet since the 1990&#8242;s. Her website is elizabethcastro.com. Her blog is Pigs Gourds and Wikis. She&#8217;s a mentor of mine, and a source of information for literally millions of readers who want to know something about [...]]]></description>
			<content:encoded><![CDATA[<p>Elizabeth (Liz) Castro is a tech writer who has been influential in the growth of web design and the Internet since the 1990&#8242;s. Her website is <a href="http://www.elizabethcastro.com/">elizabethcastro.com</a>. Her blog is <a href="http://www.pigsgourdsandwikis.com/">Pigs Gourds and Wikis</a>. She&#8217;s a mentor of mine, and a source of information for literally millions of readers who want to know something about topics like HTML. I&#8217;ve used her books both to learn and to teach others for years.</p>
<p>She agreed to answer a few questions when I approached her recently. Let me introduce you to this outstanding woman in technology and Catalan enthusiast, who is also full of fascinating information about sociolinguistics.</p>
<p><a title="Liz by Liz Castro, on Flickr" href="http://www.flickr.com/photos/cookwood/6522673513/"><img src="http://farm8.staticflickr.com/7030/6522673513_41de739f81.jpg" alt="Liz" width="400" height="500" /></a><br />
Image Credit: <a href="http://www.flickr.com/photos/cookwood/6522673513/">Liz Castro</a></p>
<p><strong>Q:</strong> I recently received a copy of the 7th edition of your Peachpit Press Visual Quickstart Guide to HTML and CSS. This one is titled &#8220;HTML5 and CSS3.&#8221; It occurred to me that you have <em>owned</em> the topic of HTML—since before CSS even came along. The book has been a best seller since the first edition in 1996. You&#8217;ve educated several generations of web designers in the intricacies of HTML and CSS – an amazing accomplishment. How did you first get started with Peachpit Press and this topic?</p>
<p><strong>A:</strong> Totally by accident, just as with other really important parts of my life. I had just finished working on an update to The Macintosh Bible when I got a phone call, coincidentally on my birthday, from Ted Nace, who at the time was the publisher at Peachpit Press. After we finished talking about the update, he was about to hang up, when I said, &#8220;Ted, I really want to do a book by myself.&#8221; He rattled off a list of topics that they were looking to do books about, and HTML was the last one on the list. I didn&#8217;t know very much about it but was intrigued by the possibilities of the very new world wide web. I remember that during the summer of 1995, when I wrote the first edition, I thought it would be impossible to fill an entire book with what seemed like a very rudimentary markup language. It&#8217;s come a long way since then.</p>
<p><strong>Q:</strong> You wrote books about the Netscape browser, XML, Perl and CGI, Blogger, iPhoto, and EPUB. How did your education and background prepare you to write about all these technical topics?</p>
<p><strong>A:</strong> That&#8217;s an interesting question. I majored in &#8220;Spanish Studies&#8221; in college, an individualized course of study that I designed which included Spanish, Catalan, and Basque, literature, history, and sociolinguistics. Not exactly what you think might prepare oneself for a career in technical writing. But then I moved to Barcelona—partly to study bilingualism and partly to vaguely follow my Spanish roots—and happened to get a job in a computer company who wanted to localize their homegrown OCR software for the American market. In addition to that project, I also managed the localization of the software that they distributed in Spain—programs like PageMaker (1.2!) and Farallon&#8217;s Timbuktu. I then began a small publishing and localization firm whose first projects were the translation and publication of The Macintosh Bible and the first localization into Spanish of Adobe Photoshop.</p>
<p>While I never did any of the translating, since I&#8217;m not a native Spanish speaker, I did most of the editing and a fair bit of the layout and production work. Those two projects were instrumental in forming my technical writing voice. I admired and was inspired by Arthur Naiman&#8217;s fierce advocacy for Mac users in &#8220;The Macintosh Bible&#8221;, and also developed a skill for finding and appreciating tips and tricks. From the Photoshop manuals, I learned to explain techniques, but also how to decide what needed to be discussed and in what order. It frustrated me that they explained how to use features without explaining why you would want to.</p>
<p>Together, those two projects helped me make my own writing more practical, more specific, and more focused on the reader.</p>
<p><strong>Q:</strong> What is it about technical topics, the Internet, and the growing influence of online sites and social media that keeps you interested? Where do you think we are headed in terms of technology?</p>
<p><strong>A:</strong> I am an idealist at heart. I believe in democracy and that people are generally good. What inspires me about the Internet is how it continues to level the playing field and helps people to have a voice. In the early days of my HTML book, I encouraged readers to send me links to their pages. This was before Google, when Yahoo was a directory of almost countable websites.</p>
<p>I remember feeling so inspired by all those people and all the interesting things they had to say. It really gave me confidence in the world and the human race.</p>
<p>The internet is the ultimate equalizer. Twitter, my favorite tool of late, simply furthers that process. Follow your mentors online and engage them in conversation, and mostly, they answer. It is the antidote to starry-eyed idealization of celebrities and VIPs. We are all very important.</p>
<p><strong>Q:</strong> You&#8217;ve done quite a lot of translating from Catalan to English. You have a publishing house called Catalonia Press, and you report on Catalan news in English using the Internet. Can you expand on that interest?</p>
<p><a title="Vall Fosca, Catalan Pyrenees by Liz Castro, on Flickr" href="http://www.flickr.com/photos/cookwood/5893565279/"><img src="http://farm6.staticflickr.com/5191/5893565279_d4f1212d7d.jpg" alt="Vall Fosca, Catalan Pyrenees" width="500" height="375" /></a><br />
Catalonia Image Credit: <a href="http://www.flickr.com/photos/cookwood/5893565279/">Liz Castro</a></p>
<p><strong>A:</strong> It&#8217;s kind of a long story. My great-grandparents left southern Spain at the turn of the century to work in the sugar plantations in Hawaii. My grandparents grew up in the US in an extended Spanish speaking community. My Dad spoke only Spanish until he entered school. I remember when I was little, the only thing that I wanted to do when I grew up was speak Spanish. And although I started at the Wharton School studying entrepreneurial management, I eventually ended up majoring in what I loved: Spanish. But most American universities focus on Latin American literature instead of language and history which interest me much more, so, during my &#8220;junior year abroad&#8221; at UC Berkeley, I signed up for a class in Catalan. I didn&#8217;t know what it was at the time. Serendipity again.</p>
<p>My professor was a Brazilian guy who had us read “Avui”, the Catalan newspaper, and sing both nursery rhymes and the Catalan anthem. More importantly, he also explained Catalan linguistic policy. This was in 1985 only two years after the approval of the Law of Linguistic Normalization, which was the Catalan autonomous government&#8217;s principal tool for promoting the use of Catalan which had been pretty brutally suppressed during 40 years of the Franco dictatorship. I was 19 years old and wanted to right injustices. And the topic of language pulled me in. What circumstances made people who spoke two languages choose one or the other? How was it affected by politics?</p>
<p>And then I happened upon the Summer Catalan University while traveling in Perpignan (French Catalonia) with a friend. I ended up attending during the summer of 1986 and I&#8217;ll never forget how it felt. First, because I was an American who spoke Catalan (albeit very simply, with a fair bit of Spanish and French mixed in), they treated me like a rockstar. I was interviewed on the radio and in the local press. People came up to me in classes and introduced themselves. They followed me around and asked me all sorts of questions. But second, because when they talked about themselves, I realized that they had something I didn&#8217;t: a feeling of belonging, of nation, of identity.</p>
<p>I know now that I&#8217;m very American, that I do belong, that I do have a place, here, in the US. I love my own country, with all its warts. But back then, I hadn&#8217;t thought about it very much. I wasn&#8217;t anti-american, so much as oblivious. But these Catalans, boy they knew who they were. And again, I was drawn in. I wanted to know more. When I finished my contract in the US (teaching Spanish at a private school in New Jersey), I decided to move to Barcelona.</p>
<p>I arrived in the fall of 1987 with just enough money to stay for two months. I ended up living there for six years. I never thought I&#8217;d leave. I felt more at home there than I had ever felt anywhere else. My Catalan got so good that sometimes I felt like a spy with people who didn&#8217;t know I was American. I ran a publishing company, and mostly we translated our books into Spanish, since the Catalan market, though significant, was just too small for our already Macintosh-focused books.</p>
<p>The strange thing was that I never felt like I was living in Spain. When the folks at my new job found out that I knew a little bit of Catalan, they never spoke Spanish to me again. Literally. Lunches (two-hours with 10-12 geeks and lots of wine) were amazing intensives in language and linguistics. I watched, amazed, as people switched from Catalan to Spanish when addressing the few monolingual Spanish speakers, and then back to Catalan when their eye fell back on a Catalan speaker. Most of the people that I knew preferred to speak in Catalan but amiably switched when their interlocutor spoke in Spanish.</p>
<p>But my studies in sociolinguistics had taught me that bilingualism is a tenuous, unstable situation. Minority languages tend to disappear. Catalan is sort of a special case as it has traditionally been the language of the middle class and has a certain prestige, with a thousand-year old history and a canon of literature. I found that my computer friends spoke Catalan while waiters, taxi drivers and rich Catalan tennis players and aristocrats tended toward Spanish. I learned the rule that once two people start a relationship in one language, they almost never switch, even when they speak to everyone else around them in the other language. I learned that people would talk to me for a half an hour in Catalan, and then switch to Spanish when they found out I was American, even when I insisted that my Spanish had gotten pretty rusty. I found it fascinating.</p>
<p>And then there&#8217;s the politics. It turns out that Spain does not cherish its Catalan autonomous community, but instead, regularly vilifies, demeans, and belittles it. The press is rife with anti-Catalan sentiment from the rest of Spain, and there are frequent boycotts. Everyone has their own anecdote. One of my writers, Matthew Tree, tells a great story about a journalist berated by a taxi driver in Madrid for speaking Catalan, since &#8220;we all speak Spanish here&#8221;, but when told it is Italian (though it&#8217;s not), completely backs off. I still remember on a trip to Madrid how a hotelier who had been perfectly friendly, upon finding that my friend and I were from Barcelona, sighed and frowned and assured us that she didn&#8217;t think we were as bad as the rest of them.</p>
<p>To add insult to injury, Catalans pay some 10% more in taxes than they receive back in infrastructure and investment from the Spanish State. Catalans are expected (and generally willing) to exhibit solidarity with poorer parts of Spain, but then look on flabbergasted as the central government decides to build the high-speed rail line between Madrid and Seville instead of between the principal ports of Barcelona and Valencia and the French border, or how there are brand new schools, hospitals, freeways, and airports in rural, less developed areas of southern and central Spain, while Catalan schools age, hospitals are overcrowded, commuters pay exorbitant tolls on most highways, and international airlines are restricted from flying directly to Barcelona.</p>
<p>Since most international media in Spain is in Madrid, Catalonia rarely gets a chance to tell its side of the story. So as an American who loves language and justice too, I quickly turned into a strong advocate for Catalan and Catalonia. Last year, my family spent the entire year there, and I found that my skills with EPUB could help spread the word about a country that I love. I published two books in English about Catalonia: &#8220;What Catalans Want: Could Catalonia become Europe&#8217;s Next State?&#8221;, by Toni Strubell and Lluís Brunet, and &#8220;Barcelona, Catalonia: A View from the Inside&#8221; by long-time London-born Barcelona resident, Matthew Tree. And I have a number of new projects in the works.</p>
<p>I was just in Barcelona a few weeks ago to receive a prize from a very prestigious cultural organization, Òmnium Cultural, for publishing books about Catalonia outside of Catalonia, and I was struck by just how much at home I feel there, how much I love being there, how much a part of me it has become. My grandparents and great-grandparents had no idea what Catalonia was—it&#8217;s funny how they led me there.</p>
<p>That was probably a longer answer that you were bargaining for!</p>
<p><a title="Liz Castro by Liz Castro, on Flickr" href="http://www.flickr.com/photos/cookwood/6127422884/"><img src="http://farm7.staticflickr.com/6206/6127422884_8420874b34.jpg" alt="Liz Castro" width="375" height="500" /></a><br />
Image Credit: <a href="http://www.flickr.com/photos/cookwood/6127422884/">Liz Castro</a></p>
<p><strong>Q:</strong> The Pigs part of your blog name must refer to the fact that you&#8217;re a &#8220;small-scale farmer.&#8221; What does that mean?</p>
<p><strong>A:</strong> It means that my family and I live on a small farm and try to raise a fair amount of our own food. We have raised pigs, cows, rabbits, sheep, and chickens, though these days we have just the latter two. But it also refers to this idea of self-reliance and independence. And also to the simple fact that homegrown food tastes a lot better—and is often safer and more healthful—than what you buy at the store.</p>
<p><strong>Q:</strong> What other interests do you have? How do you like to spend your free time?</p>
<p><strong>A:</strong> Lately I&#8217;m totally consumed with ebooks and Catalonia! Still, when I get a little time, I love to make things: out of gourds, out of yarn, out of cloth. It&#8217;s not so different from crafting things out of bits and words. I also love to spend time with my family—lately we&#8217;re in a Settlers of Catan phase.</p>
<p><strong>Q:</strong> Is there something I didn&#8217;t ask about that you want to mention? Something about women in tech or your writing process or your favorite recipe or what you think about &#8220;The Girl with the Dragon Tattoo?&#8221; You&#8217;re free to share whatever you want.</p>
<p><strong>A:</strong> Thanks, I better get back to work!</p>
<p><em>[Note: Cross-posted <a href="http://www.blogher.com/interview-liz-castro">on BlogHer</a>]</em></p>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2012. |
<a href="http://www.webteacher.ws/2012/01/04/liz-castro-outstanding-woman-in-technology/">Permalink</a> |
<a href="http://www.webteacher.ws/2012/01/04/liz-castro-outstanding-woman-in-technology/#comments">No comment</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2012/01/04/liz-castro-outstanding-woman-in-technology/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Now Available: How to Create a Responsive Web Site Using Dreamweaver CS 5.5</title>
		<link>http://www.webteacher.ws/2012/01/02/now-available-how-to-create-a-responsive-web-site-using-dreamweaver-cs-5-5/</link>
		<comments>http://www.webteacher.ws/2012/01/02/now-available-how-to-create-a-responsive-web-site-using-dreamweaver-cs-5-5/#comments</comments>
		<pubDate>Mon, 02 Jan 2012 13:35:59 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[Dreamweaver]]></category>
		<category><![CDATA[web-education]]></category>
		<category><![CDATA[WebDesign]]></category>
		<category><![CDATA[WebTeacherTips]]></category>
		<category><![CDATA[Dreamweaver Media Queries]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=7506</guid>
		<description><![CDATA[I&#8217;ve been thinking of writing about using the Dreamweaver CS 5.5 interface to create media queries lately. Dreamweaver&#8217;s system works, but it isn&#8217;t easy to figure out and doesn&#8217;t match up with what you read in articles by Ethan Marcotte and other responsive design gurus. The interface doesn&#8217;t explain itself well, and offers very little [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve been thinking of writing about using the Dreamweaver CS 5.5 interface to create media queries lately. Dreamweaver&#8217;s system works, but it isn&#8217;t easy to figure out and doesn&#8217;t match up with what you read in articles by Ethan Marcotte and other responsive design gurus. The interface doesn&#8217;t <em>explain itself</em> well, and offers very little intuitive understanding of what you are trying to do.</p>
<p><a href="http://www.webteacher.ws/blog/wp-content/uploads/2011/12/vdebolt-mq.jpg"><img class="alignnone size-full wp-image-7508" title="Virginia DeBolt's site" src="http://www.webteacher.ws/blog/wp-content/uploads/2011/12/vdebolt-mq.jpg" alt="Virginia DeBolt's site" width="600" height="124" /></a></p>
<p>I wanted to rework my home page at <a href="http://www.vdebolt.com/">vdebolt.com</a> using Dreamweaver&#8217;s media query tools so I&#8217;d be sure I knew what I was doing before I started teaching Dreamweaver students how to use Dreamweaver to create a responsive design. My site is small and very simple–a perfect size for a brief class demo. It seemed a sensible idea to record my steps as I went through the process in Dreamweaver.</p>
<p>I quickly realized there was way too much information there to make it into a blog post. I ended up with 25 pages of text and images. An e-book seemed the perfect solution. I&#8217;m happy to announce the new e-book, available now: <cite>How to Create a Responsive Web Site Using Dreamweaver CS 5.5</cite>.</p>
<p>In the e-book, I start with a built-in Dreamweaver layout, adapt it so it will work with media queries, and then walk through the Dreamweaver WYSIWYG tools for adding media queries to make the layout responsive to various devices. I also talk about making images responsive in Dreamweaver.</p>
<p>The e-book costs $4.99. <a href="http://vdebolt.com/ht/responsiveebook.html">Order Here</a>.</p>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2012. |
<a href="http://www.webteacher.ws/2012/01/02/now-available-how-to-create-a-responsive-web-site-using-dreamweaver-cs-5-5/">Permalink</a> |
<a href="http://www.webteacher.ws/2012/01/02/now-available-how-to-create-a-responsive-web-site-using-dreamweaver-cs-5-5/#comments">No comment</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2012/01/02/now-available-how-to-create-a-responsive-web-site-using-dreamweaver-cs-5-5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Useful links: Accessible New Year?, Responsive, App/Apple, Women in Tech</title>
		<link>http://www.webteacher.ws/2011/12/30/useful-links-accessible-new-year-responsive-appapple-women-in-tech/</link>
		<comments>http://www.webteacher.ws/2011/12/30/useful-links-accessible-new-year-responsive-appapple-women-in-tech/#comments</comments>
		<pubDate>Fri, 30 Dec 2011 15:13:28 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[accessibility]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Web Apps]]></category>
		<category><![CDATA[WebDesign]]></category>
		<category><![CDATA[women]]></category>
		<category><![CDATA[apps]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=7512</guid>
		<description><![CDATA[A Resolution for an Accessible New Year talks about the Fix the Web project and gives details and ideas about how you can participate in fixing the web. The Goldilocks Approach to Responsive Web Design takes a different approach to the concept. Sure to be discussed widely, so go read it. Understanding Apple is a [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.stc-access.org/2011/12/28/a-resolution-for-an-accessible-new-year/">A Resolution for an Accessible New Year</a> talks about the Fix the Web project and gives details and ideas about how you can participate in fixing the web.</p>
<p><a href="http://www.designbyfront.com/workinprogress/article/the-goldilocks-approach-to-responsive-design">The Goldilocks Approach to Responsive Web Design</a> takes a different approach to the concept. Sure to be discussed widely, so go read it.</p>
<p><a href="http://momswithapps.com/2011/12/28/understanding-apple/">Understanding Apple</a> is a review of the biography of Steve Jobs with lessons extracted and applied to app developers. Very interesting and worth considering if you are developing apps.</p>
<p>Emily Lewis decided to speak out about her experiences with the long-festering topic of ignorant male colleagues that plagues women in tech. It&#8217;s a part of her <a href="http://ablognotlimited.com/articles/heres-hoping">Here&#8217;s Hoping</a> essay.</p>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2011. |
<a href="http://www.webteacher.ws/2011/12/30/useful-links-accessible-new-year-responsive-appapple-women-in-tech/">Permalink</a> |
<a href="http://www.webteacher.ws/2011/12/30/useful-links-accessible-new-year-responsive-appapple-women-in-tech/#comments">No comment</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2011/12/30/useful-links-accessible-new-year-responsive-appapple-women-in-tech/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How To Test Your Site&#8217;s Usability Without Breaking The Bank</title>
		<link>http://www.webteacher.ws/2011/12/29/how-to-test-your-sites-usability-without-breaking-the-bank/</link>
		<comments>http://www.webteacher.ws/2011/12/29/how-to-test-your-sites-usability-without-breaking-the-bank/#comments</comments>
		<pubDate>Thu, 29 Dec 2011 14:28:37 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[GuestPost]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[WebDesign]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=7503</guid>
		<description><![CDATA[When you are creating a new site, one of your first steps is to create an interface that is both presentable and useable. But testing for usability takes time and &#8211; frankly &#8211; money. Which isn&#8217;t easy to come by when you are first starting up a website, especially if your company deals largely in [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.flickr.com/photos/hikingartist/5726871071/"><img src="http://farm4.static.flickr.com/3522/5726871071_96e4207993_m.jpg" alt="" width="240" height="143" align="right" hspace="10" /></a>When you are creating a new site, one of your first steps is to create an interface that is both presentable and useable. But testing for usability takes time and &#8211; frankly &#8211; money. Which isn&#8217;t easy to come by when you are first starting up a website, especially if your company deals largely in ecommerce, and so you need the initial funds to move forward.</p>
<p>Your budget is important, and so you might think you have to skimp on the frills, like useability testing. What you might not know is that if you don&#8217;t make that a priority, you can lose business or visitors. In the end, your bottom line will change and you won&#8217;t meet your goals. That is the exact opposite of what you want to be doing, and saving a few bucks will ruin your chances.</p>
<p>Luckily, there are things you can do that give you great useability testing on a budget. There are low cost methods and even tools that you can utilize to make the most out of what you have, without sacrificing the look of your site.</p>
<h2>The Methods</h2>
<ul>
<li><strong>Cut out the basics before you begin testing</strong>. This means anything that you can find just by doing a bit of manual legwork through the site, or even just visual misses you catch as you are browsing. If you can catch it before the tests, you can fix it without needing to spend any money to do it. You would be amazed by how much cash is wasted by not catching the little, easily addressed problems in the beginning.</li>
<li><strong>Hire a freelance designer or professional trained in website useability to go through the tests</strong>. A few things to remember here: first, they should not be with your firm, or have any preconceived notions of the website design. Second, they should be able to prove they are experienced in catching small, hard to see problems with useability.</li>
<li><strong>Go for the real bare bones</strong>. A pad, a paper and someone at the computer looking at your site. What does this equal to? Useability testing. It might be at the most basic level, and it could be compromised by human error, but it does count. If you are really strapped, this might be the way to go.</li>
<li><strong>Know how many to test</strong>. A lot of companies make the mistake of over testing their website. This is very easy to do, because they think the more users being tested, the more accurate the results. It is true that having 15 or 16 users tested will give you a very accurate result. But using just 5 gives you a result in the 85 percentile, and adding a few more bumps up your accuracy significantly.</li>
</ul>
<h2>The Tools</h2>
<ul>
<li><a href="http://www.usertesting.com/">UserTesting</a> &#8211; This is a fast, traditional and affordable useability testing service that hires visitors on your behalf to take a look at your site. They then give you both a video of their browsing with their spoken thoughts, and a fully written report on any errors or problems they encountered, as well as their view on the interface. The cost is $39 per user, making it a fairly cheap option.  They are used by many major franchises, such as Cisco, CNN, Fox and more.</li>
<li><a href="http://userfly.com/">Userfly</a> &#8211; Userfly uses video captures and an installed software with a single coding line to gather your data for you. They have a demo you can use for free, which guives you 10 captures a month, unlimited domains and 30 days of recording storage. Their other services range from $10 to $200 per month, with varying levels all the way up to Enterprise. Signing up is simple, as is running their service.</li>
<li><a href="http://feedbackarmy.com/">Feedback Army</a> &#8211; This service is a little bit different. It works by taking questions from you about the site. Then, they set out their little soldiers to test it out and answer it. They are fast, thorough and well trained. Ten questions costs $20, which is a very cheap way to figure out what needs to be fixed. But because they are just answering your questions, you have to make sure to have them drafted properly so you can catch all eventualities and potential problems.</li>
<li><a href="https://www.google.com/analytics/siteopt/splash">Google Web Optimizer</a> &#8211; King of all things Internet, Google is an obvious place to find help in this way. Their optimization tool gives you full access to their site useability testing, but you have to have a Google account to run it. This probably isn&#8217;t a problem&#8230;who doesn&#8217;t have Gmail or something similar now days?</li>
</ul>
<h2>Conclusion</h2>
<p>Useability testing doesn&#8217;t have to be costly. It just takes a little bit of fancy footwork, some plans for cheap alternatives and tools to get you along.</p>
<p>What are some your ideas for eliminating the cost of useability testing?</p>
<p><em>Guest Author Jessy is a social media geek and marketing blogger for <a href="http://www.broadbandplanfinder.com.au/">Broadband Plan Finder</a>, the free web-based insurance comparison app.</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/29/how-to-test-your-sites-usability-without-breaking-the-bank/">Permalink</a> |
<a href="http://www.webteacher.ws/2011/12/29/how-to-test-your-sites-usability-without-breaking-the-bank/#comments">4 comments</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2011/12/29/how-to-test-your-sites-usability-without-breaking-the-bank/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Media Query Fact Sheet</title>
		<link>http://www.webteacher.ws/2011/12/15/media-query-fact-sheet/</link>
		<comments>http://www.webteacher.ws/2011/12/15/media-query-fact-sheet/#comments</comments>
		<pubDate>Thu, 15 Dec 2011 14:21:20 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[web-education]]></category>
		<category><![CDATA[WebDesign]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=7426</guid>
		<description><![CDATA[Something to keep at hand so you can check on all the possibilities and see the measurements. Device Features that can be used in media queries width (min and max)  height (min and max)  device-width  device-height  orientation  aspect-ratio  device-aspect-ratio  color  color-index  monochrome  resolution  scan  grid These can be chained together with the word &#8216;and&#8217; @media [...]]]></description>
			<content:encoded><![CDATA[<p>Something to keep at hand so you can check on all the possibilities and see the measurements.</p>
<h3>Device Features that can be used in media queries</h3>
<ul>
<li>width (min and max)</li>
<li> height (min and max)</li>
<li> device-width</li>
<li> device-height</li>
<li> orientation</li>
<li> aspect-ratio</li>
<li> device-aspect-ratio</li>
<li> color</li>
<li> color-index</li>
<li> monochrome</li>
<li> resolution</li>
<li> scan</li>
<li> grid</li>
</ul>
<p>These can be chained together with the word &#8216;and&#8217;</p>
<p><code>@media screen and (min-device-width: 480px) and (orientation: landscape) {<br />
. . .<br />
}</code></p>
<h3>Device Resolutions</h3>
<ul>
<li>320px for small screens in portrait mode</li>
<li>480 px for small screens in landscape mode</li>
<li>600 px smaller tablets like the Kindle and Nook</li>
<li>768 px for tablets like the iPad in portrait mode</li>
<li>1024 px for tablets like the iPad in landscape mode</li>
<li>1200 px for wide screen displays</li>
</ul>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2011. |
<a href="http://www.webteacher.ws/2011/12/15/media-query-fact-sheet/">Permalink</a> |
<a href="http://www.webteacher.ws/2011/12/15/media-query-fact-sheet/#comments">No comment</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2011/12/15/media-query-fact-sheet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Useful Links: CSS Layouts, Sliders, 2011</title>
		<link>http://www.webteacher.ws/2011/12/14/useful-links-css-layouts-sliders-2011/</link>
		<comments>http://www.webteacher.ws/2011/12/14/useful-links-css-layouts-sliders-2011/#comments</comments>
		<pubDate>Wed, 14 Dec 2011 14:23:54 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[UsefulLinks]]></category>
		<category><![CDATA[WebDesign]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=7410</guid>
		<description><![CDATA[The Future of CSS Layouts. It&#8217;s coming and it&#8217;s gonna be good. Check out this exciting post by Peter Gasston at .net. What you need to know about the HTML5 Slider Element. There is no slider element in HTML5, the post is talking about the new input type &#8216;range&#8217; combined with the JQuery function called [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.netmagazine.com/features/future-css-layouts">The Future of CSS Layouts.</a> It&#8217;s coming and it&#8217;s gonna be good. Check out this exciting post by Peter Gasston at .net.</p>
<p><a href="http://tutorialzine.com/2011/12/what-you-need-to-know-html5-range-input/">What you need to know about the HTML5 Slider Element</a>. There is no slider element in HTML5, the post is talking about the new input type &#8216;range&#8217; combined with the JQuery function called &#8216;slider.&#8217; If you can get past that, the rest of the post is useful.</p>
<p><a href="http://www.alistapart.com/articles/what-i-learned-about-the-web-in-2011/">What I Learned About the Web in 2011</a>. Of all the things I&#8217;ve read and reread and loved at <cite>A List Apart</cite> over the years, I love this post more than anything I&#8217;ve ever seen there. It&#8217;s like a big, beautiful Christmas present to the web design community.</p>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2011. |
<a href="http://www.webteacher.ws/2011/12/14/useful-links-css-layouts-sliders-2011/">Permalink</a> |
<a href="http://www.webteacher.ws/2011/12/14/useful-links-css-layouts-sliders-2011/#comments">No comment</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2011/12/14/useful-links-css-layouts-sliders-2011/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

