<?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>INTE@CapU &#187; HTML &amp; CSS Tutorials</title>
	<atom:link href="http://north.interactivedesignlab.com/archives/category/tutorials/html-css-tutorials/feed" rel="self" type="application/rss+xml" />
	<link>http://north.interactivedesignlab.com</link>
	<description>(Interactive Design Program at Capilano University)</description>
	<lastBuildDate>Mon, 15 Mar 2010 00:44:27 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>CSS Custom Font-Face</title>
		<link>http://north.interactivedesignlab.com/archives/587</link>
		<comments>http://north.interactivedesignlab.com/archives/587#comments</comments>
		<pubDate>Fri, 12 Feb 2010 03:36:34 +0000</pubDate>
		<dc:creator>Thomas</dc:creator>
				<category><![CDATA[HTML & CSS Tutorials]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[dynamic text]]></category>
		<category><![CDATA[font-face]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[how to]]></category>
		<category><![CDATA[interactive design]]></category>
		<category><![CDATA[text]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://north.interactivedesignlab.com/?p=587</guid>
		<description><![CDATA[On the request of my friends, this post will show you how to simply add your own font face to your website using CSS. This comes in handy when you want to display dynamic text on a webpage when the user does not have the font installed on their system. This is a very old <a href="http://north.interactivedesignlab.com/archives/587" class="more-link">More &#62;</a>]]></description>
			<content:encoded><![CDATA[<p>On the request of my friends, this post will show you how to simply add your own font face to your website using CSS. This comes in handy when you want to display dynamic text on a webpage when the user does not have the font installed on their system. This is a very old CSS trick that is not used very much and is not even CSS3. It will work in all browsers but Internet Explorer. The reason being is that Internet Explorer uses a different font-face type. For this tutorial we will be using the &#8220;True Type&#8221; format for our fonts and has the &#8220;.ttf&#8221; file extension, you can download any True Type font and use it.</p>
<p>Get started on my tutorial by clicking the link below! It literally takes 10mins or less to learn!</p>
<p><a title="CSS Custom Font-Face Tutorial" href="http://interactivetm.com/?p=138" target="_blank">View the Full Tutorial Here!</a></p>

<div class="sociable">
<div class="sociable_tagline">
<strong>Share:</strong>
</div>
<ul>
	<li class="sociablefirst"><a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fnorth.interactivedesignlab.com%2Farchives%2F587&amp;title=CSS%20Custom%20Font-Face&amp;bodytext=On%20the%20request%20of%20my%20friends%2C%20this%20post%20will%20show%20you%20how%20to%20simply%20add%20your%20own%20font%20face%20to%20your%20website%20using%20CSS.%20This%20comes%20in%20handy%20when%20you%20want%20to%20display%20dynamic%20text%20on%20a%20webpage%20when%20the%20user%20does%20not%20have%20the%20font%20installed%20on%20their%20syste" title="Digg"><img src="http://north.interactivedesignlab.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fnorth.interactivedesignlab.com%2Farchives%2F587&amp;title=CSS%20Custom%20Font-Face&amp;notes=On%20the%20request%20of%20my%20friends%2C%20this%20post%20will%20show%20you%20how%20to%20simply%20add%20your%20own%20font%20face%20to%20your%20website%20using%20CSS.%20This%20comes%20in%20handy%20when%20you%20want%20to%20display%20dynamic%20text%20on%20a%20webpage%20when%20the%20user%20does%20not%20have%20the%20font%20installed%20on%20their%20syste" title="del.icio.us"><img src="http://north.interactivedesignlab.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fnorth.interactivedesignlab.com%2Farchives%2F587&amp;t=CSS%20Custom%20Font-Face" title="Facebook"><img src="http://north.interactivedesignlab.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fnorth.interactivedesignlab.com%2Farchives%2F587&amp;title=CSS%20Custom%20Font-Face&amp;source=INTE%40CapU+%28Interactive+Design+Program+at+Capilano+University%29&amp;summary=On%20the%20request%20of%20my%20friends%2C%20this%20post%20will%20show%20you%20how%20to%20simply%20add%20your%20own%20font%20face%20to%20your%20website%20using%20CSS.%20This%20comes%20in%20handy%20when%20you%20want%20to%20display%20dynamic%20text%20on%20a%20webpage%20when%20the%20user%20does%20not%20have%20the%20font%20installed%20on%20their%20syste" title="LinkedIn"><img src="http://north.interactivedesignlab.com/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fnorth.interactivedesignlab.com%2Farchives%2F587&amp;title=CSS%20Custom%20Font-Face" title="StumbleUpon"><img src="http://north.interactivedesignlab.com/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fnorth.interactivedesignlab.com%2Farchives%2F587" title="Technorati"><img src="http://north.interactivedesignlab.com/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  target="_blank" href="http://twitter.com/home?status=CSS%20Custom%20Font-Face%20-%20http%3A%2F%2Fnorth.interactivedesignlab.com%2Farchives%2F587" title="Twitter"><img src="http://north.interactivedesignlab.com/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://north.interactivedesignlab.com/archives/587/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HMTL5 Local Storage, Session Storage, and Client-side Database Tutorial by O&#8217;Reilly</title>
		<link>http://north.interactivedesignlab.com/archives/529</link>
		<comments>http://north.interactivedesignlab.com/archives/529#comments</comments>
		<pubDate>Fri, 05 Feb 2010 00:18:44 +0000</pubDate>
		<dc:creator>Thomas</dc:creator>
				<category><![CDATA[HTML & CSS Tutorials]]></category>
		<category><![CDATA[databases]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[local storage]]></category>
		<category><![CDATA[sessions]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://north.interactivedesignlab.com/?p=529</guid>
		<description><![CDATA[This tutorial will take you through the new features of HTML5 involving client side storage, sessions and databases. The tutorial is based off creating a web app for the iPhone but will serve you the same purpose if you are looking for any web based platform. HTML5 is the future and its a good idea <a href="http://north.interactivedesignlab.com/archives/529" class="more-link">More &#62;</a>]]></description>
			<content:encoded><![CDATA[<p>This tutorial will take you through the new features of HTML5 involving client side storage, sessions and databases. The tutorial is based off creating a web app for the iPhone but will serve you the same purpose if you are looking for any web based platform. HTML5 is the future and its a good idea to make good use of this information ahead of time.</p>
<p><a title="O'Reilly Tutorial on HTML5 local storage, sessions, and databases." href="http://building-iphone-apps.labs.oreilly.com/ch05.html#ch05_id35933550" target="_blank">Click Here for the Tutorial</a></p>

<div class="sociable">
<div class="sociable_tagline">
<strong>Share:</strong>
</div>
<ul>
	<li class="sociablefirst"><a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fnorth.interactivedesignlab.com%2Farchives%2F529&amp;title=HMTL5%20Local%20Storage%2C%20Session%20Storage%2C%20and%20Client-side%20Database%20Tutorial%20by%20O%27Reilly&amp;bodytext=This%20tutorial%20will%20take%20you%20through%20the%20new%20features%20of%20HTML5%20involving%20client%20side%20storage%2C%20sessions%20and%20databases.%20The%20tutorial%20is%20based%20off%20creating%20a%20web%20app%20for%20the%20iPhone%20but%20will%20serve%20you%20the%20same%20purpose%20if%20you%20are%20looking%20for%20any%20web%20based%20" title="Digg"><img src="http://north.interactivedesignlab.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fnorth.interactivedesignlab.com%2Farchives%2F529&amp;title=HMTL5%20Local%20Storage%2C%20Session%20Storage%2C%20and%20Client-side%20Database%20Tutorial%20by%20O%27Reilly&amp;notes=This%20tutorial%20will%20take%20you%20through%20the%20new%20features%20of%20HTML5%20involving%20client%20side%20storage%2C%20sessions%20and%20databases.%20The%20tutorial%20is%20based%20off%20creating%20a%20web%20app%20for%20the%20iPhone%20but%20will%20serve%20you%20the%20same%20purpose%20if%20you%20are%20looking%20for%20any%20web%20based%20" title="del.icio.us"><img src="http://north.interactivedesignlab.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fnorth.interactivedesignlab.com%2Farchives%2F529&amp;t=HMTL5%20Local%20Storage%2C%20Session%20Storage%2C%20and%20Client-side%20Database%20Tutorial%20by%20O%27Reilly" title="Facebook"><img src="http://north.interactivedesignlab.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fnorth.interactivedesignlab.com%2Farchives%2F529&amp;title=HMTL5%20Local%20Storage%2C%20Session%20Storage%2C%20and%20Client-side%20Database%20Tutorial%20by%20O%27Reilly&amp;source=INTE%40CapU+%28Interactive+Design+Program+at+Capilano+University%29&amp;summary=This%20tutorial%20will%20take%20you%20through%20the%20new%20features%20of%20HTML5%20involving%20client%20side%20storage%2C%20sessions%20and%20databases.%20The%20tutorial%20is%20based%20off%20creating%20a%20web%20app%20for%20the%20iPhone%20but%20will%20serve%20you%20the%20same%20purpose%20if%20you%20are%20looking%20for%20any%20web%20based%20" title="LinkedIn"><img src="http://north.interactivedesignlab.com/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fnorth.interactivedesignlab.com%2Farchives%2F529&amp;title=HMTL5%20Local%20Storage%2C%20Session%20Storage%2C%20and%20Client-side%20Database%20Tutorial%20by%20O%27Reilly" title="StumbleUpon"><img src="http://north.interactivedesignlab.com/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fnorth.interactivedesignlab.com%2Farchives%2F529" title="Technorati"><img src="http://north.interactivedesignlab.com/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  target="_blank" href="http://twitter.com/home?status=HMTL5%20Local%20Storage%2C%20Session%20Storage%2C%20and%20Client-side%20Database%20Tutorial%20by%20O%27Reilly%20-%20http%3A%2F%2Fnorth.interactivedesignlab.com%2Farchives%2F529" title="Twitter"><img src="http://north.interactivedesignlab.com/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://north.interactivedesignlab.com/archives/529/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Rounded Corners with CSS</title>
		<link>http://north.interactivedesignlab.com/archives/79</link>
		<comments>http://north.interactivedesignlab.com/archives/79#comments</comments>
		<pubDate>Tue, 26 Jan 2010 23:02:07 +0000</pubDate>
		<dc:creator>Thomas</dc:creator>
				<category><![CDATA[HTML & CSS Tutorials]]></category>
		<category><![CDATA[cs4]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[dreamweaver]]></category>
		<category><![CDATA[how to]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[markup]]></category>
		<category><![CDATA[rounded corners]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://north.interactivedesignlab.com/?p=79</guid>
		<description><![CDATA[Using DreamWeaver CS4 this video tutorial will teach you how to create rounded corners on webpages using CSS.
Click Here for the Tutorial



Share:


	
	
	
	
	
	
	


]]></description>
			<content:encoded><![CDATA[<p>Using <a title="DreamWeaver CS4" href="http://www.adobe.com/products/dreamweaver/" target="_blank">DreamWeaver CS4</a> this video tutorial will teach you how to create rounded corners on webpages using CSS.</p>
<p><a title="CSS Rounded Corners" href="http://tutvid.com/tutorials/dreamweaver/tutorials/cssRoundedCorners.php" target="_blank">Click Here for the Tutorial</a></p>

<div class="sociable">
<div class="sociable_tagline">
<strong>Share:</strong>
</div>
<ul>
	<li class="sociablefirst"><a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fnorth.interactivedesignlab.com%2Farchives%2F79&amp;title=Rounded%20Corners%20with%20CSS&amp;bodytext=Using%20DreamWeaver%20CS4%20this%20video%20tutorial%20will%20teach%20you%20how%20to%20create%20rounded%20corners%20on%20webpages%20using%20CSS.%0D%0A%0D%0AClick%20Here%20for%20the%20Tutorial" title="Digg"><img src="http://north.interactivedesignlab.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fnorth.interactivedesignlab.com%2Farchives%2F79&amp;title=Rounded%20Corners%20with%20CSS&amp;notes=Using%20DreamWeaver%20CS4%20this%20video%20tutorial%20will%20teach%20you%20how%20to%20create%20rounded%20corners%20on%20webpages%20using%20CSS.%0D%0A%0D%0AClick%20Here%20for%20the%20Tutorial" title="del.icio.us"><img src="http://north.interactivedesignlab.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fnorth.interactivedesignlab.com%2Farchives%2F79&amp;t=Rounded%20Corners%20with%20CSS" title="Facebook"><img src="http://north.interactivedesignlab.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fnorth.interactivedesignlab.com%2Farchives%2F79&amp;title=Rounded%20Corners%20with%20CSS&amp;source=INTE%40CapU+%28Interactive+Design+Program+at+Capilano+University%29&amp;summary=Using%20DreamWeaver%20CS4%20this%20video%20tutorial%20will%20teach%20you%20how%20to%20create%20rounded%20corners%20on%20webpages%20using%20CSS.%0D%0A%0D%0AClick%20Here%20for%20the%20Tutorial" title="LinkedIn"><img src="http://north.interactivedesignlab.com/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fnorth.interactivedesignlab.com%2Farchives%2F79&amp;title=Rounded%20Corners%20with%20CSS" title="StumbleUpon"><img src="http://north.interactivedesignlab.com/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fnorth.interactivedesignlab.com%2Farchives%2F79" title="Technorati"><img src="http://north.interactivedesignlab.com/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  target="_blank" href="http://twitter.com/home?status=Rounded%20Corners%20with%20CSS%20-%20http%3A%2F%2Fnorth.interactivedesignlab.com%2Farchives%2F79" title="Twitter"><img src="http://north.interactivedesignlab.com/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://north.interactivedesignlab.com/archives/79/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

