<?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>TechMedia &#187; web</title>
	<atom:link href="http://www.lizhargreaves.com/tag/web-development/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.lizhargreaves.com</link>
	<description>Liz's tech and media musings</description>
	<lastBuildDate>Fri, 17 Jun 2011 15:10:52 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Dreamweaver CS4 browser test tips</title>
		<link>http://www.lizhargreaves.com/2010/04/09/dreamweaver-cs4-browser-test-tips/</link>
		<comments>http://www.lizhargreaves.com/2010/04/09/dreamweaver-cs4-browser-test-tips/#comments</comments>
		<pubDate>Fri, 09 Apr 2010 22:29:22 +0000</pubDate>
		<dc:creator>Liz</dc:creator>
				<category><![CDATA[all posts]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[BrowserLab]]></category>
		<category><![CDATA[Dreamweaver CS4]]></category>

		<guid isPermaLink="false">http://www.lizhargreaves.com/?p=1117</guid>
		<description><![CDATA[The most tedious part of the web development is the inevitable code>preview in browser cycle. That&#8217;s why Adobe integrated the Web kit rendering engine in DW CS4. Live View lets you run and render your page right within DW&#8217;s Design View. This allows you to see the rendered code directly, without having to PIB. Not [...]]]></description>
			<content:encoded><![CDATA[<p>The most tedious part of the web development is the inevitable code>preview in browser cycle. That&#8217;s why Adobe integrated the <a href="http://blogs.adobe.com/dreamweaver/2008/12/new_features_in_dw_cs4_a_minis.html" target="_blank">Web kit rendering</a> engine in DW CS4. Live View lets you run and render your page right within DW&#8217;s Design View. </p>
<blockquote><p>This allows you to see the rendered code directly, without having to PIB.<br />
Not only is the CSS rendering as it would in the browser, but you also get full javascript interactivity. Drop-down menus work, roll-over images roll over.</p></blockquote>
<p><object width="425" height="256"><param name="movie" value="http://images.tv.adobe.com/swf/player.swf"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="FlashVars" value="fileID=2246&#038;context=64&#038;embeded=true&#038;environment=production"></param><embed src="http://images.tv.adobe.com/swf/player.swf" flashvars="fileID=2246&#038;context=64&#038;embeded=true&#038;environment=production" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="256"></embed></object></p>
<p>For cross browser testing, grab <a href="http://labs.adobe.com/downloads/browserlab.html" target="_blank">Adobe&#8217;s BrowserLab Extension</a>, which gives DW CS4 users added functionality, such as testing local content and different states of interactive pages.</p>
<p>Wonder what Adobe will unveil at the <a href="http://www.adobe.com/go/cs5launchevent_live" target="_blank">CS5 launch</a> April 12 &#8230; what would you most like to see in future releases of Adobe Creative Suite apps?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lizhargreaves.com/2010/04/09/dreamweaver-cs4-browser-test-tips/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chrome&#8217;s useful Developer Tools</title>
		<link>http://www.lizhargreaves.com/2010/01/22/chromes-useful-developer-tools/</link>
		<comments>http://www.lizhargreaves.com/2010/01/22/chromes-useful-developer-tools/#comments</comments>
		<pubDate>Fri, 22 Jan 2010 22:16:29 +0000</pubDate>
		<dc:creator>Liz</dc:creator>
				<category><![CDATA[all posts]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[tools]]></category>

		<guid isPermaLink="false">http://www.lizhargreaves.com/?p=991</guid>
		<description><![CDATA[As a Mac user, I only recently downloaded Google&#8217;s Chrome browser. The Mac version of Chrome doesn&#8217;t run extensions sadly. You need Windows Vista/XP SP2+ to access these goodies, at least for the moment. Despite its lack of extensions, Chrome quickly became my default browser. Although there are certain sites it had trouble with, I [...]]]></description>
			<content:encoded><![CDATA[<p>As a Mac user, I only recently downloaded Google&#8217;s Chrome browser.
</p>
<p>The <a href="http://www.google.com/chrome" target="_blank">Mac version</a> of Chrome doesn&#8217;t run <a href="http://www.1stwebdesigner.com/development/transfer-chrome-irreplaceable-chrome-extensions/" target="_blank">extensions</a> sadly. You need Windows Vista/XP SP2+ to access these goodies, at least for the moment.</p>
<p> Despite its lack of extensions, Chrome quickly became my default browser.</p>
<p>Although there are certain sites it had trouble with, I agree with Google&#8217;s promo blurb about Chrome. It does start-up and load lightening fast. And the search from the address bar feature is way better than typing into Firefox&#8217;s tiny search portal.</p>
<div id="attachment_998" class="wp-caption aligncenter" style="width: 410px"><a href="http://www.lizhargreaves.com/wp-content/uploads/2010/01/dev-tool.jpg"><img src="http://www.lizhargreaves.com/wp-content/uploads/2010/01/dev-tool.jpg" alt="Developer Tools for Chrome" title="Developer Tools for Chrome" width="400" height="341" class="size-full wp-image-998" /></a><p class="wp-caption-text">Developer Tools for Chrome</p></div>
<p>The best feature for developers is the <a href="http://blog.chromium.org/2009/06/developer-tools-for-google-chrome.html" target="_blank">Developer Tools</a> found under the page icon to the right of the address bar.</p>
<p>Use this by pulling it up on the site you want metrics for. Check in <em>Resources</em> to see how long each element takes to load what the file size is.</p>
<p>Easily view CSS, HTML code and test JavaScript with an integrated debugger.</p>
<p><a href="http://mashable.com/2009/12/08/chrome-v-chrome/" target="_blank">An article</a> in Mashable says that Dev Tools is virtually identical to Safari&#8217;s <a href="http://webkit.org/blog/41/introducing-the-web-inspector/" target="_blank">Web Inspector</a>. That may be true, but I can&#8217;t get Safari to play nice with Flash, so I have abandoned it.</p>
<p>And Firefox has some great extensions, such as <a href="http://getfirebug.com/" target="_blank">Firebug</a> and <a href="https://addons.mozilla.org/en-US/firefox/addon/60" target="_blank">Web Developer</a>, but that I find Firefox loads so slowly in comparison to other browsers. </p>
<p>What is your default browser? What do you think about the recent news &#8211; stemming from the Chinese hacks on a vulnerability in Internet Explorer 6 and Windows XP &#8211; that France and Germany have advised citizens to <a href="http://www.geek.com/articles/news/france-and-germany-advise-citizens-to-abandon-internet-explorer-20100120/" target="_blank">abandon Internet Explorer</a>?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.lizhargreaves.com/2010/01/22/chromes-useful-developer-tools/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

