<?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>Look Out Graphics &#187; Web Development &amp; Design</title>
	<atom:link href="http://www.lookoutgfx.com/category/web-development-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.lookoutgfx.com</link>
	<description>Free article publishing for the Internet community</description>
	<lastBuildDate>Wed, 01 Feb 2012 10:13:05 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Website Template in Photoshop</title>
		<link>http://www.lookoutgfx.com/2012/02/01/website-template-in-photoshop/</link>
		<comments>http://www.lookoutgfx.com/2012/02/01/website-template-in-photoshop/#comments</comments>
		<pubDate>Wed, 01 Feb 2012 10:13:05 +0000</pubDate>
		<dc:creator>LookOutGFX.com</dc:creator>
				<category><![CDATA[Web Development & Design]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[template]]></category>
		<category><![CDATA[Website]]></category>

		<guid isPermaLink="false">http://www.lookoutgfx.com/2012/02/01/website-template-in-photoshop/</guid>
		<description><![CDATA[Just a short video documenting my design process as I create a template for a website. I actually made this template twice, once for the web, and once for the video. You&#039;ll see me referencing the finished template in the video. The next step in this process would be to break the template into pieces [...]<p>a</p>
]]></description>
			<content:encoded><![CDATA[<p>					<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/iEvocQ_j4f0?fs=1"></param><param name="allowFullScreen" value="true"></param>
					<embed src="http://www.youtube.com/v/iEvocQ_j4f0?fs=1" type="application/x-shockwave-flash" width="425" height="355" allowfullscreen="true"></embed></object><br />
Just a short video documenting my design process as I create a template for a website. I actually made this template twice, once for the web, and once for the video. You&#039;ll see me referencing the finished template in the video. The next step in this process would be to break the template into pieces and start writing up some code for the web, but I&#039;ll save that for another video.</p>
<p>a</p>
<img src="http://www.lookoutgfx.com/?ak_action=api_record_view&id=34428&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.lookoutgfx.com/2012/02/01/website-template-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web Development from Scratch: 6 &#8211; External Styling</title>
		<link>http://www.lookoutgfx.com/2012/01/30/web-development-from-scratch-6-external-styling/</link>
		<comments>http://www.lookoutgfx.com/2012/01/30/web-development-from-scratch-6-external-styling/#comments</comments>
		<pubDate>Mon, 30 Jan 2012 10:12:57 +0000</pubDate>
		<dc:creator>LookOutGFX.com</dc:creator>
				<category><![CDATA[Web Development & Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[External]]></category>
		<category><![CDATA[from]]></category>
		<category><![CDATA[Scratch]]></category>
		<category><![CDATA[Styling]]></category>

		<guid isPermaLink="false">http://www.lookoutgfx.com/2012/01/30/web-development-from-scratch-6-external-styling/</guid>
		<description><![CDATA[In this lesson, we review the process of creating external CSS stylesheets. a<p>a</p>
]]></description>
			<content:encoded><![CDATA[<p>					<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/_iDWTsSzHqw?fs=1"></param><param name="allowFullScreen" value="true"></param>
					<embed src="http://www.youtube.com/v/_iDWTsSzHqw?fs=1" type="application/x-shockwave-flash" width="425" height="355" allowfullscreen="true"></embed></object><br />
In this lesson, we review the process of creating external CSS stylesheets.</p>
<p>a</p>
<img src="http://www.lookoutgfx.com/?ak_action=api_record_view&id=34427&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.lookoutgfx.com/2012/01/30/web-development-from-scratch-6-external-styling/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>- Web Design &#8211; Live Website Redesign: Alignment &amp; Prioritization</title>
		<link>http://www.lookoutgfx.com/2012/01/27/web-design-live-website-redesign-alignment-prioritization/</link>
		<comments>http://www.lookoutgfx.com/2012/01/27/web-design-live-website-redesign-alignment-prioritization/#comments</comments>
		<pubDate>Fri, 27 Jan 2012 10:13:52 +0000</pubDate>
		<dc:creator>LookOutGFX.com</dc:creator>
				<category><![CDATA[Web Development & Design]]></category>
		<category><![CDATA[Alignment]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Live]]></category>
		<category><![CDATA[Prioritization]]></category>
		<category><![CDATA[Redesign]]></category>
		<category><![CDATA[Website]]></category>

		<guid isPermaLink="false">http://www.lookoutgfx.com/2012/01/27/web-design-live-website-redesign-alignment-prioritization/</guid>
		<description><![CDATA[The LIVE Website Redesign Series is turning the corner of the discovery phase: today we break down Efficiencies by term, desirability, and obtainability, ranking them and then beginning to categorize them with the User Profile&#039;s we created alongside the client. This process helps us align the goals and needs of the client and customer within [...]<p>a</p>
]]></description>
			<content:encoded><![CDATA[<p>					<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/GDmQ0rqdPsk?fs=1"></param><param name="allowFullScreen" value="true"></param>
					<embed src="http://www.youtube.com/v/GDmQ0rqdPsk?fs=1" type="application/x-shockwave-flash" width="425" height="355" allowfullscreen="true"></embed></object><br />
The LIVE Website Redesign Series is turning the corner of the discovery phase: today we break down Efficiencies by term, desirability, and obtainability, ranking them and then beginning to categorize them with the User Profile&#039;s we created alongside the client. This process helps us align the goals and needs of the client and customer within the ThisWeekIn brand, and will serve as a guidepost as we begin prioritizing the work that will go into redesigning the client&#039;s site.</p>
<p>a</p>
<img src="http://www.lookoutgfx.com/?ak_action=api_record_view&id=34426&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.lookoutgfx.com/2012/01/27/web-design-live-website-redesign-alignment-prioritization/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Web development tutorials in urdu</title>
		<link>http://www.lookoutgfx.com/2012/01/21/web-development-tutorials-in-urdu/</link>
		<comments>http://www.lookoutgfx.com/2012/01/21/web-development-tutorials-in-urdu/#comments</comments>
		<pubDate>Sat, 21 Jan 2012 10:19:17 +0000</pubDate>
		<dc:creator>LookOutGFX.com</dc:creator>
				<category><![CDATA[Web Development & Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[urdu]]></category>

		<guid isPermaLink="false">http://www.lookoutgfx.com/2012/01/21/web-development-tutorials-in-urdu/</guid>
		<description><![CDATA[Free tutorials, concise and conceptual knowledge. Learn fast with fast tutorials from Pak Taleem a<p>a</p>
]]></description>
			<content:encoded><![CDATA[<p>					<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/8vNNnOfd4LM?fs=1"></param><param name="allowFullScreen" value="true"></param>
					<embed src="http://www.youtube.com/v/8vNNnOfd4LM?fs=1" type="application/x-shockwave-flash" width="425" height="355" allowfullscreen="true"></embed></object><br />
Free tutorials, concise and conceptual knowledge. Learn fast with fast tutorials from Pak Taleem</p>
<p>a</p>
<img src="http://www.lookoutgfx.com/?ak_action=api_record_view&id=34424&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.lookoutgfx.com/2012/01/21/web-development-tutorials-in-urdu/feed/</wfw:commentRss>
		<slash:comments>24</slash:comments>
		</item>
		<item>
		<title>How do I upload a web template?</title>
		<link>http://www.lookoutgfx.com/2012/01/15/how-do-i-upload-a-web-template/</link>
		<comments>http://www.lookoutgfx.com/2012/01/15/how-do-i-upload-a-web-template/#comments</comments>
		<pubDate>Sun, 15 Jan 2012 10:21:00 +0000</pubDate>
		<dc:creator>LookOutGFX.com</dc:creator>
				<category><![CDATA[Web Development & Design]]></category>
		<category><![CDATA[template]]></category>
		<category><![CDATA[upload]]></category>

		<guid isPermaLink="false">http://www.lookoutgfx.com/2012/01/15/how-do-i-upload-a-web-template/</guid>
		<description><![CDATA[I have a typepad account and also another Site Builder. I see lots of nice free web templates I would like to use, but have failed at uploading them. I am not familiar with HTML, so a lot of the basics seem confusing to me. Can someone please explain in plain english how I upload [...]<p>a</p>
]]></description>
			<content:encoded><![CDATA[<p>I have a typepad account and also another Site Builder.</p>
<p>I see lots of nice free web templates I would like to use, but have failed at uploading them.  I am not familiar with HTML, so a lot of the basics seem confusing to me.</p>
<p>Can someone please explain in plain english how I upload a web template, there are so many files I&#039;m not sure which one to open, upload etc .</p>
<p>THANKS</p>
<p>a</p>
<img src="http://www.lookoutgfx.com/?ak_action=api_record_view&id=34422&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.lookoutgfx.com/2012/01/15/how-do-i-upload-a-web-template/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>DOM Scripting: Web Design with JavaScript and the Document Object Model</title>
		<link>http://www.lookoutgfx.com/2012/01/05/dom-scripting-web-design-with-javascript-and-the-document-object-model/</link>
		<comments>http://www.lookoutgfx.com/2012/01/05/dom-scripting-web-design-with-javascript-and-the-document-object-model/#comments</comments>
		<pubDate>Thu, 05 Jan 2012 10:14:23 +0000</pubDate>
		<dc:creator>LookOutGFX.com</dc:creator>
				<category><![CDATA[Web Development & Design]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Document]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Model]]></category>
		<category><![CDATA[Object]]></category>
		<category><![CDATA[Scripting]]></category>

		<guid isPermaLink="false">http://www.lookoutgfx.com/2012/01/05/dom-scripting-web-design-with-javascript-and-the-document-object-model/</guid>
		<description><![CDATA[Product Description With this second edition of the popular DOM Scripting: Web Design with JavaScript and the Document Object Model comes a modern revision to update best practices and guidelines. It includes full coverage of HTML5 in a new, dedicated chapter, and details on JavaScript libraries and how they can help your scripting. The book [...]<p>a</p>
]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.amazon.com/DOM-Scripting-Design-JavaScript-Document/dp/1430233893%3FSubscriptionId%3D15TXF0KA1V5T085ANXR2%26tag%3Dxaviermcom-20%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3D1430233893" rel="nofollow"><img style="float:left;margin: 0 20px 10px 0;" src="http://ecx.images-amazon.com/images/I/51M9XipGtDL._SL160_.jpg" /></a></p>
<p><b>Product Description</b><br />     With this second edition of the popular DOM Scripting: Web Design with JavaScript and the Document Object Model comes a modern revision to update best practices and guidelines. It includes full coverage of HTML5 in a new, dedicated chapter, and details on JavaScript libraries and how they can help your scripting.</p>
<p> The book provides everything you&#039;ll need to start using JavaScript and the Document Object Model to enhance your web pages with client-si&#8230; <a href="http://www.amazon.com/DOM-Scripting-Design-JavaScript-Document/dp/1430233893%3FSubscriptionId%3D15TXF0KA1V5T085ANXR2%26tag%3Dxaviermcom-20%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3D1430233893" rel="nofollow">More >></a></p>
<p><a href="http://www.amazon.com/DOM-Scripting-Design-JavaScript-Document/dp/1430233893%3FSubscriptionId%3D15TXF0KA1V5T085ANXR2%26tag%3Dxaviermcom-20%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3D1430233893" title="DOM Scripting: Web Design with JavaScript and the Document Object Model" rel="nofollow"><b>DOM Scripting: Web Design with JavaScript and the Document Object Model</b></a></p>
<p>a</p>
<img src="http://www.lookoutgfx.com/?ak_action=api_record_view&id=34420&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.lookoutgfx.com/2012/01/05/dom-scripting-web-design-with-javascript-and-the-document-object-model/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web Design and Development Tools Top Ten</title>
		<link>http://www.lookoutgfx.com/2012/01/03/web-design-and-development-tools-top-ten/</link>
		<comments>http://www.lookoutgfx.com/2012/01/03/web-design-and-development-tools-top-ten/#comments</comments>
		<pubDate>Tue, 03 Jan 2012 10:10:13 +0000</pubDate>
		<dc:creator>LookOutGFX.com</dc:creator>
				<category><![CDATA[Web Development & Design]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[tools]]></category>

		<guid isPermaLink="false">http://www.lookoutgfx.com/2012/01/03/web-design-and-development-tools-top-ten/</guid>
		<description><![CDATA[Hey everybody I am back again! Thanks for all the support, that is the reason I am doing these tutorials again! I had to get life stuff squared away but I am back and hopefully going to continue helping when I can! I enlisted in the ARMY to help pay off some of my student [...]<p>a</p>
]]></description>
			<content:encoded><![CDATA[<p>					<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/mbtnENWG3SE?fs=1"></param><param name="allowFullScreen" value="true"></param>
					<embed src="http://www.youtube.com/v/mbtnENWG3SE?fs=1" type="application/x-shockwave-flash" width="425" height="355" allowfullscreen="true"></embed></object><br />
Hey everybody I am back again! Thanks for all the support, that is the reason I am doing these tutorials again! I had to get life stuff squared away but I am back and hopefully going to continue helping when I can! I enlisted in the ARMY to help pay off some of my student loans so you can understand the amount of stuff I had to get taken care of. Keep subscribing and suggesting tutorials, I&#039;ll do my best to touch base on those suggestions when I have time. Here&#039;s the list of tools, all of which are free. Many of these require Firefox, if you aren&#039;t using this browser you aren&#039;t doing a good job in Web Design already! ALL OF THESE ARE FREE DOWNLOADS. SO START WORKING EFFICIENTLY. 1. FireFox 2. Web Developer Plugin 3. FireBug 4. FIreFTP 5. YSlow 6. DIMDIM.com 7. Skype 8. ColorZilla 9. Fangs 10. Abduction</p>
<p>a</p>
<img src="http://www.lookoutgfx.com/?ak_action=api_record_view&id=34418&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.lookoutgfx.com/2012/01/03/web-design-and-development-tools-top-ten/feed/</wfw:commentRss>
		<slash:comments>22</slash:comments>
		</item>
		<item>
		<title>How do I make my CSS web template compatible with all web hosts?</title>
		<link>http://www.lookoutgfx.com/2011/12/29/how-do-i-make-my-css-web-template-compatible-with-all-web-hosts/</link>
		<comments>http://www.lookoutgfx.com/2011/12/29/how-do-i-make-my-css-web-template-compatible-with-all-web-hosts/#comments</comments>
		<pubDate>Thu, 29 Dec 2011 10:18:02 +0000</pubDate>
		<dc:creator>LookOutGFX.com</dc:creator>
				<category><![CDATA[Web Development & Design]]></category>
		<category><![CDATA[compatible]]></category>
		<category><![CDATA[hosts]]></category>
		<category><![CDATA[template]]></category>

		<guid isPermaLink="false">http://www.lookoutgfx.com/2011/12/29/how-do-i-make-my-css-web-template-compatible-with-all-web-hosts/</guid>
		<description><![CDATA[I have been experimenting with designing CSS web templates with the intention to sell them. I am getting pretty good, but I want to make sure they are compatible with as many hosting sites as possible. Are most standard CSS templates compatible with hosts or is there something else I should be doing? Thanks in [...]<p>a</p>
]]></description>
			<content:encoded><![CDATA[<p>I have been experimenting with designing CSS web templates with the intention to sell them. I am getting pretty good, but I want to make sure they are compatible with as many <a href="http://www.exavier.com/hosting/" class="kblinker" title="More about hosting &raquo;">hosting</a> sites as possible. </p>
<p>Are most standard CSS templates compatible with hosts or is there something else I should be doing?</p>
<p>Thanks in advance.</p>
<p>a</p>
<img src="http://www.lookoutgfx.com/?ak_action=api_record_view&id=34416&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.lookoutgfx.com/2011/12/29/how-do-i-make-my-css-web-template-compatible-with-all-web-hosts/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>- Web Design &#8211; Live Website Redesign: User Stories</title>
		<link>http://www.lookoutgfx.com/2011/12/25/web-design-live-website-redesign-user-stories/</link>
		<comments>http://www.lookoutgfx.com/2011/12/25/web-design-live-website-redesign-user-stories/#comments</comments>
		<pubDate>Sun, 25 Dec 2011 11:04:40 +0000</pubDate>
		<dc:creator>LookOutGFX.com</dc:creator>
				<category><![CDATA[Web Development & Design]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Live]]></category>
		<category><![CDATA[Redesign]]></category>
		<category><![CDATA[Stories]]></category>
		<category><![CDATA[User]]></category>
		<category><![CDATA[Website]]></category>

		<guid isPermaLink="false">http://www.lookoutgfx.com/2011/12/25/web-design-live-website-redesign-user-stories/</guid>
		<description><![CDATA[Back by popular demand, both Aure Gimon and the Sink Or Swim segment are back in the studio! The ThisWeekIn Web Design team create User Stories as another chapter in the Live Website Redesign. a<p>a</p>
]]></description>
			<content:encoded><![CDATA[<p>					<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/FHIRvRjQvyo?fs=1"></param><param name="allowFullScreen" value="true"></param>
					<embed src="http://www.youtube.com/v/FHIRvRjQvyo?fs=1" type="application/x-shockwave-flash" width="425" height="355" allowfullscreen="true"></embed></object><br />
Back by popular demand, both Aure Gimon and the Sink Or Swim segment are back in the studio! The ThisWeekIn Web Design team create User Stories as another chapter in the Live Website Redesign.</p>
<p>a</p>
<img src="http://www.lookoutgfx.com/?ak_action=api_record_view&id=34415&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.lookoutgfx.com/2011/12/25/web-design-live-website-redesign-user-stories/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Web Development from Scratch 15 &#8211; Helpful Dev Web Apps</title>
		<link>http://www.lookoutgfx.com/2011/12/25/web-development-from-scratch-15-helpful-dev-web-apps/</link>
		<comments>http://www.lookoutgfx.com/2011/12/25/web-development-from-scratch-15-helpful-dev-web-apps/#comments</comments>
		<pubDate>Sun, 25 Dec 2011 11:04:38 +0000</pubDate>
		<dc:creator>LookOutGFX.com</dc:creator>
				<category><![CDATA[Web Development & Design]]></category>
		<category><![CDATA[Apps]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[from]]></category>
		<category><![CDATA[Helpful]]></category>
		<category><![CDATA[Scratch]]></category>

		<guid isPermaLink="false">http://www.lookoutgfx.com/2011/12/25/web-development-from-scratch-15-helpful-dev-web-apps/</guid>
		<description><![CDATA[We&#039;re going to step away from coding just long enough to bookmark ten very helpful web apps that you need to be familiar with. net.tutsplus.com/sessions/web-design-from-scratch/ a<p>a</p>
]]></description>
			<content:encoded><![CDATA[<p>					<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/X3U7LVVEcLA?fs=1"></param><param name="allowFullScreen" value="true"></param>
					<embed src="http://www.youtube.com/v/X3U7LVVEcLA?fs=1" type="application/x-shockwave-flash" width="425" height="355" allowfullscreen="true"></embed></object><br />
We&#039;re going to step away from coding just long enough to bookmark ten very helpful web apps that you need to be familiar with. net.tutsplus.com/sessions/web-design-from-scratch/</p>
<p>a</p>
<img src="http://www.lookoutgfx.com/?ak_action=api_record_view&id=34414&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.lookoutgfx.com/2011/12/25/web-development-from-scratch-15-helpful-dev-web-apps/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic Page Served (once) in 0.350 seconds -->

