<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" version="2.0">

<channel>
	<title>W3Resources</title>
	
	<link>http://w3resources.com</link>
	<description />
	<lastBuildDate>Fri, 24 Jul 2009 20:12:27 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/w3resources" /><feedburner:info xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" uri="w3resources" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>Top 10 Insanely Addictive Online Games</title>
		<link>http://w3resources.com/top-10-insanely-addictive-online-games/</link>
		<comments>http://w3resources.com/top-10-insanely-addictive-online-games/#comments</comments>
		<pubDate>Mon, 20 Jul 2009 17:43:44 +0000</pubDate>
		<dc:creator>Adeel</dc:creator>
				<category><![CDATA[Entertainment]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Games]]></category>
		<category><![CDATA[Addictive]]></category>
		<category><![CDATA[Adventure]]></category>
		<category><![CDATA[Arcade]]></category>

		<guid isPermaLink="false">http://w3resources.com/?p=244</guid>
		<description><![CDATA[2diggsNo matter how much the desktop gaming industry progresses in terms of graphics, game play and overal user experience. The highest level of addiction still lies in the light-weight online flash games. For some people, online games are just a passtime to fill in hours at office or at lunch time. For others, online games are a [...]]]></description>
			<content:encoded><![CDATA[<p>No matter how much the desktop gaming industry progresses in terms of graphics, game play and overal user experience. The highest level of addiction still lies in the light-weight online flash games. For some people, online games are just a passtime to fill in hours at office or at lunch time. For others, online games are a hobby that keeps them addicted to the computer for hours and hours.</p>
<p>These games vary from simple one-click mouse games to the ones with advanced gameplay using a keyboard. I have put together a list of the <strong><span style="color: #ff6600;">MOST ADDICTING</span></strong>, <strong><em><span style="color: #ff0000;">REALLY ADDICTING</span></em></strong>, <strong><em><span style="text-decoration: underline;"><span style="color: #0000ff;">INSANELY ADDICTING</span></span></em></strong> online games ever made since 2000.</p>
<p>All these games have been actually played for atleast a month, tested for addiction and then posted here. Have fun and put your high scores in the comment box at the bottom <img src='http://w3resources.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>  </p>
<h1>1. Desktop Tower Defense</h1>
<p><a href="http://www.handdrawngames.com/DesktopTD/Game2.asp" target="_blank"><img class="alignnone size-full wp-image-247" title="desktoptower" src="http://w3resources.com/wp-content/uploads/2009/07/desktoptower.jpg" alt="desktoptower" width="697" height="495" /></a></p>
<p><span id="more-244"></span></p>
<p>Desktop Tower Defense is a fun puzzle / strategy game where you have to protect your desktop from invaders by spending money on attacking pieces and building a maze for them to follow. Creeps enter from the top and from the left. You must stop them from reaching the other side or you will lose lives. You start with 20 lives, and when they are gone the game is over.</p>
<h6><strong>Name</strong>: Desktop Tower Defense<br />
<strong>Type</strong>: Strategy / Puzzle</p>
<div style="text-align: center; font-size: 18px;"><strong><a href="http://www.handdrawngames.com/DesktopTD/Game2.asp" target="_blank">Click Here To Play</a></strong></div>
</h6>
<p>  </p>
<h1>2. Monkey Kick Off</h1>
<p><a href="http://www.totebo.com/monkey-kick-off.php" target="_blank"><img title="monkeykickoff" src="http://w3resources.com/wp-content/uploads/2009/07/monkeykickoff.jpg" alt="monkeykickoff" width="637" height="479" /></a></p>
<p>Monkey has gone football crazy, so get those Monkey feet in tip top shape and kick your way to the Monkey Village where all your Monkey friends will be waiting to welcome the longest kicks home! Monkey Kick Off is an extremely addictive game, specially when you have been challenged by your friend and have to beat his high score.</p>
<p>It&#8217;s all about laws of physics. Think speed and angle for monster kicks. May the best monkey win!</p>
<h6><strong>Name</strong>: Monkey Kick Off<br />
<strong>Type</strong>: Adventure / Physics</p>
<div style="text-align: center; font-size: 18px;"><strong><a href="http://www.totebo.com/monkey-kick-off.php" target="_blank">Click Here To Play</a></strong></div>
</h6>
<p> </p>
<h1>3. Crazy Taxi</h1>
<p><a href="http://www.novelgames.com/flashgames/game.php?id=69" target="_blank"><img title="crazitaxi" src="http://w3resources.com/wp-content/uploads/2009/07/crazitaxi.jpg" alt="crazitaxi" width="610" height="409" /></a></p>
<p>Crazy Taxi is a silly but addictive game. You have to drive the taxi using the maximum possible speed. This game is also available on facebook as an application, where you can challenge your friend&#8217;s high scores and try to beat them all day.</p>
<h6><strong>Name</strong>: Crazy Taxi<br />
<strong>Type</strong>: Arcade</p>
<div style="text-align: center; font-size: 18px;"><strong><a href="http://www.novelgames.com/flashgames/game.php?id=69" target="_blank">Click Here To Play</a></strong></div>
</h6>
<p>  </p>
<h1>4. WinterBells</h1>
<p><a href="http://www.ferryhalim.com/orisinal/g3/bells.htm" target="_blank"><img title="winterbells" src="http://w3resources.com/wp-content/uploads/2009/07/winterbells.jpg" alt="winterbells" width="749" height="514" /></a></p>
<p>WinterBells is a very fun game with a simple game play. The cute little rabbit has to jump on the bells to go as far on top as possible. All you have to do is move your mouse right and left to make the rabbit reach the bells.</p>
<h6><strong>Name</strong>: WinterBells<br />
<strong>Type</strong>: Arcade</p>
<div style="text-align: center; font-size: 18px;"><strong><a href="http://www.ferryhalim.com/orisinal/g3/bells.htm" target="_blank">Click Here To Play</a></strong></div>
</h6>
<p>  </p>
<h1>5. Avoider</h1>
<p><a href="http://www.onemorelevel.com/games/avoider.html" target="_blank"><img title="protectyourmouse" src="http://w3resources.com/wp-content/uploads/2009/07/protectyourmouse.jpg" alt="protectyourmouse" width="625" height="443" /></a></p>
<p>Avoider is a very unique and creative game. It keeps you addicted for hours. The cute sumo-like guy tries to catch your mouse with different strategies. He can fly, load missiles and play other tactics to do that. Your goal is to protect your mouse cursor.</p>
<p>Note: This is a japanese game so you will have to click the first button to start the game.</p>
<h6><strong>Name</strong>: Avoider<br />
<strong>Type</strong>: Adventure / Arcade</p>
<div style="text-align: center; font-size: 18px;"><strong><a href="http://www.onemorelevel.com/games/avoider.html" target="_blank">Click Here To Play</a></strong></div>
</h6>
<p>  </p>
<h1>6. The Shell Game</h1>
<p><a href="http://www.ohoboho.com/games/bbf03c806f746dbf51a00fcc57051c66.swf" target="_blank"></a></p>
<p><a href="http://www.ohoboho.com/games/bbf03c806f746dbf51a00fcc57051c66.swf" target="_blank"><img title="theshellgame" src="http://w3resources.com/wp-content/uploads/2009/07/theshellgame.jpg" alt="theshellgame" width="715" height="538" /></a></p>
<p>The shell game is very popular. Like you may have seen in casinoes, the ball is hidden under a shell and shells are moved quickly. You have to keep your eye on the shell with the ball.</p>
<h6><strong>Name</strong>: The Shell Game<br />
<strong>Type</strong>: Arcade</p>
<div style="text-align: center; font-size: 18px;"><strong><a href="http://www.ohoboho.com/games/bbf03c806f746dbf51a00fcc57051c66.swf" target="_blank">Click Here To Play</a></strong></div>
</h6>
<p>  </p>
<h1>7. Double Wires</h1>
<p><a href="http://www.freewebarcade.com/game/double-wires/" target="_blank"><img title="swingingman" src="http://w3resources.com/wp-content/uploads/2009/07/swingingman.jpg" alt="swingingman" width="549" height="400" /></a></p>
<p>The best ever spiderman game yet! This is such an addictive game where you have to save the swinging man (who seems to be drunk) from falling down. Each click throws the rope towards the line and pulls the man forward.</p>
<h6><strong>Name</strong>: Double Wires<br />
<strong>Type</strong>: Point&#8217;n'Click</p>
<div style="text-align: center; font-size: 18px;"><strong><a href="http://www.freewebarcade.com/game/double-wires/" target="_blank">Click Here To Play</a></strong></div>
</h6>
<p>  </p>
<h1>8. Chim Game</h1>
<p><a href="http://www.addictinggames.com/theworldshardestgame.html" target="_blank"></a></p>
<p><a href="http://www.mikewang.org/images/chimgam9.swf" target="_blank"><img title="chimgam" src="http://w3resources.com/wp-content/uploads/2009/07/chimgam.jpg" alt="chimgam" width="576" height="781" /></a></p>
<p>This is one cute and funny game. There&#8217;s a pottty man on top and you have to save the baby from him. The baby also fires something towards the man.</p>
<h6><strong>Name</strong>: Chim Game<br />
<strong>Type</strong>: Arcade</p>
<div style="text-align: center; font-size: 18px;"><strong><a href="http://www.mikewang.org/images/chimgam9.swf" target="_blank">Click Here To Play</a></strong></div>
</h6>
<p>  </p>
<h1>9. The World&#8217;s Hardest Game</h1>
<p><a href="http://www.addictinggames.com/theworldshardestgame.html" target="_blank"><img title="worldshardestgame" src="http://w3resources.com/wp-content/uploads/2009/07/worldshardestgame.jpg" alt="worldshardestgame" width="638" height="462" /></a></p>
<p>The world&#8217;s hardest game (or so they say) is very addictive, but not so hard if you get hang of the game play.</p>
<h6><strong>Name</strong>: The World&#8217;s Hardest Game<br />
<strong>Type</strong>: Arcade</p>
<div style="text-align: center; font-size: 18px;"><strong><a href="http://www.addictinggames.com/theworldshardestgame.html" target="_blank">Click Here To Play</a></strong></div>
</h6>
<p>  </p>
<h1>10. Helicopter Game</h1>
<p><a href="http://www.helicoptergame.net/" target="_blank"><img title="helicopter" src="http://w3resources.com/wp-content/uploads/2009/07/helicopter.jpg" alt="helicopter" width="547" height="400" /></a></p>
<p>Helicopter game is an addictive game in which you have to keep the helicopter moving forward.</p>
<h6><strong>Name</strong>: Helicopter Game<br />
<strong>Type</strong>: Arcade</p>
<div style="text-align: center; font-size: 18px;"><strong><a href="http://www.helicoptergame.net/" target="_blank">Click Here To Play</a></strong></div>
</h6>
<h2 style="text-align: center;"><span style="color: #ff0000;"> </span></h2>
<h2 style="text-align: center;"><span style="color: #ff0000;">Don&#8217;t get fired!</span></h2>
<h2 style="text-align: center;">More addictive games coming soon&#8230;</h2>
]]></content:encoded>
			<wfw:commentRss>http://w3resources.com/top-10-insanely-addictive-online-games/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Facebook Style Photo Tagging</title>
		<link>http://w3resources.com/facebook-style-photo-tagging/</link>
		<comments>http://w3resources.com/facebook-style-photo-tagging/#comments</comments>
		<pubDate>Thu, 16 Jul 2009 17:35:49 +0000</pubDate>
		<dc:creator>Adeel</dc:creator>
				<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Images]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Tooltips]]></category>
		<category><![CDATA[Annotation]]></category>
		<category><![CDATA[Flickr]]></category>
		<category><![CDATA[Image]]></category>
		<category><![CDATA[Photo]]></category>
		<category><![CDATA[Tagging]]></category>

		<guid isPermaLink="false">http://w3resources.com/?p=224</guid>
		<description><![CDATA[Facebook popularized a great and convenient way of identifying people or objects within a photo. The technique is called photo-tagging and is used for annotating images. There are some pretty neat javascript classes to apply facebook style photo tagging to the image galleries on your website or blog.
Taggify
Taggify is a web widget which allows bloggers and publishers [...]]]></description>
			<content:encoded><![CDATA[<p>Facebook popularized a great and convenient way of identifying people or objects within a photo. The technique is called <em>photo-tagging</em> and is used for annotating images. There are some pretty neat javascript classes to apply facebook style photo tagging to the image galleries on your website or blog.</p>
<h2>Taggify</h2>
<p><strong><a href="http://www.taggify.net/" target="_blank">Taggify</a></strong> is a web widget which allows bloggers and publishers enhance their sites by adding image tooltips linked to certain image&#8217;s reqions. Image regions become clickable and tagged with some title, description and link. When visitor moves mouse over the image, Taggify widget shows a nice tooltip with related content provided by the publisher.</p>
<p><img class="alignnone size-full wp-image-226" title="taggify2" src="http://w3resources.com/wp-content/uploads/2009/07/taggify2.jpg" alt="taggify2" width="256" height="214" /></p>
<p><span id="more-224"></span></p>
<p>Once you mark out the images and add textual notes for the person or the object, this is what it looks like:</p>
<p><img class="alignnone size-medium wp-image-225" title="taggify" src="http://w3resources.com/wp-content/uploads/2009/07/taggify-280x300.jpg" alt="taggify" width="280" height="300" /></p>
<h6><strong>Type</strong>: Free<br /><strong>Compatibility</strong>: Internet Explorer 6+, Firefox 2.0+, Safari 2.0+, Opera 9+<br /><strong>Website: <a href="http://www.taggify.net/" target="_blank">http://www.taggify.net/</a></strong></h6>
<h2>TipImage</h2>
<p><strong><a href="http://digitalhymn.com/argilla/tipmage/" target="_blank">Tipmage</a></strong> is a javascript class aimed at creating and managing tooltips (or &#8220;notes&#8221;) over images. It looks very similar to the <strong><em>Bing</em></strong> home page. Tipmage makes it possible to mark rectangular portions of an image and attach a description to each one of them. The description will be shown as a tooltip when the mouse is over the right section of the image.</p>
<p><img class="alignnone size-full wp-image-229" title="tipimage" src="http://w3resources.com/wp-content/uploads/2009/07/tipimage.jpg" alt="tipimage" width="400" height="298" /></p>
<p>The class can work in two ways: in <em>normal mode</em> it just shows the tooltips, while in <em>edit mode</em> it also allows the user to edit them. An external CSS stylesheet allows to customize the appearance of the user interface.</p>
<h6><strong>Type</strong>: Free<br /><strong>Compatibility</strong>: Internet Explorer 5.5+, Firefox 1.0+, Safari 2.0+, Opera 7.6+<strong><br />Website: <a href="http://digitalhymn.com/argilla/tipmage/" target="_blank">http://digitalhymn.com/argilla/tipmage/</a></strong></h6>
<h2>FotoNotes</h2>
<p><strong><a href="http://www.fotonotes.net/" target="_blank">Fotonotes</a></strong> is probably the oldest and trend-setting library for annotating images. Probably the best known derivation of FotoNotes is Flickr&#8217;s note feature.</p>
<p><img class="alignnone size-full wp-image-234" style="border: 1px solid #CCC;" title="fotonotes" src="http://w3resources.com/wp-content/uploads/2009/07/fotonotes.jpg" alt="fotonotes" width="400" height="298" /></p>
<p>However, Fotonotes no longer seems to be under development and therefore it is not recommended to use it.</p>
<h6><strong>Type</strong>: Free<br /><strong>Website: <a href="http://www.fotonotes.net/" target="_blank">http://www.fotonotes.net/</a></strong></h6>
]]></content:encoded>
			<wfw:commentRss>http://w3resources.com/facebook-style-photo-tagging/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Customizable Polls &amp; Surveys For Your Website</title>
		<link>http://w3resources.com/customizable-polls-surveys-for-your-website/</link>
		<comments>http://w3resources.com/customizable-polls-surveys-for-your-website/#comments</comments>
		<pubDate>Wed, 15 Jul 2009 12:56:42 +0000</pubDate>
		<dc:creator>Adeel</dc:creator>
				<category><![CDATA[Polls & Surveys]]></category>
		<category><![CDATA[Polls]]></category>
		<category><![CDATA[Questionnaires]]></category>
		<category><![CDATA[Surveys]]></category>

		<guid isPermaLink="false">http://w3resources.com/?p=210</guid>
		<description><![CDATA[PollDaddy is a great service to create customizable polls or surveys for your website or blog. The polls are quick and easy to create, fun to use, and best of all, cost nothing! No technological knowledge is required &#8211; the code is created for you in seconds. You merely cut and paste into your website or blog! 
PollDaddy [...]]]></description>
			<content:encoded><![CDATA[<p><strong><a href="http://www.polldaddy.com" target="_blank">PollDaddy</a></strong> is a great service to create customizable polls or surveys for your website or blog. The polls are quick and easy to create, fun to use, and best of all, cost nothing! No technological knowledge is required &#8211; the code is created for you in seconds. You merely cut and paste into your website or blog! </p>
<p>PollDaddy comes with an extensive <a href="http://polldaddy.pbworks.com/XML+API+Documentation" target="_blank">API</a> which can be used for authentication, fetching polls and data, moderation and loads of other stuff.</p>
<h2>PollDaddy Survey</h2>
<p><img class="size-full wp-image-213 alignnone" style="border: 1px solid #CCC;" title="polldaddy3" src="http://w3resources.com/wp-content/uploads/2009/07/polldaddy3.jpg" alt="polldaddy3" width="413" height="282" /></p>
<ol>
<li>A selection of skins to choose from or <strong>create your own in CSS</strong>.</li>
<li>Advanced <strong>online reporting in real time</strong> of your data as it is collected.</li>
<li><strong>Insert HTML directly</strong> allowing you to add pictures, video and more.</li>
<li>Full <strong>foreign language support</strong>.</li>
<li><strong>11 question types</strong> to choose from with multiple options for each.</li>
<li>Export your data as XML, CSV and receive your <strong>results via Email or RSS</strong>.</li>
</ol>
<p><span id="more-210"></span></p>
<h6><strong>Type:</strong> Free for 100 responses</h6>
<p> </p>
<h2>PollDaddy Polls</h2>
<p><img class="size-full wp-image-211 alignnone" style="border: 1px solid #CCC;" title="polldaddy" src="http://w3resources.com/wp-content/uploads/2009/07/polldaddy.jpg" alt="polldaddy" width="316" height="362" /></p>
<ol>
<li><strong>Unlimited free polls</strong> with unlimited votes per poll.</li>
<li><strong>14 PollDaddy skins to choose</strong> from or create your own in CSS.</li>
<li>View poll results online, as XML, CSV, or <strong>subscribe to them via RSS!</strong></li>
<li>Add text, <strong>pictures and video</strong> to your polls.</li>
<li><strong>Block repeat voters</strong> by IP address or cookies.</li>
<li>Create single choice or multiple choice polls.</li>
<li>Close polls after a certain date, randomize answers, allow text entry &#8216;other&#8217; field, show or hide results from voters <strong>and much more</strong>.</li>
<li>Track individual votes, get <strong>voter location</strong> and detect fraudulent votes</li>
</ol>
<h6><strong>Type:</strong> Free<br />
<strong>Website: <a href="http://www.polldaddy.com" target="_blank">http://www.polldaddy.com</a></strong></h6>
]]></content:encoded>
			<wfw:commentRss>http://w3resources.com/customizable-polls-surveys-for-your-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Check Your Website In All Browsers And Platforms</title>
		<link>http://w3resources.com/cross-browser-compatibility-for-your-website/</link>
		<comments>http://w3resources.com/cross-browser-compatibility-for-your-website/#comments</comments>
		<pubDate>Sun, 12 Jul 2009 10:03:39 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Browser Testing]]></category>
		<category><![CDATA[Compatibility]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Testing]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Browsers]]></category>
		<category><![CDATA[Platforms]]></category>
		<category><![CDATA[Remote Access]]></category>
		<category><![CDATA[Screenshot]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://w3resources.com/?p=166</guid>
		<description><![CDATA[If you are a professional website designer, you will know the importance of achieving cross browser compatibility for your website designs. Even for people with years of experience in CSS and designing, 100% cross browser compatibility is a pain to achieve. Gone are the days when putting a label &#8220;Best viewed with Netscape&#8221; or &#8220;Best viewed [...]]]></description>
			<content:encoded><![CDATA[<p>If you are a professional website designer, you will know the importance of achieving cross browser compatibility for your website designs. Even for people with years of experience in CSS and designing, 100% cross browser compatibility is a pain to achieve. Gone are the days when putting a label &#8220;Best viewed with Netscape&#8221; or &#8220;Best viewed with Internet Explorer&#8221; guaranteed you compatibility.</p>
<p>Now a days, there are dozens of browsers on hundreds of devices that need to render your website without damaging your design. It&#8217;s not possible for you to own all these devices and test your design on them one by one.  There are so many issues to test like:</p>
<ol>
<li><strong>Screen Resolution</strong></li>
<li><strong>Colour Limitations</strong></li>
<li><strong>CSS rendering &amp; hacks</strong></li>
<li><strong>Frames support</strong></li>
<li><strong>PNG transparency</strong></li>
<li><strong>Javascript performance</strong></li>
</ol>
<p>So for this problem, there are 2 great tools that will help you test your site designs in dozens of browsers and platforms.</p>
<h2>BrowserShots</h2>
<p><strong><a href="http://browsershots.org" target="_blank">BrowserShots</a></strong> is a great <strong><em>free</em></strong> tool which captures screenshots of your website. A number of distributed computers will open your website in their <em>browser</em>. Then they will make <em>screenshots</em> and upload them to the central server.</p>
<p><strong>Step 1 </strong>- Select all the browsers you want a screenshot of.</p>
<p><img class="alignnone size-full wp-image-173" style="border: 1px solid #CCC;" title="browsershots" src="http://w3resources.com/wp-content/uploads/2009/07/browsershots.jpg" alt="browsershots" width="476" height="291" /></p>
<p><span id="more-166"></span></p>
<p><strong>Step 2 </strong>- Select other details like screen size, color depth, javascript, etc.</p>
<p><img class="alignnone size-full wp-image-174" style="border: 1px solid #CCC;" title="browsershots2" src="http://w3resources.com/wp-content/uploads/2009/07/browsershots2.jpg" alt="browsershots2" width="541" height="74" /></p>
<p><strong>Step 3 </strong>- Wait for your screenshots. Depending on the queue, the results start appearing almost immediately.</p>
<p><img class="alignnone size-full wp-image-177" style="border: 1px solid #CCC;" title="browsershots3" src="http://w3resources.com/wp-content/uploads/2009/07/browsershots3.jpg" alt="browsershots3" width="437" height="418" /></p>
<h6><strong>Type:</strong> Free<br />
<strong>Website: <a href="http://browsershots.org/" target="_blank">http://browsershots.org/</a></strong></h6>
<h2>BrowserCam</h2>
<p><strong><a href="http://www.browsercam.com/" target="_blank">BrowserCam</a></strong> takes compatibility testing one step ahead of BrowserShots. BrowserCam lets you see your web design on any browser on any operating system. With real-time remote access, you can check javascripts, DHTML, forms and other dynamic functionality on any platform. They have a bank of testing machines with different platforms that you can use to test your website.</p>
<p><img class="size-full wp-image-196 alignnone" style="border: 1px solid #CCC;" title="browsercam" src="http://w3resources.com/wp-content/uploads/2009/07/browsercam.png" alt="browsercam" width="430" height="279" /></p>
<p>They offer a variety of services:</p>
<ol>
<li><strong>Browser Capture<br />
</strong><span>BrowserCam&#8217;s Screen Capture Service lets you submit single or multiple URL&#8217;s, choose the browsers and operating systems you want to see, and screen captures of your webpage are loaded in the different browsers and operating systems you selected.</span></li>
<li><strong>Device Capture<br />
</strong>With DeviceCam, you can see how your website will look on PDAs &#8211; Blackberry &amp; Microsoft Windows Mobile 5.0.  Whether a PDA&#8217;s screen is in portrait format or landscape format, DeviceCam will help you to fine tune your website for your users who are always on the move. </li>
<li><strong>Remote Access<br />
</strong>Remote Access Service lets you log into any of their machines remotely using a simple program called VNC.  Simply select the operating system you want and click connect. They will allocate a dedicated machine from their server farm for your immediate use. Macintoshes, Windows 98, Windows 2000, Windows XP machines, and Linux machines are available in a variety of configurations.</li>
<li><strong>BC-Virtual<br />
</strong>Virtual Machine service functions in a similar manner to the remote access service, but with added versatility and power. Virtual Machine gives you your own personal drive space, which you can use to load a wide variety of operating system images, so you can create your own personal virtual machines. This is the most customizable plan.</li>
</ol>
<h6><strong>Type:</strong> Commerical / Free Trial<br />
<strong>Website: <a href="http://www.browsercam.com/" target="_blank">http://www.browsercam.com/</a></strong></h6>
]]></content:encoded>
			<wfw:commentRss>http://w3resources.com/cross-browser-compatibility-for-your-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Microsoft releases the “flash-killer”: Silverlight 3</title>
		<link>http://w3resources.com/microsoft-releases-silverlight-3/</link>
		<comments>http://w3resources.com/microsoft-releases-silverlight-3/#comments</comments>
		<pubDate>Sat, 11 Jul 2009 22:34:28 +0000</pubDate>
		<dc:creator>Zain</dc:creator>
				<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[Multimedia]]></category>
		<category><![CDATA[Video]]></category>
		<category><![CDATA[Silverlight]]></category>

		<guid isPermaLink="false">http://w3resources.com/?p=156</guid>
		<description><![CDATA[Microsoft has released the latest version of their &#8220;flash-killer&#8221;: Silverlight 3. This release brings along a couple of VERY useful features that a lot of developers will be pleased with.
1. If you&#8217;re a video publisher, you can take advantage of the new MPEG-4 based H.264 codec along with the high end AAC sound. Technically it [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-159" title="silverlight" src="http://w3resources.com/wp-content/uploads/2009/07/silverlight1.png" alt="silverlight" width="216" height="207" />Microsoft has released the latest version of their &#8220;flash-killer&#8221;: Silverlight 3. This release brings along a couple of VERY useful features that a lot of developers will be pleased with.</p>
<p>1. If you&#8217;re a video publisher, you can take advantage of the new MPEG-4 based H.264 codec along with the high end AAC sound. Technically it means you can stream videos beyond 720p (which is 1080p at the moment) as Microsoft writes &#8220;720p+&#8221;. Along side, Microsoft is touting about its new streaming feature named &#8220;Smooth streaming&#8221; which according to <a href="http://www.washingtonpost.com/wp-dyn/content/article/2009/07/10/AR2009071002393.html" target="_blank">Washington Post</a> means that if your bandwidth is above 3 Mbps, HD streaming, as it normally should, will take place whereas, if it goes below 3 MBPS, smooth streaming&#8217;s dynamic capabilities will be triggered and the video will be divide into multiple chunks so that the user experience remains consistent on all sorts of networks.</p>
<p><span id="more-156"></span></p>
<p>2. Another KEY feature that the users would be thankful for is &#8220;out of browser support allowing Web applications to work on the desktop&#8221; which basically means, you develop everything on Silverlight and it works everywhere, on the web and on the desktop! So no different coding for different platforms now! We&#8217;ve yet to see how Adobe reacts to this as its already promoting Adobe AIR for the same purpose as microsoft!</p>
<p>For more information and details on Silverlight 3: click <a href="http://silverlight.net/getstarted/silverlight3/default.aspx" target="_blank">here</a>.</p>
<h6><strong>Website: <a href="http://silverlight.net/" target="_blank">http://silverlight.net/</a></strong></h6>
]]></content:encoded>
			<wfw:commentRss>http://w3resources.com/microsoft-releases-silverlight-3/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Top 7 Modal Dialog Boxes Using Javascript (Comparison)</title>
		<link>http://w3resources.com/top-7-modal-dialog-boxes-using-javascript-comparison/</link>
		<comments>http://w3resources.com/top-7-modal-dialog-boxes-using-javascript-comparison/#comments</comments>
		<pubDate>Fri, 10 Jul 2009 21:33:06 +0000</pubDate>
		<dc:creator>Adeel</dc:creator>
				<category><![CDATA[Dialogs]]></category>
		<category><![CDATA[Images]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Multimedia]]></category>
		<category><![CDATA[Dialog]]></category>
		<category><![CDATA[Lightbox]]></category>
		<category><![CDATA[Modal]]></category>
		<category><![CDATA[Popup]]></category>

		<guid isPermaLink="false">http://w3resources.com/?p=58</guid>
		<description><![CDATA[Modal boxes are dialogs that float overtop of a web page without having to open a new browser tab or window. Modal boxes are usually a combination of javascript and css. These boxes are especially useful for displaying a full size image preview, multimedia content, contact forms or alert boxes.
There are some great modal box libraries [...]]]></description>
			<content:encoded><![CDATA[<p><a rel="attachment wp-att-122" href="http://w3resources.com/top-7-modal-dialog-boxes-using-javascript-comparison/fancybox-3/"></a>Modal boxes are dialogs that float overtop of a web page without having to open a new browser tab or window. Modal boxes are usually a combination of javascript and css. These boxes are especially useful for displaying a full size image preview, multimedia content, contact forms or alert boxes.</p>
<p>There are some great modal box libraries are available for you to choose from. Below is a list of the best ones.</p>
<h2>1. LightBox</h2>
<p><img class="alignnone size-medium wp-image-72" style="border: 1px solid #CCC;" title="lightbox" src="http://w3resources.com/wp-content/uploads/2009/07/lightbox-300x247.jpg" alt="lightbox" width="300" height="247" /></p>
<p><strong><a href="http://www.lokeshdhakar.com/projects/lightbox2/" target="_blank">LightBox</a></strong> is a <em>simple, unobtrusive</em> script used to overlay images on the current page.</p>
<p><span id="more-58"></span></p>
<h4>Requirements:</h4>
<p>Prototype Framework and Scriptaculous Effects Library</p>
<h4>Tested in:</h4>
<p>IE 6+, Firefox 2+, Safari, Opera and Chrome</p>
<h4>Features:</h4>
<ul>
<li>Group related images and navigate through them with ease</li>
<li>Fancy &amp; smooth transitions</li>
</ul>
<h4>Supported Content:</h4>
<ul>
<li>Images Only</li>
</ul>
<h6><strong>Website: <a href="http://www.lokeshdhakar.com/projects/lightbox2/" target="_blank">http://www.lokeshdhakar.com/projects/lightbox2/</a></strong></h6>
<h2>2. FancyBox </h2>
<p><img class="alignnone size-medium wp-image-136" style="border: 1px solid #CCC;" title="fancybox" src="http://w3resources.com/wp-content/uploads/2009/07/fancybox1-300x204.jpg" alt="fancybox" width="300" height="204" /></p>
<p><strong><a href="http://fancy.klade.lv/" target="_blank">FancyBox</a></strong> is a mac style light-weight modal dialog box. It is built using the jQuery library.</p>
<h4>Requirements:</h4>
<p>jQuery</p>
<h4>Tested in:</h4>
<p>IE 6+, Firefox 2+, Safari 3, Opera 9+</p>
<h4>Features:</h4>
<ul>
<li>Adds a nice drop shadow under the zoomed item</li>
<li>Groups related items and adds navigation (preloads images)</li>
<li>Customizable through settings and CSS</li>
<li>Support fancy transitions</li>
</ul>
<h4>Supported Content:</h4>
<ul>
<li>Images</li>
<li>HTML content</li>
<li>Multimedia</li>
</ul>
<h6><strong>Website: <a href="http://fancy.klade.lv/" target="_blank">http://fancy.klade.lv/</a></strong></h6>
<h2>3. ThickBox </h2>
<p><img class="alignnone size-medium wp-image-125" style="border: 1px solid #CCC;" title="thickbox" src="http://w3resources.com/wp-content/uploads/2009/07/thickbox-300x244.jpg" alt="thickbox" width="300" height="244" /></p>
<p><strong><a href="http://jquery.com/demo/thickbox/" target="_blank">ThickBox</a></strong> is very similar to LightBox. The only difference is that it supports a wide variety of content instead of just images.</p>
<h4>Requirements:</h4>
<p>jQuery</p>
<h4>Tested in:</h4>
<p>Firefox 2.0.0.6+, IE 6/7, Safari 2.0.4+, Opera 9.0+</p>
<h4>Features:</h4>
<ul>
<li>Images bigger than the browser window are resized.</li>
<li>Remains centered in the window even when the user scrolls the page or changes the size of the browser window.</li>
<li>ThickBox can be invoked from a link element, input element (typically a button), and the area element (image maps).</li>
</ul>
<h4>Supported Content:</h4>
<ul>
<li>Single image</li>
<li>Multiple images</li>
<li>Inline content</li>
<li>Iframed content</li>
<li>AJAX content</li>
</ul>
<h6><strong>Website: <a href="http://jquery.com/demo/thickbox/" target="_blank">http://jquery.com/demo/thickbox/</a></strong></h6>
<h2>4. MultiBox </h2>
<p><img title="multibox" src="http://w3resources.com/wp-content/uploads/2009/07/multibox-300x222.jpg" alt="multibox" width="300" height="222" /></p>
<p><strong><a href="http://www.phatfusion.net/multibox/" target="_blank">MultiBox</a></strong> is another library very similar to LightBox, but it supports images, flash, video, mp3s, html.</p>
<h4>Requirements:</h4>
<p>MooTools</p>
<h4>Tested in:</h4>
<p>Firefox 2, IE 6/7, Safari</p>
<h4>Features:</h4>
<ul>
<li>Supports a range of multimedia formats</li>
<li>Auto detects formats or you can specify the format, useful if your passing a querystring!</li>
<li>Html descriptions</li>
</ul>
<h4>Supported Content:</h4>
<ul>
<li>Images</li>
<li>Video (flv, mov, wmv or real player format)</li>
<li>MP3</li>
<li>HTML content (ajax supported)</li>
</ul>
<h6><strong>Website: <a href="http://www.phatfusion.net/multibox/" target="_blank">http://www.phatfusion.net/multibox/</a></strong></h6>
<h2>5. ShadowBox</h2>
<p><img class="alignnone size-medium wp-image-127" title="shadowbox" src="http://w3resources.com/wp-content/uploads/2009/07/shadowbox-300x194.jpg" alt="shadowbox" width="300" height="194" /></p>
<p><strong><a href="http://www.shadowbox-js.com/" target="_blank">Shadowbox</a></strong> is an online media viewer application that supports all of the web&#8217;s most popular media publishing formats. </p>
<h4>Requirements:</h4>
<p>Standalone &#8211; No library required!</p>
<h4>Tested in:</h4>
<p>Firefox 1.5+, IE 6+, Opera 9+, Safari 2+ and Chrome 1+</p>
<h4>Features:</h4>
<ul>
<li>Supports a host of options that make it highly configurable</li>
<li>Supports multiple languages</li>
<li>Shadowbox supports <strong><em>client-side image maps</em></strong> through the use of area tags. This is a unique feature and lets you show just part of an image in the modal box.</li>
</ul>
<h4> Supported Content:</h4>
<ul>
<li>Images</li>
<li>Videos</li>
<li>HTML</li>
<li>Google Maps</li>
<li>External Webpages</li>
</ul>
<h6><strong>Website: <a href="http://www.shadowbox-js.com/">http://www.shadowbox-js.com/</a></strong></h6>
<h2>6. LightWindow </h2>
<p><img class="alignnone size-medium wp-image-128" style="border: 1px solid #CCC;" title="lightwindow" src="http://w3resources.com/wp-content/uploads/2009/07/lightwindow-300x244.jpg" alt="lightwindow" width="300" height="244" /></p>
<p><strong><a href="http://www.stickmanlabs.com/lightwindow/" target="_blank">LightWindow</a></strong> is another modal box library that is inspired by LightBox, but offers a wide variety of supported content. It looks a lot more polished and highly customizable.</p>
<h4>Requirements:</h4>
<p>Prototype Framework and Scriptaculous Effects Library</p>
<h4>Tested in:</h4>
<p>Firefox, IE 6/7, Opera, Safari and Chrome </p>
<h4>Features:</h4>
<ul>
<li>Better Animations</li>
<li>More functions for you to access</li>
<li>Create your own custom overlays including transparent patterns</li>
<li>You can create your own theme including markup/css/animations</li>
<li>Automatically detects media and source</li>
<li>Submit Forms via the window</li>
</ul>
<h4> Supported Content:</h4>
<ul>
<li>Images</li>
<li>Videos</li>
<li>Flash</li>
<li>HTML</li>
<li>PDFs</li>
<li>External Webpages</li>
<li>Forms</li>
</ul>
<h6><strong>Website: <a href="http://www.stickmanlabs.com/lightwindow/" target="_blank">http://www.stickmanlabs.com/lightwindow/</a></strong></h6>
<h2>7. TinyBox</h2>
<p><img class="alignnone size-medium wp-image-129" title="tinybox" src="http://w3resources.com/wp-content/uploads/2009/07/tinybox-300x251.jpg" alt="tinybox" width="300" height="251" /></p>
<p><strong><a href="http://www.leigeber.com/2009/05/javascript-popup-box/" target="_blank">TinyBox</a></strong> is a lightweight (3.5kb) modal window script that does not depend on any JavaScript frameworks.</p>
<h4>Requirements:</h4>
<p>Standalone &#8211; No library required!</p>
<h4>Tested in:</h4>
<p>Firefox 2/3, IE 6/7/8, Opera, Safari and Chrome </p>
<h4>Features:</h4>
<ul>
<li>Very light-weight</li>
<li>Auto-hiding alerts</li>
<li>Styling is completely customizable</li>
</ul>
<h4>Supported Content:</h4>
<ul>
<li>Images</li>
<li>HTML &amp; AJAX</li>
<li>Auto-hiding text alerts</li>
</ul>
<h6><strong>Website: <a href="http://www.leigeber.com/2009/05/javascript-popup-box/" target="_blank">http://www.leigeber.com/2009/05/javascript-popup-box/</a></strong></h6>
]]></content:encoded>
			<wfw:commentRss>http://w3resources.com/top-7-modal-dialog-boxes-using-javascript-comparison/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Online Chart Maker Using Google’s URL Based API</title>
		<link>http://w3resources.com/online-chart-maker-using-googles-url-based-api/</link>
		<comments>http://w3resources.com/online-chart-maker-using-googles-url-based-api/#comments</comments>
		<pubDate>Sun, 05 Jul 2009 15:02:19 +0000</pubDate>
		<dc:creator>Adeel</dc:creator>
				<category><![CDATA[Charts]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[API]]></category>

		<guid isPermaLink="false">http://w3resources.com/?p=33</guid>
		<description><![CDATA[What do you do when you want to show a visual representation of data on your website? Now you don&#8217;t need any heavy libraries to do that.
The Google Chart API is an extremely simple tool that lets you easily create a chart from some data and embed it in a webpage. Charts are created dynamically. You [...]]]></description>
			<content:encoded><![CDATA[<p>What do you do when you want to show a visual representation of data on your website? Now you don&#8217;t need any heavy libraries to do that.</p>
<p>The <a href="http://code.google.com/apis/chart/">Google Chart API</a> is an extremely simple tool that lets you easily create a chart from some data and embed it in a webpage. Charts are created dynamically. You embed the data and formatting parameters in the URL, and Google returns a PNG image of the chart. Many types of chart are supported, and by making the request into an image tag you can simply include the chart in a webpage.</p>
<h6>The chart below has been generated on the fly using the following URL:</h6>
<p><a href="http://chart.apis.google.com/chart?cht=p3&amp;chd=t:60,40&amp;chs=550x200&amp;chl=This is|a sample chart" target="_blank">http://chart.apis.google.com/chart?cht=p3&amp;chd=t:60,40&amp;chs=550&#215;200&amp;chl=This is|a sample chart</a></p>
<p><img src="http://chart.apis.google.com/chart?cht=p3&amp;chd=t:60,40&amp;chs=550x200&amp;chl=This is|a sample chart" alt="" /></p>
<p> <span id="more-33"></span></p>
<h3>Some more examples:</h3>
<p><img src="http://chart.apis.google.com/chart?cht=p3&amp;chd=s:8ZKF&amp;chs=400x200&amp;chl=FireFox|MSIE|Safari|Others&amp;chco=1B75DF,92BF23" alt="" /> </p>
<p><strong> </strong></p>
<p><strong>Linear Stripes</strong></p>
<p><img src="http://chart.apis.google.com/chart?chs=350x225&amp;chd=t:9,16,51,51,51,52,58,59,61,62,63,67,69,69,69,72,74,74,89,93,96,98,100,100|4,8,12,16,20,25,29,33,37,41,45,50,54,58,62,66,70,75,79,83,87,91,95,100&amp;cht=lxy&amp;chxt=x,y&amp;chxr=0,0,155|1,0,24" alt="" /></p>
<p><strong> </strong> </p>
<p><strong>Legend</strong></p>
<p><img src="http://chart.apis.google.com/chart?cht=v&amp;chs=350x200&amp;chd=t:100,20,20,20,20,0,0&amp;chdl=First|Second|Third&amp;chco=ff0000,00ff00,0000ff" alt="" /></p>
<p> </p>
<p>Currently Google Charts API supports <em>line</em>, <em>bar</em>, <em>pie</em>, and <em>radar charts</em>, as well as <em>venn diagrams</em>, <em>scatter plots</em>, <em>sparklines</em>, <em>maps</em>, <em>google-o-meters</em>, and <em>QR codes</em>. The API allows you to <strong>customize colors, labels and styles</strong>.</p>
<p> </p>
<h6><strong>Website: <a href="http://code.google.com/apis/chart/" target="_blank">http://code.google.com/apis/chart/</a></strong></h6>
]]></content:encoded>
			<wfw:commentRss>http://w3resources.com/online-chart-maker-using-googles-url-based-api/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>FireFox 3.5 allows importing of fonts from Web!</title>
		<link>http://w3resources.com/firefox-3-5-allows-importing-of-fonts-from-web/</link>
		<comments>http://w3resources.com/firefox-3-5-allows-importing-of-fonts-from-web/#comments</comments>
		<pubDate>Sat, 04 Jul 2009 21:00:09 +0000</pubDate>
		<dc:creator>Zain</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Fonts]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Font]]></category>
		<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://w3resources.com/?p=7</guid>
		<description><![CDATA[Developers who&#8217;ve been telling their clients &#8220;XYZ font is nice but it won&#8217;t work because its not commonly available in users&#8217; pc&#8221; can now take back their claim as FireFox 3.5 delivers you the option to import ANY font from the web IF its not available locally!
According to the release notes:
@font-face allows authors to specify [...]]]></description>
			<content:encoded><![CDATA[<p>Developers who&#8217;ve been telling their clients &#8220;XYZ font is nice but it won&#8217;t work because its not commonly available in users&#8217; pc&#8221; can now take back their claim as FireFox 3.5 delivers you the option to import ANY font from the web IF its not available locally!</p>
<p>According to the <a title="FireFox 3.5 Release notes" href="https://developer.mozilla.org/en/CSS/@font-face" target="_blank">release notes</a>:</p>
<p style="padding-left: 30px;"><code>@font-face </code>allows authors to specify online fonts to display text on their webpages. By allowing authors to provide their own fonts,<code> @font-face </code>eliminates the need to depend on the limited number of fonts users have installed on their computers.</p>
<p><span id="more-7"></span></p>
<p>The result? We&#8217;re sure to see more fonts being used DIRECTLY rather than creating an image in Photoshop and using that to display normal text (to satisfy your clients?)</p>
<p>Happy Fonting!</p>
]]></content:encoded>
			<wfw:commentRss>http://w3resources.com/firefox-3-5-allows-importing-of-fonts-from-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
