<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-7077916820014691913</id><updated>2011-04-21T18:53:52.395-07:00</updated><category term='Optimization Tips'/><title type='text'>Software Engineers - TeamBeta - 22by7</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://teambeta-22by7.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7077916820014691913/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://teambeta-22by7.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>TeamBeta - 22by7</name><uri>http://www.blogger.com/profile/13878295158248784394</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>9</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-7077916820014691913.post-7698660313605927311</id><published>2008-05-16T03:16:00.000-07:00</published><updated>2008-05-16T03:17:04.538-07:00</updated><title type='text'>What is P2P TV?</title><content type='html'>&lt;img src="cid:image001.jpg@01C8B76C.0553FB40" v:src="cid:image001.jpg@01C8B76C.0553FB40" v:shapes="_x0000_Mail" width=0 height=0 class=shape style='display:none;width:0;height:0'&gt;  &lt;div class=Section1&gt;  &lt;div style='mso-element:para-border-div;border:none;border-bottom:solid #AAAAAA 1.0pt; padding:0cm 0cm 2.0pt 0cm;background:white'&gt;  &lt;h1 style='margin-bottom:1.2pt;background:white'&gt;&lt;font size=6 color=black face=Arial&gt;&lt;span lang=EN style='font-size:23.5pt;font-family:Arial'&gt;P2PTV&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/h1&gt;  &lt;/div&gt;  &lt;p class=MsoNormal style='margin-bottom:3.6pt;line-height:18.0pt;background: white'&gt;&lt;font size=3 color=black face=Arial&gt;&lt;span lang=EN style='font-size:11.5pt; font-family:Arial;color:black'&gt;Source: From Wikipedia, the free encyclopedia&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal align=right style='text-align:right;line-height:14.4pt; background:white'&gt;&lt;font size=1 color="#7d7d7d" face=Arial&gt;&lt;span lang=EN style='font-size:9.0pt;font-family:Arial;color:#7D7D7D'&gt;&amp;#8226;&amp;nbsp;&lt;i&gt;&lt;span style='font-style:italic'&gt;&lt;a href="http://en.wikipedia.org/wiki/Wikipedia:Researching_with_Wikipedia" title="Wikipedia:Researching with Wikipedia"&gt;Learn&amp;nbsp;more&amp;nbsp;about&amp;nbsp;using&amp;nbsp;Wikipedia&amp;nbsp;for&amp;nbsp;research&lt;/a&gt;&lt;/span&gt;&lt;/i&gt;&amp;nbsp;&amp;#8226;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='line-height:18.0pt;background:white'&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span lang=EN style='font-size:12.5pt;font-family:Arial; color:black;display:none'&gt;Jump to: &lt;a href="http://en.wikipedia.org/wiki/P2PTV#column-one#column-one"&gt;navigation&lt;/a&gt;, &lt;a href="http://en.wikipedia.org/wiki/P2PTV#searchInput#searchInput"&gt;search&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;!-- start content --&gt;  &lt;p class=MsoNormal align=center style='text-align:center;line-height:18.0pt; background:#F9F9F9'&gt;&lt;font size=3 color=black face=Arial&gt;&lt;span lang=EN style='font-size:12.0pt;font-family:Arial;color:black'&gt;&lt;a href="http://en.wikipedia.org/wiki/Image:P2ptv.PNG" title="P2PTV overlay network serving three video streams."&gt;&lt;font color="#002bb8"&gt;&lt;span style='color:#002BB8;text-decoration:none'&gt;&lt;img border=0 width=180 height=107 id="_x0000_i1025" src="cid:image002.gif@01C8B76C.0553FB40" alt="P2PTV overlay network serving three video streams." class=thumbimage&gt;&lt;/span&gt;&lt;/font&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='line-height:16.8pt;background:#F9F9F9'&gt;&lt;font size=3 color=black face=Arial&gt;&lt;span lang=EN style='font-size:11.5pt;font-family:Arial; color:black'&gt;&lt;a href="http://en.wikipedia.org/wiki/Image:P2ptv.PNG" title=Enlarge&gt;&lt;font color="#002bb8"&gt;&lt;span style='color:#002BB8;border:none windowtext 1.0pt; padding:0cm;text-decoration:none'&gt;&lt;img border=0 width=15 height=11 id="_x0000_i1026" src="cid:image003.gif@01C8B76C.0553FB40"&gt;&lt;/span&gt;&lt;/font&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='line-height:16.8pt;background:#F9F9F9'&gt;&lt;font size=3 color=black face=Arial&gt;&lt;span lang=EN style='font-size:11.5pt;font-family:Arial; color:black'&gt;P2PTV &lt;a href="http://en.wikipedia.org/wiki/Overlay_network" title="Overlay network"&gt;overlay network&lt;/a&gt; serving three video streams.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p style='background:white'&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span lang=EN style='font-size:12.5pt;font-family:Arial;color:black'&gt;The term &lt;b&gt;&lt;span style='font-weight:bold'&gt;P2PTV&lt;/span&gt;&lt;/b&gt; refers to &lt;a href="http://en.wikipedia.org/wiki/Peer-to-peer" title=Peer-to-peer&gt;peer-to-peer&lt;/a&gt; (P2P) &lt;a href="http://en.wikipedia.org/wiki/Software" title=Software&gt;software&lt;/a&gt; applications designed to redistribute video streams in real time on a P2P network; the distributed video streams are typically &lt;a href="http://en.wikipedia.org/wiki/TV" title=TV&gt;TV&lt;/a&gt; channels from all over the world but may also come from other sources. The draw to these applications is significant because they have the potential to make any TV channel globally available.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;div style='mso-element:para-border-div;border:none;border-bottom:solid #AAAAAA 1.0pt; padding:0cm 0cm 2.0pt 0cm;background:white'&gt;  &lt;p class=MsoNormal style='margin-bottom:7.2pt;background:white;border:none; padding:0cm'&gt;&lt;span class=mw-headline&gt;&lt;font size=5 color=black face=Arial&gt;&lt;span lang=EN style='font-size:19.0pt;font-family:Arial;color:black'&gt;Technology and use&lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;font size=5 color=black face=Arial&gt;&lt;span lang=EN style='font-size:19.0pt;font-family:Arial;color:black'&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;/div&gt;  &lt;p style='background:white'&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span lang=EN style='font-size:12.5pt;font-family:Arial;color:black'&gt;In a P2PTV system, each user, while downloading a video stream, is simultaneously also uploading that stream to other users, thus contributing to the overall available &lt;a href="http://en.wikipedia.org/wiki/Bandwidth" title=Bandwidth&gt;bandwidth&lt;/a&gt;. The arriving streams are typically a few minutes time-delayed compared to the original sources. The video quality of the channels usually depends on how many users are watching; the video quality is better if there are more users. The architecture of many P2PTV networks can be thought of as real-time versions of &lt;a href="http://en.wikipedia.org/wiki/BitTorrent_%28protocol%29" title="BitTorrent (protocol)"&gt;BitTorrent&lt;/a&gt;: if a user wishes to view a certain channel, the P2PTV software contacts a &amp;quot;tracker server&amp;quot; for that channel in order to obtain addresses of peers who distribute that channel; it then contacts these peers to receive the feed. The tracker records the user's address, so that it can be given to other users who wish to view the same channel. In effect, this creates an &lt;a href="http://en.wikipedia.org/wiki/Overlay_network" title="Overlay network"&gt;overlay network&lt;/a&gt; on top of the regular internet for the distribution of real-time video content.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p style='background:white'&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span lang=EN style='font-size:12.5pt;font-family:Arial;color:black'&gt;Some applications allow users to broadcast their own streams, whether self-produced, obtained from a video file, or through a &lt;a href="http://en.wikipedia.org/wiki/TV_tuner_card" title="TV tuner card"&gt;TV tuner card&lt;/a&gt; or &lt;a href="http://en.wikipedia.org/wiki/Video_capture_card" title="Video capture card"&gt;video capture card&lt;/a&gt;.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p style='background:white'&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span lang=EN style='font-size:12.5pt;font-family:Arial;color:black'&gt;Many of the commercial P2PTV applications were developed in China (&lt;a href="http://en.wikipedia.org/wiki/TVants" title=TVants&gt;TVants&lt;/a&gt;, &lt;a href="http://en.wikipedia.org/wiki/TVUPlayer" title=TVUPlayer&gt;TVUPlayer&lt;/a&gt;, &lt;a href="http://en.wikipedia.org/wiki/PPLive" title=PPLive&gt;PPLive&lt;/a&gt;, &lt;a href="http://en.wikipedia.org/wiki/PPStream" title=PPStream&gt;PPStream&lt;/a&gt;, &lt;a href="http://en.wikipedia.org/w/index.php?title=SopCast&amp;amp;action=edit&amp;amp;redlink=1" title="SopCast (page does not exist)"&gt;&lt;font color="#cc2200"&gt;&lt;span style='color:#CC2200'&gt;SopCast&lt;/span&gt;&lt;/font&gt;&lt;/a&gt;). The majority of available applications broadcast mainly Asian TV stations, with the exception of &lt;a href="http://en.wikipedia.org/wiki/TVUPlayer" title=TVUPlayer&gt;TVUPlayer&lt;/a&gt;, which carries a number of North American stations including &lt;a href="http://en.wikipedia.org/wiki/CBS" title=CBS&gt;CBS&lt;/a&gt;, &lt;a href="http://en.wikipedia.org/wiki/Spike_TV" title="Spike TV"&gt;Spike TV&lt;/a&gt;, and &lt;a href="http://en.wikipedia.org/wiki/Fox_News" title="Fox News"&gt;Fox News&lt;/a&gt;. Some applications distribute TV channels without a legal license to do so; this utilization of P2P technology is particularly popular to view channels that are either not available locally, or only available by paid subscription, as is the case for some sports channels.&lt;sup id="cite_ref-0"&gt;&lt;a href="http://en.wikipedia.org/wiki/P2PTV#cite_note-0#cite_note-0" title=""&gt;[1]&lt;/a&gt;&lt;/sup&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;div style='mso-element:para-border-div;border:none;border-bottom:solid #AAAAAA 1.0pt; padding:0cm 0cm 2.0pt 0cm;background:white'&gt;  &lt;p class=MsoNormal style='margin-bottom:7.2pt;background:white;border:none; padding:0cm'&gt;&lt;a name="Issues_for_broadcasters" id="Issues_for_broadcasters"&gt;&lt;/a&gt;&lt;span class=mw-headline&gt;&lt;font size=5 color=black face=Arial&gt;&lt;span lang=EN style='font-size:19.0pt;font-family:Arial;color:black'&gt;Issues for broadcasters&lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;font size=5 color=black face=Arial&gt;&lt;span lang=EN style='font-size:19.0pt;font-family: Arial;color:black'&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;/div&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;margin-bottom:1.2pt; margin-left:18.0pt;text-indent:-18.0pt;line-height:18.0pt;mso-list:l1 level1 lfo2; background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 color=black face=Wingdings&gt;&lt;span lang=EN style='font-size:10.0pt;font-family:Wingdings;color:black'&gt;&lt;span style='mso-list:Ignore'&gt;&lt;img width=14 height=14 src=PicExportError alt="*"&gt;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span lang=EN style='font-size:12.5pt;font-family:Arial;color:black'&gt;Broadcasting via a P2PTV system is usually much cheaper than the alternatives and can be done by private individuals. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;margin-bottom:1.2pt; margin-left:18.0pt;text-indent:-18.0pt;line-height:18.0pt;mso-list:l1 level1 lfo2; background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 color=black face=Wingdings&gt;&lt;span lang=EN style='font-size:10.0pt;font-family:Wingdings;color:black'&gt;&lt;span style='mso-list:Ignore'&gt;&lt;img width=14 height=14 src=PicExportError alt="*"&gt;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span lang=EN style='font-size:12.5pt;font-family:Arial;color:black'&gt;No &lt;a href="http://en.wikipedia.org/wiki/QoS" title=QoS&gt;&lt;font color="#002bb8"&gt;&lt;span style='color:#002BB8;text-decoration:none'&gt;QoS&lt;/span&gt;&lt;/font&gt;&lt;/a&gt;. Compared to &lt;a href="http://en.wikipedia.org/wiki/Unicast" title=Unicast&gt;unicasting&lt;/a&gt; (the standard server-client architecture used in &lt;a href="http://en.wikipedia.org/wiki/Streaming_media" title="Streaming media"&gt;streaming media&lt;/a&gt;) no one can guarantee a reliable stream, since every user is a rebroadcaster. Each viewer is a part of a chain of viewers which all can have a negative influence on the reliability of the stream (by having a slow PC, a filled downlink or uplink or an unreliable consumer grade DSL or cable connection). &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;margin-bottom:1.2pt; margin-left:18.0pt;text-indent:-18.0pt;line-height:18.0pt;mso-list:l1 level1 lfo2; background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 color=black face=Wingdings&gt;&lt;span lang=EN style='font-size:10.0pt;font-family:Wingdings;color:black'&gt;&lt;span style='mso-list:Ignore'&gt;&lt;img width=14 height=14 src=PicExportError alt="*"&gt;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span lang=EN style='font-size:12.5pt;font-family:Arial;color:black'&gt;Less control. If a broadcaster prefers to limit access to their content based on regions, and would like good data on viewer behaviour, such as volume, trends and viewing time, then a traditional broadcasting solution offers more control. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;margin-bottom:1.2pt; margin-left:18.0pt;text-indent:-18.0pt;line-height:18.0pt;mso-list:l1 level1 lfo2; background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 color=black face=Wingdings&gt;&lt;span lang=EN style='font-size:10.0pt;font-family:Wingdings;color:black'&gt;&lt;span style='mso-list:Ignore'&gt;&lt;img width=14 height=14 src=PicExportError alt="*"&gt;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span lang=EN style='font-size:12.5pt;font-family:Arial;color:black'&gt;Professional broadcasters and distributors have used a hybrid solution for many years. Distribution servers are not centrally installed, but are rolled out in a smart, decentralized way. A central management facility manages content distribution over multiple peer servers (also known as Edge servers, or Caches), strategically located near user swarms (generally popular access ISP networks), manages load balancing, redirection of users, view reporting and QoS. Examples are &lt;a href="http://en.wikipedia.org/wiki/Akamai_Technologies" title="Akamai Technologies"&gt;Akamai&lt;/a&gt;. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;div style='mso-element:para-border-div;border:none;border-bottom:solid #AAAAAA 1.0pt; padding:0cm 0cm 2.0pt 0cm;background:white'&gt;  &lt;p class=MsoNormal style='margin-bottom:7.2pt;background:white;border:none; padding:0cm'&gt;&lt;a name=Applications id=Applications&gt;&lt;/a&gt;&lt;span class=mw-headline&gt;&lt;font size=5 color=black face=Arial&gt;&lt;span lang=EN style='font-size:19.0pt;font-family: Arial;color:black'&gt;Applications&lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;font size=5 color=black face=Arial&gt;&lt;span lang=EN style='font-size:19.0pt;font-family:Arial;color:black'&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;/div&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;margin-bottom:1.2pt; margin-left:18.0pt;text-indent:-18.0pt;line-height:18.0pt;mso-list:l0 level1 lfo3; background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 color=black face=Wingdings&gt;&lt;span lang=EN style='font-size:10.0pt;font-family:Wingdings;color:black'&gt;&lt;span style='mso-list:Ignore'&gt;&lt;img width=14 height=14 src=PicExportError alt="*"&gt;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span lang=EN style='font-size:12.5pt;font-family:Arial;color:black'&gt;&lt;a href="http://en.wikipedia.org/wiki/Alluvium_%28peercasting%29" title="Alluvium (peercasting)"&gt;Alluvium&lt;/a&gt; - based in &lt;st1:State w:st="on"&gt;Texas&lt;/st1:State&gt;, &lt;st1:country-region w:st="on"&gt;&lt;st1:place w:st="on"&gt;USA&lt;/st1:place&gt;&lt;/st1:country-region&gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;margin-bottom:1.2pt; margin-left:18.0pt;text-indent:-18.0pt;line-height:18.0pt;mso-list:l0 level1 lfo3; background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 color=black face=Wingdings&gt;&lt;span lang=EN style='font-size:10.0pt;font-family:Wingdings;color:black'&gt;&lt;span style='mso-list:Ignore'&gt;&lt;img width=14 height=14 src=PicExportError alt="*"&gt;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span lang=EN style='font-size:12.5pt;font-family:Arial;color:black'&gt;&lt;a href="http://en.wikipedia.org/wiki/Babelgum" title=Babelgum&gt;Babelgum&lt;/a&gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;margin-bottom:1.2pt; margin-left:18.0pt;text-indent:-18.0pt;line-height:18.0pt;mso-list:l0 level1 lfo3; background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 color=black face=Wingdings&gt;&lt;span lang=EN style='font-size:10.0pt;font-family:Wingdings;color:black'&gt;&lt;span style='mso-list:Ignore'&gt;&lt;img width=14 height=14 src=PicExportError alt="*"&gt;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span lang=EN style='font-size:12.5pt;font-family:Arial;color:black'&gt;&lt;a href="http://en.wikipedia.org/wiki/CoolStreaming" title=CoolStreaming&gt;CoolStreaming&lt;/a&gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;margin-bottom:1.2pt; margin-left:18.0pt;text-indent:-18.0pt;line-height:18.0pt;mso-list:l0 level1 lfo3; background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 color=black face=Wingdings&gt;&lt;span lang=EN style='font-size:10.0pt;font-family:Wingdings;color:black'&gt;&lt;span style='mso-list:Ignore'&gt;&lt;img width=14 height=14 src=PicExportError alt="*"&gt;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span lang=EN style='font-size:12.5pt;font-family:Arial;color:black'&gt;&lt;a href="http://en.wikipedia.org/wiki/Cybersky-TV" title=Cybersky-TV&gt;Cybersky-TV&lt;/a&gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;margin-bottom:1.2pt; margin-left:18.0pt;text-indent:-18.0pt;line-height:18.0pt;mso-list:l0 level1 lfo3; background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 color=black face=Wingdings&gt;&lt;span lang=EN style='font-size:10.0pt;font-family:Wingdings;color:black'&gt;&lt;span style='mso-list:Ignore'&gt;&lt;img width=14 height=14 src=PicExportError alt="*"&gt;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span lang=EN style='font-size:12.5pt;font-family:Arial;color:black'&gt;&lt;a href="http://en.wikipedia.org/w/index.php?title=DonkeyTV&amp;amp;action=edit&amp;amp;redlink=1" title="DonkeyTV (page does not exist)"&gt;&lt;font color="#cc2200"&gt;&lt;span style='color:#CC2200;text-decoration:none'&gt;DonkeyTV&lt;/span&gt;&lt;/font&gt;&lt;/a&gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;margin-bottom:1.2pt; margin-left:18.0pt;text-indent:-18.0pt;line-height:18.0pt;mso-list:l0 level1 lfo3; background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 color=black face=Wingdings&gt;&lt;span lang=EN style='font-size:10.0pt;font-family:Wingdings;color:black'&gt;&lt;span style='mso-list:Ignore'&gt;&lt;img width=14 height=14 src=PicExportError alt="*"&gt;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span lang=EN style='font-size:12.5pt;font-family:Arial;color:black'&gt;&lt;a href="http://en.wikipedia.org/wiki/Feidian" title=Feidian&gt;Feidian&lt;/a&gt;- based in &lt;st1:country-region w:st="on"&gt;&lt;st1:place w:st="on"&gt;China&lt;/st1:place&gt;&lt;/st1:country-region&gt; mainland &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;margin-bottom:1.2pt; margin-left:18.0pt;text-indent:-18.0pt;line-height:18.0pt;mso-list:l0 level1 lfo3; background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 color=black face=Wingdings&gt;&lt;span lang=EN style='font-size:10.0pt;font-family:Wingdings;color:black'&gt;&lt;span style='mso-list:Ignore'&gt;&lt;img width=14 height=14 src=PicExportError alt="*"&gt;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span lang=EN style='font-size:12.5pt;font-family:Arial;color:black'&gt;&lt;a href="http://en.wikipedia.org/wiki/Joost" title=Joost&gt;Joost&lt;/a&gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;margin-bottom:1.2pt; margin-left:18.0pt;text-indent:-18.0pt;line-height:18.0pt;mso-list:l0 level1 lfo3; background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 color=black face=Wingdings&gt;&lt;span lang=EN style='font-size:10.0pt;font-family:Wingdings;color:black'&gt;&lt;span style='mso-list:Ignore'&gt;&lt;img width=14 height=14 src=PicExportError alt="*"&gt;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span lang=EN style='font-size:12.5pt;font-family:Arial;color:black'&gt;&lt;a href="http://en.wikipedia.org/w/index.php?title=KeyholeTV&amp;amp;action=edit&amp;amp;redlink=1" title="KeyholeTV (page does not exist)"&gt;&lt;font color="#cc2200"&gt;&lt;span style='color:#CC2200;text-decoration:none'&gt;KeyholeTV&lt;/span&gt;&lt;/font&gt;&lt;/a&gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;margin-bottom:1.2pt; margin-left:18.0pt;text-indent:-18.0pt;line-height:18.0pt;mso-list:l0 level1 lfo3; background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 color=black face=Wingdings&gt;&lt;span lang=EN style='font-size:10.0pt;font-family:Wingdings;color:black'&gt;&lt;span style='mso-list:Ignore'&gt;&lt;img width=14 height=14 src=PicExportError alt="*"&gt;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span lang=EN style='font-size:12.5pt;font-family:Arial;color:black'&gt;&lt;a href="http://en.wikipedia.org/wiki/LiveStation" title=LiveStation&gt;LiveStation&lt;/a&gt; - based in &lt;st1:country-region w:st="on"&gt;&lt;st1:place w:st="on"&gt;United Kingdom&lt;/st1:place&gt;&lt;/st1:country-region&gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;margin-bottom:1.2pt; margin-left:18.0pt;text-indent:-18.0pt;line-height:18.0pt;mso-list:l0 level1 lfo3; background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 color=black face=Wingdings&gt;&lt;span lang=EN style='font-size:10.0pt;font-family:Wingdings;color:black'&gt;&lt;span style='mso-list:Ignore'&gt;&lt;img width=14 height=14 src=PicExportError alt="*"&gt;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span lang=EN style='font-size:12.5pt;font-family:Arial;color:black'&gt;&lt;a href="http://en.wikipedia.org/wiki/Octoshape" title=Octoshape&gt;Octoshape&lt;/a&gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;margin-bottom:1.2pt; margin-left:18.0pt;text-indent:-18.0pt;line-height:18.0pt;mso-list:l0 level1 lfo3; background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 color=black face=Wingdings&gt;&lt;span lang=EN style='font-size:10.0pt;font-family:Wingdings;color:black'&gt;&lt;span style='mso-list:Ignore'&gt;&lt;img width=14 height=14 src=PicExportError alt="*"&gt;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span lang=EN style='font-size:12.5pt;font-family:Arial;color:black'&gt;&lt;a href="http://en.wikipedia.org/wiki/PPLive" title=PPLive&gt;PPLive&lt;/a&gt; - based in &lt;st1:country-region w:st="on"&gt;&lt;st1:place w:st="on"&gt;China&lt;/st1:place&gt;&lt;/st1:country-region&gt; mainland &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;margin-bottom:1.2pt; margin-left:18.0pt;text-indent:-18.0pt;line-height:18.0pt;mso-list:l0 level1 lfo3; background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 color=black face=Wingdings&gt;&lt;span lang=EN style='font-size:10.0pt;font-family:Wingdings;color:black'&gt;&lt;span style='mso-list:Ignore'&gt;&lt;img width=14 height=14 src=PicExportError alt="*"&gt;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span lang=EN style='font-size:12.5pt;font-family:Arial;color:black'&gt;&lt;a href="http://en.wikipedia.org/wiki/PPStream" title=PPStream&gt;PPStream&lt;/a&gt; - based in &lt;st1:country-region w:st="on"&gt;&lt;st1:place w:st="on"&gt;China&lt;/st1:place&gt;&lt;/st1:country-region&gt; mainland &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;margin-bottom:1.2pt; margin-left:18.0pt;text-indent:-18.0pt;line-height:18.0pt;mso-list:l0 level1 lfo3; background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 color=black face=Wingdings&gt;&lt;span lang=EN style='font-size:10.0pt;font-family:Wingdings;color:black'&gt;&lt;span style='mso-list:Ignore'&gt;&lt;img width=14 height=14 src=PicExportError alt="*"&gt;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span lang=EN style='font-size:12.5pt;font-family:Arial;color:black'&gt;&lt;a href="http://en.wikipedia.org/wiki/Rawflow" title=Rawflow&gt;Rawflow&lt;/a&gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;margin-bottom:1.2pt; margin-left:18.0pt;text-indent:-18.0pt;line-height:18.0pt;mso-list:l0 level1 lfo3; background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 color=black face=Wingdings&gt;&lt;span lang=EN style='font-size:10.0pt;font-family:Wingdings;color:black'&gt;&lt;span style='mso-list:Ignore'&gt;&lt;img width=14 height=14 src=PicExportError alt="*"&gt;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span lang=EN style='font-size:12.5pt;font-family:Arial;color:black'&gt;&lt;a href="http://en.wikipedia.org/w/index.php?title=RayV&amp;amp;action=edit&amp;amp;redlink=1" title="RayV (page does not exist)"&gt;&lt;font color="#cc2200"&gt;&lt;span style='color:#CC2200;text-decoration:none'&gt;RayV&lt;/span&gt;&lt;/font&gt;&lt;/a&gt; (Plugin is embedded in browser and requires no standalone client to be run. Mac and Linux version in September 2008) &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;margin-bottom:1.2pt; margin-left:18.0pt;text-indent:-18.0pt;line-height:18.0pt;mso-list:l0 level1 lfo3; background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 color=black face=Wingdings&gt;&lt;span lang=EN style='font-size:10.0pt;font-family:Wingdings;color:black'&gt;&lt;span style='mso-list:Ignore'&gt;&lt;img width=14 height=14 src=PicExportError alt="*"&gt;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span lang=EN style='font-size:12.5pt;font-family:Arial;color:black'&gt;&lt;a href="http://en.wikipedia.org/wiki/ReelTime.com" title=ReelTime.com&gt;ReelTime.com&lt;/a&gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;margin-bottom:1.2pt; margin-left:18.0pt;text-indent:-18.0pt;line-height:18.0pt;mso-list:l0 level1 lfo3; background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 color=black face=Wingdings&gt;&lt;span lang=EN style='font-size:10.0pt;font-family:Wingdings;color:black'&gt;&lt;span style='mso-list:Ignore'&gt;&lt;img width=14 height=14 src=PicExportError alt="*"&gt;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span lang=EN style='font-size:12.5pt;font-family:Arial;color:black'&gt;&lt;a href="http://en.wikipedia.org/w/index.php?title=Soogal&amp;amp;action=edit&amp;amp;redlink=1" title="Soogal (page does not exist)"&gt;&lt;font color="#cc2200"&gt;&lt;span style='color:#CC2200;text-decoration:none'&gt;Soogal&lt;/span&gt;&lt;/font&gt;&lt;/a&gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;margin-bottom:1.2pt; margin-left:18.0pt;text-indent:-18.0pt;line-height:18.0pt;mso-list:l0 level1 lfo3; background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 color=black face=Wingdings&gt;&lt;span lang=EN style='font-size:10.0pt;font-family:Wingdings;color:black'&gt;&lt;span style='mso-list:Ignore'&gt;&lt;img width=14 height=14 src=PicExportError alt="*"&gt;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span lang=EN style='font-size:12.5pt;font-family:Arial;color:black'&gt;&lt;a href="http://www.sopcast.com/" title="http://www.sopcast.com/"&gt;SopCast&lt;/a&gt; (one of the few applications that can also be used on &lt;a href="http://en.wikipedia.org/wiki/Linux" title=Linux&gt;Linux&lt;/a&gt;) &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;margin-bottom:1.2pt; margin-left:18.0pt;text-indent:-18.0pt;line-height:18.0pt;mso-list:l0 level1 lfo3; background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 color=black face=Wingdings&gt;&lt;span lang=EN style='font-size:10.0pt;font-family:Wingdings;color:black'&gt;&lt;span style='mso-list:Ignore'&gt;&lt;img width=14 height=14 src=PicExportError alt="*"&gt;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span lang=EN style='font-size:12.5pt;font-family:Arial;color:black'&gt;&lt;a href="http://en.wikipedia.org/w/index.php?title=StreamerOne&amp;amp;action=edit&amp;amp;redlink=1" title="StreamerOne (page does not exist)"&gt;&lt;font color="#cc2200"&gt;&lt;span style='color:#CC2200;text-decoration:none'&gt;StreamerOne&lt;/span&gt;&lt;/font&gt;&lt;/a&gt; (for Windows and Linux) &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;margin-bottom:1.2pt; margin-left:18.0pt;text-indent:-18.0pt;line-height:18.0pt;mso-list:l0 level1 lfo3; background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 color=black face=Wingdings&gt;&lt;span lang=EN style='font-size:10.0pt;font-family:Wingdings;color:black'&gt;&lt;span style='mso-list:Ignore'&gt;&lt;img width=14 height=14 src=PicExportError alt="*"&gt;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span lang=EN style='font-size:12.5pt;font-family:Arial;color:black'&gt;&lt;a href="http://en.wikipedia.org/wiki/TVants" title=TVants&gt;TVants&lt;/a&gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;margin-bottom:1.2pt; margin-left:18.0pt;text-indent:-18.0pt;line-height:18.0pt;mso-list:l0 level1 lfo3; background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 color=black face=Wingdings&gt;&lt;span lang=EN style='font-size:10.0pt;font-family:Wingdings;color:black'&gt;&lt;span style='mso-list:Ignore'&gt;&lt;img width=14 height=14 src=PicExportError alt="*"&gt;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span lang=EN style='font-size:12.5pt;font-family:Arial;color:black'&gt;&lt;a href="http://en.wikipedia.org/wiki/TVUPlayer" title=TVUPlayer&gt;&lt;font color="#002bb8"&gt;&lt;span style='color:#002BB8;text-decoration:none'&gt;TVUPlayer&lt;/span&gt;&lt;/font&gt;&lt;/a&gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='margin-bottom:3.6pt;line-height:18.0pt;background: white'&gt;&lt;a name="Free_software_to_broadcast_independently" id="Free_software_to_broadcast_independently"&gt;&lt;/a&gt;&lt;span class=mw-headline&gt;&lt;b&gt;&lt;font size=5 color=black face=Arial&gt;&lt;span lang=EN style='font-size:16.5pt;font-family: Arial;color:black;font-weight:bold'&gt;Free software to broadcast independently&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/span&gt;&lt;b&gt;&lt;font size=5 color=black face=Arial&gt;&lt;span lang=EN style='font-size:16.5pt;font-family: Arial;color:black;font-weight:bold'&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;margin-bottom:1.2pt; margin-left:18.0pt;text-indent:-18.0pt;line-height:18.0pt;mso-list:l2 level1 lfo4; background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 color=black face=Wingdings&gt;&lt;span lang=EN style='font-size:10.0pt;font-family:Wingdings;color:black'&gt;&lt;span style='mso-list:Ignore'&gt;&lt;img width=14 height=14 src=PicExportError alt="*"&gt;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span lang=EN style='font-size:12.5pt;font-family:Arial;color:black'&gt;&lt;a href="http://en.wikipedia.org/w/index.php?title=DistribuStream&amp;amp;action=edit&amp;amp;redlink=1" title="DistribuStream (page does not exist)"&gt;&lt;font color="#cc2200"&gt;&lt;span style='color:#CC2200;text-decoration:none'&gt;DistribuStream&lt;/span&gt;&lt;/font&gt;&lt;/a&gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;margin-bottom:1.2pt; margin-left:18.0pt;text-indent:-18.0pt;line-height:18.0pt;mso-list:l2 level1 lfo4; background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 color=black face=Wingdings&gt;&lt;span lang=EN style='font-size:10.0pt;font-family:Wingdings;color:black'&gt;&lt;span style='mso-list:Ignore'&gt;&lt;img width=14 height=14 src=PicExportError alt="*"&gt;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span lang=EN style='font-size:12.5pt;font-family:Arial;color:black'&gt;&lt;a href="http://en.wikipedia.org/w/index.php?title=Geekast&amp;amp;action=edit&amp;amp;redlink=1" title="Geekast (page does not exist)"&gt;&lt;font color="#cc2200"&gt;&lt;span style='color:#CC2200;text-decoration:none'&gt;Geekast&lt;/span&gt;&lt;/font&gt;&lt;/a&gt; and its &lt;i&gt;&lt;span style='font-style:italic'&gt;peercast-servent&lt;/span&gt;&lt;/i&gt; package &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;margin-bottom:1.2pt; margin-left:18.0pt;text-indent:-18.0pt;line-height:18.0pt;mso-list:l2 level1 lfo4; background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 color=black face=Wingdings&gt;&lt;span lang=EN style='font-size:10.0pt;font-family:Wingdings;color:black'&gt;&lt;span style='mso-list:Ignore'&gt;&lt;img width=14 height=14 src=PicExportError alt="*"&gt;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span lang=EN style='font-size:12.5pt;font-family:Arial;color:black'&gt;&lt;a href="http://en.wikipedia.org/wiki/FreeCast" title=FreeCast&gt;FreeCast&lt;/a&gt; (P2Pradio) &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;margin-bottom:1.2pt; margin-left:18.0pt;text-indent:-18.0pt;line-height:18.0pt;mso-list:l2 level1 lfo4; background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 color=black face=Wingdings&gt;&lt;span lang=EN style='font-size:10.0pt;font-family:Wingdings;color:black'&gt;&lt;span style='mso-list:Ignore'&gt;&lt;img width=14 height=14 src=PicExportError alt="*"&gt;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span lang=EN style='font-size:12.5pt;font-family:Arial;color:black'&gt;&lt;a href="http://en.wikipedia.org/wiki/MediaBlog" title=MediaBlog&gt;MediaBlog&lt;/a&gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;margin-bottom:1.2pt; margin-left:18.0pt;text-indent:-18.0pt;line-height:18.0pt;mso-list:l2 level1 lfo4; background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 color=black face=Wingdings&gt;&lt;span lang=EN style='font-size:10.0pt;font-family:Wingdings;color:black'&gt;&lt;span style='mso-list:Ignore'&gt;&lt;img width=14 height=14 src=PicExportError alt="*"&gt;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span lang=EN style='font-size:12.5pt;font-family:Arial;color:black'&gt;&lt;a href="http://en.wikipedia.org/w/index.php?title=MetaASO_Mermaid&amp;amp;action=edit&amp;amp;redlink=1" title="MetaASO Mermaid (page does not exist)"&gt;&lt;font color="#cc2200"&gt;&lt;span style='color:#CC2200;text-decoration:none'&gt;MetaASO Mermaid&lt;/span&gt;&lt;/font&gt;&lt;/a&gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;margin-bottom:1.2pt; margin-left:18.0pt;text-indent:-18.0pt;line-height:18.0pt;mso-list:l2 level1 lfo4; background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 color=black face=Wingdings&gt;&lt;span lang=EN style='font-size:10.0pt;font-family:Wingdings;color:black'&gt;&lt;span style='mso-list:Ignore'&gt;&lt;img width=14 height=14 src=PicExportError alt="*"&gt;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span lang=EN style='font-size:12.5pt;font-family:Arial;color:black'&gt;&lt;a href="http://en.wikipedia.org/wiki/PeerCast" title=PeerCast&gt;PeerCast&lt;/a&gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal&gt;&lt;font size=2 color=black face=Tahoma&gt;&lt;span style='font-size: 11.0pt;font-family:Tahoma;color:black'&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal&gt;&lt;font size=2 color=black face=Tahoma&gt;&lt;span style='font-size: 11.0pt;font-family:Tahoma;color:black'&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;div&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'&gt;&lt;font size=3 color=black face="Times New Roman"&gt;&lt;span lang=EN-US style='font-size: 12.0pt;color:black'&gt;Regards,&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'&gt;&lt;font size=2 color=black face="Copperplate Gothic Bold"&gt;&lt;span lang=EN-US style='font-size:10.0pt;font-family:"Copperplate Gothic Bold";color:black'&gt;K. Santosh Iyer&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'&gt;&lt;b&gt;&lt;font size=2 color=black face=Papyrus&gt;&lt;span lang=EN-US style='font-size:11.0pt; font-family:Papyrus;color:black;font-weight:bold'&gt;&amp;#8220;&lt;span style='background:yellow'&gt;Live Life to the Full for U only Live Once&lt;/span&gt;&amp;#8221;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'&gt;&lt;b&gt;&lt;font size=2 color=black face="Times New Roman"&gt;&lt;span lang=EN-US style='font-size: 10.0pt;color:black;font-weight:bold'&gt;Disclaimer&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; text-align:justify'&gt;&lt;font size=2 color=black face="Times New Roman"&gt;&lt;span lang=EN-US style='font-size:10.0pt;color:black'&gt;The information contained in, or attached to, this e-mail, contains confidential information and is intended solely for the use of the individual or entity to whom they are addressed and is subject to legal privilege. If you have received this e-mail in error you should notify the sender immediately by reply e-mail, delete the message from your system and notify your system manager. Please do not copy it for any purpose, or disclose its contents to any other person. The views or opinions presented in this e-mail are solely those of the author and do not necessarily represent those of the company. The recipient should check this e-mail and any attachments for the presence of viruses. The company accepts no liability for any damage caused, directly or indirectly, by any virus transmitted in this email&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;/div&gt;  &lt;p class=MsoNormal&gt;&lt;font size=2 face=Tahoma&gt;&lt;span style='font-size:11.0pt; font-family:Tahoma'&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;/div&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7077916820014691913-7698660313605927311?l=teambeta-22by7.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://teambeta-22by7.blogspot.com/feeds/7698660313605927311/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7077916820014691913&amp;postID=7698660313605927311' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7077916820014691913/posts/default/7698660313605927311'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7077916820014691913/posts/default/7698660313605927311'/><link rel='alternate' type='text/html' href='http://teambeta-22by7.blogspot.com/2008/05/what-is-p2p-tv.html' title='What is P2P TV?'/><author><name>Chiron Iyer</name><uri>http://www.blogger.com/profile/01142256405013096816</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_TcSA0Tg8DuU/R70n08Q2l7I/AAAAAAAAAKk/21LZ-QRYGVY/S220/santhosh.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7077916820014691913.post-1905180284774717062</id><published>2008-04-22T23:41:00.001-07:00</published><updated>2008-04-23T00:02:44.495-07:00</updated><title type='text'>What do you mean by CAPTCHA?</title><content type='html'>&lt;img class="shape" style="DISPLAY: none; WIDTH: 0px; HEIGHT: 0px" height="0" src="cid:image001.jpg@01C8A53B.23C314A0" width="0" shapes="_x0000_Mail" /&gt; &lt;div class="Section1"&gt;&lt;p class="MsoNormal"&gt;&lt;b&gt;&lt;span style="font-family:Arial;font-size:85%;color:#b81800;"&gt;&lt;span style="FONT-WEIGHT: bold;font-family:Arial;font-size:10;color:#b81800;"   &gt;Telling Humans and Computers Apart Automatically&lt;?xml:namespace prefix = o /&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family:Arial;font-size:78%;color:black;"&gt;&lt;span style="font-family:Arial;font-size:9;color:black;"&gt;A CAPTCHA is a program that can generate and grade tests that humans can pass but current computer programs cannot. For example, humans can read distorted text as the one shown below, but current&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family:Arial;font-size:78%;color:black;"&gt;&lt;span style="font-family:Arial;font-size:9;color:black;"&gt;computer programs can't. The term CAPTCHA (for Completely Automated Turing Test To Tell Computers and Humans Apart) was coined in 2000 by Luis von Ahn, Manuel Blum, Nicholas Hopper and John Langford of &lt;?xml:namespace prefix = st1 /&gt;&lt;st1:place st="on"&gt;&lt;st1:placename st="on"&gt;Carnegie&lt;/st1:placename&gt; &lt;st1:placename st="on"&gt;Mellon&lt;/st1:placename&gt; &lt;st1:placetype st="on"&gt;University&lt;/st1:placetype&gt;&lt;/st1:place&gt;. At the time, they developed the first CAPTCHA to be used by Yahoo.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;b&gt;&lt;span style="font-family:Arial;font-size:85%;color:#b81800;"&gt;&lt;span style="FONT-WEIGHT: bold;font-family:Arial;font-size:10;color:#b81800;"   &gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;b&gt;&lt;span style="font-family:Arial;font-size:85%;color:#b81800;"&gt;&lt;span style="FONT-WEIGHT: bold;font-family:Arial;font-size:10;color:#b81800;"   &gt;Where Can I Get a CAPTCHA For My Site?&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family:Arial;font-size:78%;color:black;"&gt;&lt;span style="font-family:Arial;font-size:9;color:black;"&gt;A free, secure CAPTCHA implementation is available &lt;/span&gt;&lt;/span&gt;&lt;b&gt;&lt;span style="font-family:Arial;font-size:78%;color:#b81800;"&gt;&lt;span style="FONT-WEIGHT: bold;font-family:Arial;font-size:9;color:#b81800;"   &gt;here &lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;span style="font-family:Arial;font-size:78%;color:black;"&gt;&lt;span style="font-family:Arial;font-size:9;color:black;"&gt;from the reCAPTCHA project at &lt;st1:place st="on"&gt;&lt;st1:placename st="on"&gt;Carnegie&lt;/st1:placename&gt; &lt;st1:placename st="on"&gt;Mellon&lt;/st1:placename&gt; &lt;st1:placetype st="on"&gt;University&lt;/st1:placetype&gt;&lt;/st1:place&gt;.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family:Arial;font-size:78%;color:black;"&gt;&lt;span style="font-family:Arial;font-size:9;color:black;"&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;b&gt;&lt;span style="font-family:Arial;font-size:85%;color:#b81800;"&gt;&lt;span style="FONT-WEIGHT: bold;font-family:Arial;font-size:10;color:#b81800;"   &gt;Applications of CAPTCHAs&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family:Arial;font-size:78%;color:black;"&gt;&lt;span style="font-family:Arial;font-size:9;color:black;"&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family:Arial;font-size:78%;color:black;"&gt;&lt;span style="font-family:Arial;font-size:9;color:black;"&gt;CAPTCHAs have several applications for practical security, including (but not limited to):&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family:SymbolMT;font-size:85%;color:black;"&gt;&lt;span style="font-family:SymbolMT;font-size:9;color:black;"&gt;• &lt;/span&gt;&lt;/span&gt;&lt;b&gt;&lt;span style="font-family:Arial;font-size:78%;color:black;"&gt;&lt;span style="FONT-WEIGHT: bold;font-family:Arial;font-size:9;color:black;"   &gt;Preventing Comment Spam in Blogs. &lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;span style="font-family:Arial;font-size:78%;color:black;"&gt;&lt;span style="font-family:Arial;font-size:9;color:black;"&gt;Most bloggers are familiar with programs that submit bogus comments, usually for the purpose of raising search engine ranks of some website (e.g.,"buy penny stocks here"). This is called comment spam. By using a CAPTCHA, only humans can enter comments on a blog. There is no need to make users sign up before they enter a comment, and no legitimate comments are ever lost!&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family:SymbolMT;font-size:85%;color:black;"&gt;&lt;span style="font-family:SymbolMT;font-size:9;color:black;"&gt;• &lt;/span&gt;&lt;/span&gt;&lt;b&gt;&lt;span style="font-family:Arial;font-size:78%;color:black;"&gt;&lt;span style="FONT-WEIGHT: bold;font-family:Arial;font-size:9;color:black;"   &gt;Protecting Website Registration. &lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;span style="font-family:Arial;font-size:78%;color:black;"&gt;&lt;span style="font-family:Arial;font-size:9;color:black;"&gt;Several companies (Yahoo!, Microsoft, etc.) offer free email services. Up until a few years ago, most of these services suffered from a specific type of attack:"bots" that would sign up for thousands of email accounts every minute. The solution to this problem was to use CAPTCHAs to ensure that only humans obtain free accounts. In general, free services should be protected with a CAPTCHA in order to prevent abuse by automated programs.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family:SymbolMT;font-size:85%;color:black;"&gt;&lt;span style="font-family:SymbolMT;font-size:9;color:black;"&gt;• &lt;/span&gt;&lt;/span&gt;&lt;b&gt;&lt;span style="font-family:Arial;font-size:78%;color:black;"&gt;&lt;span style="FONT-WEIGHT: bold;font-family:Arial;font-size:9;color:black;"   &gt;Online Polls. &lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;span style="font-family:Arial;font-size:78%;color:black;"&gt;&lt;span style="font-family:Arial;font-size:9;color:black;"&gt;In November 1999, &lt;i&gt;&lt;span style="FONT-STYLE: italic"&gt;http://www.slashdot.org &lt;/span&gt;&lt;/i&gt;released an online poll asking which was the best graduate school in computer science (a dangerous question to ask over the web!). As is the case with most online polls, IP addresses of voters were recorded in order to prevent single users from voting more than once. However, students at Carnegie Mellon found a way to stuff the ballots using programs that voted for CMU thousands of times. CMU's score started growing rapidly. The next day, students at MIT wrote their own program and the poll became a contest between voting "bots." MIT finished with 21,156 votes, Carnegie Mellon with 21,032 and every&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family:Arial;font-size:78%;color:black;"&gt;&lt;span style="font-family:Arial;font-size:9;color:black;"&gt;other school with less than 1,000. Can the result of any online poll be trusted? Not unless the poll ensures that only humans can vote.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family:SymbolMT;font-size:85%;color:black;"&gt;&lt;span style="font-family:SymbolMT;font-size:9;color:black;"&gt;• &lt;/span&gt;&lt;/span&gt;&lt;b&gt;&lt;span style="font-family:Arial;font-size:78%;color:black;"&gt;&lt;span style="FONT-WEIGHT: bold;font-family:Arial;font-size:9;color:black;"   &gt;Preventing Dictionary Attacks. &lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;span style="font-family:Arial;font-size:78%;color:black;"&gt;&lt;span style="font-family:Arial;font-size:9;color:black;"&gt;CAPTCHAs can also be used to prevent dictionary attacks in password systems. The idea is simple: prevent a computer from being able to iterate through the entire space of passwords by requiring it to solve a CAPTCHA after a certain number of unsuccessful logins.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family:SymbolMT;font-size:85%;color:black;"&gt;&lt;span style="font-family:SymbolMT;font-size:9;color:black;"&gt;• &lt;/span&gt;&lt;/span&gt;&lt;b&gt;&lt;span style="font-family:Arial;font-size:78%;color:black;"&gt;&lt;span style="FONT-WEIGHT: bold;font-family:Arial;font-size:9;color:black;"   &gt;Search Engine Bots. &lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;span style="font-family:Arial;font-size:78%;color:black;"&gt;&lt;span style="font-family:Arial;font-size:9;color:black;"&gt;It is sometimes desirable to keep web pages un-indexed to prevent others from finding them easily. There is an html tag to prevent search engine bots from reading web pages. The tag, however, doesn't guarantee that bots won't read a web page; it only serves to say "no bots, please." Search engine bots, since they usually belong to large companies, respect web pages that don't want to allow them in. However, in order to truly guarantee that bots won't enter a web site, CAPTCHAs are needed.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family:SymbolMT;font-size:85%;color:black;"&gt;&lt;span style="font-family:SymbolMT;font-size:9;color:black;"&gt;• &lt;/span&gt;&lt;/span&gt;&lt;st1:city st="on"&gt;&lt;st1:place st="on"&gt;&lt;b&gt;&lt;span style="font-family:Arial;font-size:78%;color:black;"&gt;&lt;span style="FONT-WEIGHT: bold;font-family:Arial;font-size:9;color:black;"   &gt;Worms&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/st1:place&gt;&lt;/st1:city&gt;&lt;b&gt;&lt;span style="font-family:Arial;font-size:78%;color:black;"&gt;&lt;span style="FONT-WEIGHT: bold;font-family:Arial;font-size:9;color:black;"   &gt; and Spam. &lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;span style="font-family:Arial;font-size:78%;color:black;"&gt;&lt;span style="font-family:Arial;font-size:9;color:black;"&gt;CAPTCHAs also offer a plausible solution against email worms and spam: "I will only accept an email if I know there is a human behind the other computer." A few companies are already marketing this idea.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;b&gt;&lt;span style="font-family:Arial;font-size:85%;color:#b81800;"&gt;&lt;span style="FONT-WEIGHT: bold;font-family:Arial;font-size:10;color:#b81800;"   &gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;b&gt;&lt;span style="font-family:Arial;font-size:85%;color:#b81800;"&gt;&lt;span style="FONT-WEIGHT: bold;font-family:Arial;font-size:10;color:#b81800;"   &gt;Guidelines&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family:Arial;font-size:78%;color:black;"&gt;&lt;span style="font-family:Arial;font-size:9;color:black;"&gt;If your website needs protection from abuse, it is recommended that you use a CAPTCHA. There are many CAPTCHA implementations, some better than others. The following guidelines are strongly recommended&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family:Arial;font-size:78%;color:black;"&gt;&lt;span style="font-family:Arial;font-size:9;color:black;"&gt;for any CAPTCHA:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family:SymbolMT;font-size:85%;color:black;"&gt;&lt;span style="font-family:SymbolMT;font-size:9;color:black;"&gt;• &lt;/span&gt;&lt;/span&gt;&lt;b&gt;&lt;span style="font-family:Arial;font-size:78%;color:black;"&gt;&lt;span style="FONT-WEIGHT: bold;font-family:Arial;font-size:9;color:black;"   &gt;Accessibility. &lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;span style="font-family:Arial;font-size:78%;color:black;"&gt;&lt;span style="font-family:Arial;font-size:9;color:black;"&gt;CAPTCHAs must be accessible. CAPTCHAs based solely on reading text — or other visual-perception tasks — prevent visually impaired users from accessing the protected resource. Such CAPTCHAs may make a site incompatible with Section 508 in the &lt;st1:country-region st="on"&gt;&lt;st1:place st="on"&gt;United States&lt;/st1:place&gt;&lt;/st1:country-region&gt;. Any implementation of a CAPTCHA should allow blind users to get around the barrier, for example, by permitting users to opt for an audio CAPTCHA.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family:SymbolMT;font-size:85%;color:black;"&gt;&lt;span style="font-family:SymbolMT;font-size:9;color:black;"&gt;• &lt;/span&gt;&lt;/span&gt;&lt;b&gt;&lt;span style="font-family:Arial;font-size:78%;color:black;"&gt;&lt;span style="FONT-WEIGHT: bold;font-family:Arial;font-size:9;color:black;"   &gt;Image Security. &lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;span style="font-family:Arial;font-size:78%;color:black;"&gt;&lt;span style="font-family:Arial;font-size:9;color:black;"&gt;Images of text should be distorted randomly before being presented to the user. Many implementations of CAPTCHAs use undistorted text, or text with only minor distortions. These implementations are vulnerable to simple automated attacks. For example, the CAPTCHAs shown below can all be broken using image processing techniques, mainly because they use a consistent font.&lt;/span&gt;&lt;/span&gt;&lt;b&gt;&lt;span style="font-size:100%;color:black;"&gt;&lt;span style="FONT-WEIGHT: bold;font-size:11;color:black;"  &gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family:SymbolMT;font-size:85%;color:black;"&gt;&lt;span style="font-family:SymbolMT;font-size:9;color:black;"&gt;• &lt;/span&gt;&lt;/span&gt;&lt;b&gt;&lt;span style="font-family:Arial;font-size:78%;color:black;"&gt;&lt;span style="FONT-WEIGHT: bold;font-family:Arial;font-size:9;color:black;"   &gt;Script Security. &lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;span style="font-family:Arial;font-size:78%;color:black;"&gt;&lt;span style="font-family:Arial;font-size:9;color:black;"&gt;Building a secure CAPTCHA is not easy. In addition to making the images unreadable by computers, the system should ensure that there are no easy ways around it at the script level. Common examples of insecurities in this respect include: (1) Systems that pass the answer to the CAPTCHA in plain text as part of the web form. (2) Systems where a solution to the same CAPTCHA can be used multiple times (this makes the CAPTCHA vulnerable to so-called "replay attacks").&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family:SymbolMT;font-size:85%;color:black;"&gt;&lt;span style="font-family:SymbolMT;font-size:9;color:black;"&gt;• &lt;/span&gt;&lt;/span&gt;&lt;b&gt;&lt;span style="font-family:Arial;font-size:78%;color:black;"&gt;&lt;span style="FONT-WEIGHT: bold;font-family:Arial;font-size:9;color:black;"   &gt;Security Even After Wide-Spread Adoption. &lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;span style="font-family:Arial;font-size:78%;color:black;"&gt;&lt;span style="font-family:Arial;font-size:9;color:black;"&gt;There are various "CAPTCHAs" that would be insecure if a significant number of sites start using them. An example of such a puzzle is asking text-based questions, such as a mathematical question ("what is 1+1"). Since a parser could easily be written that would allow bots to bypass this test, such "CAPTCHAs" rely on the fact that few sites use them, and thus that a bot author has no incentive to program their bot to solve that challenge. True CAPTCHAs should be secure even after a significant number of websites adopt them.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;b&gt;&lt;span style="font-family:Arial;font-size:85%;color:#b81800;"&gt;&lt;span style="FONT-WEIGHT: bold;font-family:Arial;font-size:10;color:#b81800;"   &gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;b&gt;&lt;span style="font-family:Arial;font-size:85%;color:#b81800;"&gt;&lt;span style="FONT-WEIGHT: bold;font-family:Arial;font-size:10;color:#b81800;"   &gt;Academic Publications&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family:SymbolMT;font-size:85%;color:black;"&gt;&lt;span style="font-family:SymbolMT;font-size:9;color:black;"&gt;• &lt;/span&gt;&lt;/span&gt;&lt;span style="font-family:Arial;font-size:78%;color:black;"&gt;&lt;span style="font-family:Arial;font-size:9;color:black;"&gt;Luis von Ahn, Manuel Blum and John Langford. &lt;/span&gt;&lt;/span&gt;&lt;span style="font-family:Arial;font-size:78%;color:#b81800;"&gt;&lt;span style="font-family:Arial;font-size:9;color:#b81800;"&gt;Telling Humans and Computers Apart Automatically&lt;/span&gt;&lt;/span&gt;&lt;span style="font-family:Arial;font-size:78%;color:black;"&gt;&lt;span style="font-family:Arial;font-size:9;color:black;"&gt;. In &lt;i&gt;&lt;span style="FONT-STYLE: italic"&gt;Communications of the ACM&lt;/span&gt;&lt;/i&gt;.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family:SymbolMT;font-size:85%;color:black;"&gt;&lt;span style="font-family:SymbolMT;font-size:9;color:black;"&gt;• &lt;/span&gt;&lt;/span&gt;&lt;span style="font-family:Arial;font-size:78%;color:black;"&gt;&lt;span style="font-family:Arial;font-size:9;color:black;"&gt;Luis von Ahn, Manuel Blum, Nicholas Hopper, and John Langford. &lt;/span&gt;&lt;/span&gt;&lt;span style="font-family:Arial;font-size:78%;color:#b81800;"&gt;&lt;span style="font-family:Arial;font-size:9;color:#b81800;"&gt;CAPTCHA: Using Hard AI Problems for Security&lt;/span&gt;&lt;/span&gt;&lt;span style="font-family:Arial;font-size:78%;color:black;"&gt;&lt;span style="font-family:Arial;font-size:9;color:black;"&gt;. In &lt;i&gt;&lt;span style="FONT-STYLE: italic"&gt;Eurocrypt&lt;/span&gt;&lt;/i&gt;.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family:Arial;font-size:78%;color:#b81800;"&gt;&lt;span style="font-family:Arial;font-size:7;color:#b81800;"&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family:Arial;font-size:78%;color:#b81800;"&gt;&lt;span style="font-family:Arial;font-size:7;color:#b81800;"&gt;© 2008 Carnegie Mellon University, all rights reserved.&lt;/span&gt;&lt;/span&gt;&lt;span style="font-family:Courier New;font-size:85%;color:black;"&gt;&lt;span style="font-family:'Courier New';font-size:10;color:black;"&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family:Tahoma;font-size:85%;color:black;"&gt;&lt;span style="font-family:Tahoma;font-size:11;color:black;"&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family:Tahoma;font-size:85%;color:black;"&gt;&lt;span style="font-family:Tahoma;font-size:11;color:black;"&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;div&gt;&lt;p class="MsoNormal" style="mso-margin-top-alt: auto; mso-margin-bottom-alt: auto"&gt;&lt;span style="font-family:Tahoma;font-size:85%;"&gt;&lt;span style="font-family:Tahoma;font-size:11;"&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt; &lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7077916820014691913-1905180284774717062?l=teambeta-22by7.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://teambeta-22by7.blogspot.com/feeds/1905180284774717062/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7077916820014691913&amp;postID=1905180284774717062' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7077916820014691913/posts/default/1905180284774717062'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7077916820014691913/posts/default/1905180284774717062'/><link rel='alternate' type='text/html' href='http://teambeta-22by7.blogspot.com/2008/04/what-do-you-mean-by-captcha.html' title='What do you mean by CAPTCHA?'/><author><name>Chiron Iyer</name><uri>http://www.blogger.com/profile/01142256405013096816</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_TcSA0Tg8DuU/R70n08Q2l7I/AAAAAAAAAKk/21LZ-QRYGVY/S220/santhosh.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7077916820014691913.post-6666257799102396388</id><published>2008-04-16T01:51:00.000-07:00</published><updated>2008-04-16T01:53:34.870-07:00</updated><title type='text'>60 More AJAX- and Javascript Solutions For Professional Coding</title><content type='html'>&lt;img src="cid:image001.jpg@01C89FCC.E57405B0" v:src="cid:image001.jpg@01C89FCC.E57405B0" v:shapes="_x0000_Mail" width=0 height=0 class=shape style='display:none;width:0;height:0'&gt;  &lt;div class=Section1&gt;  &lt;p class=MsoNormal&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&amp;nbsp;Hi,&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;Given below is an article from Vitaly Friedman &amp;amp; Sven Lennartz posted on Smashing Magazine. I am sharing it with you coz I think it would help all us &lt;st1:City w:st="on"&gt;&lt;st1:place w:st="on"&gt;AJAX&lt;/st1:place&gt;&lt;/st1:City&gt; learners grasp the concepts better.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&amp;#8220;When it comes to design of modern web-applications, &lt;st1:City w:st="on"&gt;&lt;st1:place  w:st="on"&gt;&lt;strong&gt;&lt;b&gt;&lt;font face="Times New Roman"&gt;Ajax&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt;&lt;/st1:place&gt;&lt;/st1:City&gt; is considered as a standard approach. Interactive solutions for lightboxes, form validation, navigation, search, tooltips and tables are developed using &lt;st1:City w:st="on"&gt;Ajax&lt;/st1:City&gt; libraries and nifty &lt;st1:City w:st="on"&gt;&lt;st1:place  w:st="on"&gt;Ajax&lt;/st1:place&gt;&lt;/st1:City&gt; scripts. &lt;st1:City w:st="on"&gt;&lt;st1:place  w:st="on"&gt;Ajax&lt;/st1:place&gt;&lt;/st1:City&gt; is &lt;strong&gt;&lt;b&gt;&lt;font face="Times New Roman"&gt;useful and powerful&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt;. However, when using &lt;st1:City w:st="on"&gt;&lt;st1:place w:st="on"&gt;Ajax&lt;/st1:place&gt;&lt;/st1:City&gt;, one should keep in mind its drawbacks in terms of usability and accessibility. With an extensive use of &lt;st1:City w:st="on"&gt;&lt;st1:place w:st="on"&gt;Ajax&lt;/st1:place&gt;&lt;/st1:City&gt;, you can easily confuse your visitors offering too much control and too many features.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;Nevertheless, it&amp;#8217;s important to know what&amp;#8217;s possible, particularly since you can develop new ideas further, improving the quality of your web applications. Since our last article &lt;a href="http://www.smashingmagazine.com/2007/06/20/ajax-javascript-solutions-for-professional-coding/" title="blocked::http://www.smashingmagazine.com/2007/06/20/ajax-javascript-solutions-for-professional-coding/&amp;#10;http://www.smashingmagazine.com/2007/06/20/ajax-javascript-solutions-for-professional-coding/"&gt;80+ AJAX-Solutions For Professional Coding&lt;/a&gt; many things have changed &amp;#8212; new scripts were introduced, new creative solutions were developed, new robust development kits have been released. They all are supposed to serve a better user experience and provide more comfort for web-developers.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;This post presents &lt;strong&gt;&lt;b&gt;&lt;font face="Times New Roman"&gt;over 60 new useful &lt;st1:City w:st="on"&gt;&lt;st1:place w:st="on"&gt;Ajax&lt;/st1:place&gt;&lt;/st1:City&gt; scripts, libraries and solutions which you can use in your future projects&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt;. License agreements can change from time to time &amp;#8212; please read them carefully before using the script in a commercial web-application.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;You might want to consider checking out the following related posts:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;ul type=disc&gt;  &lt;li class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;      mso-list:l0 level1 lfo1'&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span      style='font-size:12.0pt'&gt;&lt;a      href="http://www.smashingmagazine.com/2007/05/18/30-best-solutions-for-image-galleries-slideshows-lightboxes/"      title="blocked::http://www.smashingmagazine.com/2007/05/18/30-best-solutions-for-image-galleries-slideshows-lightboxes/&amp;#10;http://www.smashingmagazine.com/2007/05/18/30-best-solutions-for-image-galleries-slideshows-lightboxes/"&gt;30      Scripts For Galleries, Slideshows and Lightboxes&lt;/a&gt; presents scripts of      impressive slideshows, lightboxes and galleries you can use for effective      presentations of your images, &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/li&gt;  &lt;li class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;      mso-list:l0 level1 lfo1'&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span      style='font-size:12.0pt'&gt;&lt;a      href="http://www.smashingmagazine.com/2007/06/12/tooltips-scripts-ajax-javascript-css-dhtml/"      title="blocked::http://www.smashingmagazine.com/2007/06/12/tooltips-scripts-ajax-javascript-css-dhtml/&amp;#10;http://www.smashingmagazine.com/2007/06/12/tooltips-scripts-ajax-javascript-css-dhtml/"&gt;40+      Tooltips Scripts With AJAX, JavaScript &amp;amp; CSS&lt;/a&gt; with handy tooltips      scripts for intuitive and well-designed visual clues, &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/li&gt;  &lt;li class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;      mso-list:l0 level1 lfo1'&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span      style='font-size:12.0pt'&gt;&lt;a      href="http://www.smashingmagazine.com/2007/05/30/tables-and-data-grids-with-ajax-dhtml-javascript/"      title="blocked::http://www.smashingmagazine.com/2007/05/30/tables-and-data-grids-with-ajax-dhtml-javascript/&amp;#10;http://www.smashingmagazine.com/2007/05/30/tables-and-data-grids-with-ajax-dhtml-javascript/"&gt;Data      Grids with AJAX, DHTML and JavaScript&lt;/a&gt; with free solutions for data      grids, developed with &lt;st1:City w:st="on"&gt;&lt;st1:place w:st="on"&gt;AJAX&lt;/st1:place&gt;&lt;/st1:City&gt;,      DHTML and/or JavaScript, &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/li&gt;  &lt;li class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;      mso-list:l0 level1 lfo1'&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span      style='font-size:12.0pt'&gt;&lt;a      href="http://www.smashingmagazine.com/2008/02/21/powerful-css-techniques-for-effective-coding/"      title="blocked::http://www.smashingmagazine.com/2008/02/21/powerful-css-techniques-for-effective-coding/&amp;#10;http://www.smashingmagazine.com/2008/02/21/powerful-css-techniques-for-effective-coding/"&gt;Powerful      CSS-techniques For Effective Coding&lt;/a&gt; which features 50 new      CSS-techniques, ideas and ready-to-use solutions for effective CSS-coding.      &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/li&gt; &lt;/ul&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;Please notice: the overview presented below is not just a &lt;em&gt;&lt;i&gt;&lt;font face="Times New Roman"&gt;yet-another-one&lt;/font&gt;&lt;/i&gt;&lt;/em&gt;-collection of Ajax-scripts. It&amp;#8217;s a collection of really useful ones, the ones you can use in almost every project you&amp;#8217;ll be working on.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;h3&gt;&lt;b&gt;&lt;font size=4 face="Times New Roman"&gt;&lt;span style='font-size:13.5pt'&gt;Useful &lt;st1:City w:st="on"&gt;&lt;st1:place w:st="on"&gt;Ajax&lt;/st1:place&gt;&lt;/st1:City&gt; Scripts&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/h3&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://greghoustondesign.com/demos/mocha/" title="blocked::http://greghoustondesign.com/demos/mocha/&amp;#10;http://greghoustondesign.com/demos/mocha/"&gt;Mocha UI&lt;/a&gt;&lt;br&gt; Mocha is a web applications user interface library built on the Mootools javascript framework. The Mocha GUI components are made with &amp;lt;canvas&amp;gt; tag graphics.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://greghoustondesign.com/demos/mocha/" title="blocked::http://greghoustondesign.com/demos/mocha/&amp;#10;http://greghoustondesign.com/demos/mocha/"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=401 height=412 id="_x0000_i1026" src="cid:image002.jpg@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;Ajax Script" title="blocked::http://greghoustondesign.com/demos/mocha/" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://www.filamentgroup.com/lab/developing_an_accessible_slider/" title="blocked::http://www.filamentgroup.com/lab/developing_an_accessible_slider/&amp;#10;http://www.filamentgroup.com/lab/developing_an_accessible_slider/"&gt;An Accessible Slider&lt;/a&gt;&lt;br&gt; &amp;#8220;Recently we designed and developed an interface that required a slider control, which allows users to choose one or a range of values on a continuum. Values on a slider can represent anything from hours on a clock to the volume on a music player to a complex, proprietary data set. In its simplest form, the slider is displayed as an axis of values with a handle to drag and select a value, or two handles for selecting a range.&amp;#8221;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://www.filamentgroup.com/lab/developing_an_accessible_slider/" title="blocked::http://www.filamentgroup.com/lab/developing_an_accessible_slider/&amp;#10;http://www.filamentgroup.com/lab/developing_an_accessible_slider/"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=378 height=130 id="_x0000_i1027" src="cid:image003.jpg@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://www.filamentgroup.com/lab/developing_an_accessible_slider/" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://digitarald.de/playground/uplooad.html" title="blocked::http://digitarald.de/playground/uplooad.html&amp;#10;http://digitarald.de/playground/uplooad.html"&gt;FancyUpload&lt;/a&gt;&lt;br&gt; Swf meets &lt;st1:City w:st="on"&gt;&lt;st1:place w:st="on"&gt;Ajax&lt;/st1:place&gt;&lt;/st1:City&gt;. An upload widget that allows queued multiple-file upload including progress bars.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://digitarald.de/playground/uplooad.html" title="blocked::http://digitarald.de/playground/uplooad.html&amp;#10;FancyUpload"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=353 height=278 id="_x0000_i1028" src="cid:image004.jpg@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;Modalbox" title="blocked::http://digitarald.de/playground/uplooad.html" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://jqueryfordesigners.com/coda-popup-bubbles/" title="blocked::http://jqueryfordesigners.com/coda-popup-bubbles/&amp;#10;http://jqueryfordesigners.com/coda-popup-bubbles/"&gt;Coda Popup Bubbles&lt;/a&gt;&lt;br&gt; &amp;#8220;When you move the mouse over the popup, this triggers a mouseout on the image used to trigger the popup being shown. I&amp;#8217;ll explain (carefully) how to make sure the effect doesn&amp;#8217;t fail in this situation.&amp;#8221;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://jqueryfordesigners.com/coda-popup-bubbles/" title="blocked::http://jqueryfordesigners.com/coda-popup-bubbles/&amp;#10;http://jqueryfordesigners.com/coda-popup-bubbles/"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=400 height=234 id="_x0000_i1029" src="cid:image005.jpg@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://jqueryfordesigners.com/coda-popup-bubbles/" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://devthought.com/textboxlist-meets-autocompletion/" title="blocked::http://devthought.com/textboxlist-meets-autocompletion/&amp;#10;http://devthought.com/textboxlist-meets-autocompletion/"&gt;Facebook Style Input Box&lt;/a&gt;&lt;br&gt; The approach to re-create the &lt;strong&gt;&lt;b&gt;&lt;font face="Times New Roman"&gt;autocomplete method&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt; of adding multiple recipients to messages used on Facebook. &amp;#8220;I&amp;#8217;d seen it in Facebook before, which has a really decent implementation of this concept (it work well, but it doesn&amp;#8217;t respect any modern programming principles; basically, it&amp;#8217;s a big tag soup with lots of inline Javascript)&amp;#8221;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://devthought.com/textboxlist-meets-autocompletion/" title="blocked::http://devthought.com/textboxlist-meets-autocompletion/&amp;#10;http://devthought.com/textboxlist-meets-autocompletion/"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=468 height=185 id="_x0000_i1030" src="cid:image006.gif@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;Screenshot" title="blocked::http://devthought.com/textboxlist-meets-autocompletion/" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://developer.yahoo.com/yui/examples/editor/index.html" title="blocked::http://developer.yahoo.com/yui/examples/editor/index.html&amp;#10;http://developer.yahoo.com/yui/examples/editor/index.html"&gt;Rich Text Editor&lt;/a&gt;&lt;br&gt; The Rich Text Editor is a UI control that replaces a standard HTML textarea. It allows for the rich formatting of text content, including common structural treatments like lists, formatting treatments like bold and italic text, and drag-and-drop inclusion and sizing of images. The Rich Text Editor&amp;#8217;s Toolbar is extensible via a plugin architecture so that advanced implementations can achieve a high degree of customization. The tool is based upon &lt;a href="http://developer.yahoo.com/yui/" title="blocked::http://developer.yahoo.com/yui/&amp;#10;http://developer.yahoo.com/yui/"&gt;Yahoo UI Library&lt;/a&gt;.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://developer.yahoo.com/yui/examples/editor/index.html" title="blocked::http://developer.yahoo.com/yui/examples/editor/index.html&amp;#10;http://developer.yahoo.com/yui/examples/editor/index.html"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=500 height=261 id="_x0000_i1031" src="cid:image007.jpg@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;Texteditor" title="blocked::http://developer.yahoo.com/yui/examples/editor/index.html&amp;#10;Texteditor" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://zendold.lojcomm.com.br/icarousel/" title="blocked::http://zendold.lojcomm.com.br/icarousel/&amp;#10;http://zendold.lojcomm.com.br/icarousel/"&gt;iCarousel&lt;/a&gt;&lt;br&gt; iCarousel is an open source (free) javascript tool for creating carousel like widgets.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://zendold.lojcomm.com.br/icarousel/" title="blocked::http://zendold.lojcomm.com.br/icarousel/&amp;#10;http://zendold.lojcomm.com.br/icarousel/"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=450 height=356 id="_x0000_i1032" src="cid:image008.jpg@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet." title="blocked::http://zendold.lojcomm.com.br/icarousel/" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://extjs.com/" title="blocked::http://extjs.com/&amp;#10;http://extjs.com/"&gt;Ext JS - JavaScript Library&lt;/a&gt;&lt;br&gt; An extensive JavaScript-Framework with numerous modules and components such as tables, trees, windows, layouts, forms, and tabs. All of them look as if they&amp;#8217;ve been used in standard desktop-applications.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://extjs.com/" title="blocked::http://extjs.com/&amp;#10;http://extjs.com/"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=500 height=427 id="_x0000_i1033" src="cid:image009.jpg@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;ext" title="blocked::http://extjs.com/" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://www.unwieldy.net/moowheel/" title="blocked::http://www.unwieldy.net/moowheel/&amp;#10;http://www.unwieldy.net/moowheel/"&gt;Moo Wheel&lt;/a&gt;&lt;br&gt; The purpose of this script is to provide a unique and elegant way to visualize data using Javascript and the &amp;lt;canvas&amp;gt;-object. This type of visualization can be used to display connections between many different objects, be them people, places, things, or otherwise. The script is licensed under an MIT-style license.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://www.unwieldy.net/moowheel/" title="blocked::http://www.unwieldy.net/moowheel/&amp;#10;http://www.unwieldy.net/moowheel/"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=400 height=323 id="_x0000_i1034" src="cid:image010.jpg@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://www.unwieldy.net/moowheel/" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://jqueryfordesigners.com/slider-gallery/" title="blocked::http://jqueryfordesigners.com/slider-gallery/&amp;#10;http://jqueryfordesigners.com/slider-gallery/"&gt;Product Slider&lt;/a&gt;&lt;br&gt; This &amp;#8216;product slider&amp;#8217; is similar to a straight forward gallery, except that there is a slider to navigate the items, i.e. the bit the user controls to view the items.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://jqueryfordesigners.com/slider-gallery/" title="blocked::http://jqueryfordesigners.com/slider-gallery/&amp;#10;http://jqueryfordesigners.com/slider-gallery/"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=400 height=181 id="_x0000_i1035" src="cid:image011.jpg@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://jqueryfordesigners.com/slider-gallery/" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://www.taggify.net/blog/post/2008/01/How-to-add-advanced-tooltips-for-people-on-your-photo.aspx" title="blocked::http://www.taggify.net/blog/post/2008/01/How-to-add-advanced-tooltips-for-people-on-your-photo.aspx&amp;#10;http://www.taggify.net/blog/post/2008/01/How-to-add-advanced-tooltips-for-people-on-your-photo.aspx"&gt;Taggify Tooltips&lt;/a&gt;&lt;br&gt; This post demonstrates how you can use &lt;a href="http://www.taggify.net/" title="blocked::http://www.taggify.net/&amp;#10;http://www.taggify.net/"&gt;Taggify widget&lt;/a&gt; to enhance your blog with the functionality to show popup tooltips for parts of your images.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://www.taggify.net/blog/post/2008/01/How-to-add-advanced-tooltips-for-people-on-your-photo.aspx" title="blocked::http://www.taggify.net/blog/post/2008/01/How-to-add-advanced-tooltips-for-people-on-your-photo.aspx&amp;#10;http://www.taggify.net/blog/post/2008/01/How-to-add-advanced-tooltips-for-people-on-your-photo.aspx"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=400 height=455 id="_x0000_i1036" src="cid:image012.jpg@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://www.taggify.net/blog/post/2008/01/How-to-add-advanced-tooltips-for-people-on-your-photo.aspx" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://woork.blogspot.com/2008/02/gettyone-like-search-options-menu-with.html" title="blocked::http://woork.blogspot.com/2008/02/gettyone-like-search-options-menu-with.html&amp;#10;http://woork.blogspot.com/2008/02/gettyone-like-search-options-menu-with.html"&gt;Gettyone Search Options Menu&lt;/a&gt;&lt;br&gt; Learn how to implement a &lt;a href="http://www.gettyone.com/" title="blocked::http://www.gettyone.com/&amp;#10;http://www.gettyone.com/"&gt;Gettyone&lt;/a&gt;-like search options menu which display a layer with some search options below the input search field, when an user click on the input field to searching for something.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://woork.blogspot.com/2008/02/gettyone-like-search-options-menu-with.html" title="blocked::http://woork.blogspot.com/2008/02/gettyone-like-search-options-menu-with.html&amp;#10;http://woork.blogspot.com/2008/02/gettyone-like-search-options-menu-with.html"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=334 height=226 id="_x0000_i1037" src="cid:image013.jpg@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://woork.blogspot.com/2008/02/gettyone-like-search-options-menu-with.html" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://ibolmo.com/projects/moocanvas/" title="blocked::http://ibolmo.com/projects/moocanvas/&amp;#10;http://ibolmo..com/projects/moocanvas/"&gt;Moo Canvas&lt;/a&gt;&lt;br&gt; Modern browser support the &amp;lt;canvas&amp;gt; tag to allow 2D command-based drawing. This script provides the third dimension, allowing for browser drawing with pure JavaScript. To use, web developers only need to include a single script tag in their existing web pages.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://ibolmo.com/projects/moocanvas/" title="blocked::http://ibolmo.com/projects/moocanvas/&amp;#10;http://ibolmo..com/projects/moocanvas/"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=400 height=240 id="_x0000_i1038" src="cid:image014.jpg@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://ibolmo.com/projects/moocanvas/" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://ecosmear.com/relay/" title="blocked::http://ecosmear.com/relay/&amp;#10;http://ecosmear.com/relay/"&gt;Relay - Ajax Directory Manager&lt;/a&gt;&lt;br&gt; Relay is an Ajax-powered file management library. It has a multi-user access restriction, allowing the administrator to control user access to uploaded files. Features: drag-n-drop files and folders, dynamic loading file structure, upload progress bar, thumbnail view, including pdf and multiple users &amp;amp; accounts.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://ecosmear.com/relay/" title="blocked::http://ecosmear.com/relay/&amp;#10;http://ecosmear.com/relay/"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=398 height=434 id="_x0000_i1039" src="cid:image015.jpg@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://ecosmear.com/relay/" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://www.glassbox-js.com/" title="blocked::http://www.glassbox-js.com/&amp;#10;http://www.glassbox-js.com/"&gt;GlassBox&lt;/a&gt;&lt;br&gt; GlassBox is a compact Javascript User Interface (UI) library, which use Prototype and Script.aculo.us for some effects. With GlassBox you can build transparent border, colorful layouts and &amp;#8220;Flash-like&amp;#8221; effects. Take a look at the site itself: you can use the keyboard navigation: Keys 1-8 (display page), arrows left/right (previous/next page) and arrows up/down (Scroll content).&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://www.glassbox-js.com/" title="blocked::http://www.glassbox-js.com/&amp;#10;http://www.glassbox-js.com/"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=400 height=312 id="_x0000_i1040" src="cid:image016.jpg@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://www.glassbox-js.com/" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://qgallery.quadrifolia.de" title="blocked::http://qgallery.quadrifolia.de/&amp;#10;http://qgallery.quadrifolia.de"&gt;qGallery&lt;/a&gt;&lt;br&gt; qGallery is a Prototype-based gallery script which automatically takes care of the image processing, offers multipple viewing modes and comes with a number of transition effects.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://qgallery.quadrifolia.de" title="blocked::http://qgallery.quadrifolia.de/&amp;#10;http://qgallery.quadrifolia.de"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=400 height=260 id="_x0000_i1041" src="cid:image017.jpg@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://qgallery.quadrifolia.de/" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://amberjack.org/" title="blocked::http://amberjack.org/&amp;#10;http://amberjack.org/"&gt;Amberjack&lt;/a&gt;&lt;br&gt; Amberjack is a lightweight Open Source library, enabling you to create site tours. The JavaScript library is lightweight (~4K), stable, LGPL licensed, browser compatible, set up in 2 minutes &amp;amp; super-easy to customize.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://amberjack.org/" title="blocked::http://amberjack.org/&amp;#10;http://amberjack.org/"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=402 height=304 id="_x0000_i1042" src="cid:image018.jpg@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://amberjack.org/" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://gwt-ext.com/" title="blocked::http://gwt-ext.com/&amp;#10;http://gwt-ext.com/"&gt;GWT-Ext Widget Library&lt;/a&gt;&lt;br&gt; GWT-Ext is a powerful widget library that provides rich widgets like &lt;strong&gt;&lt;b&gt;&lt;font face="Times New Roman"&gt;Grid with sort, paging and filtering&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt;, Tree&amp;#8217;s with Drag &amp;amp; Drop support, highly customizable ComboBoxes, Tab Panels, Menus &amp;amp; Toolbars, Dialogs, Forms and a lot more right out of the box with a powerful and easy to use API. It uses &lt;a href="http://code.google.com/webtoolkit/" title="blocked::http://code.google.com/webtoolkit/&amp;#10;http://code.google.com/webtoolkit/"&gt;GWT&lt;/a&gt; and &lt;a href="http://extjs.com/" title="blocked::http://extjs.com/&amp;#10;http://extjs.com/"&gt;Ext&lt;/a&gt;.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://gwt-ext.com/" title="blocked::http://gwt-ext.com/&amp;#10;http://gwt-ext.com/"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=450 height=220 id="_x0000_i1043" src="cid:image019.gif@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;Screenshot" title="blocked::http://gwt-ext.com/" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://webplicity.net/flexigrid/" title="blocked::http://webplicity.net/flexigrid/&amp;#10;http://webplicity.net/flexigrid/"&gt;Flexigrid&lt;/a&gt;&lt;br&gt; Lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source using &lt;st1:City w:st="on"&gt;&lt;st1:place w:st="on"&gt;Ajax&lt;/st1:place&gt;&lt;/st1:City&gt; to load the content.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://webplicity.net/flexigrid/" title="blocked::http://webplicity.net/flexigrid/&amp;#10;http://webplicity.net/flexigrid/"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=450 height=273 id="_x0000_i1044" src="cid:image020.jpg@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet." title="blocked::http://webplicity.net/flexigrid/" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://www.deliciousdays.com/cforms-plugin/" title="blocked::http://www.deliciousdays.com/cforms-plugin/&amp;#10;http://www.deliciousdays.com/cforms-plugin/"&gt;cforms II&lt;/a&gt;&lt;br&gt; cforms is a plugin for WordPress, offering convenient deployment of multiple contact forms throughout your blog or even on the same page. The form submission utilizes &lt;st1:City w:st="on"&gt;&lt;st1:place w:st="on"&gt;AJAX&lt;/st1:place&gt;&lt;/st1:City&gt;, falls back, however, to a standard method in case AJAX/Javascript is not supported or disabled.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://www.deliciousdays.com/cforms-plugin/" title="blocked::http://www.deliciousdays.com/cforms-plugin/&amp;#10;http://www.deliciousdays.com/cforms-plugin/"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=400 height=404 id="_x0000_i1045" src="cid:image021.jpg@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://www.deliciousdays.com/cforms-plugin/" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://digitalbush.com/projects/masked-input-plugin" title="blocked::http://digitalbush.com/projects/masked-input-plugin&amp;#10;http://digitalbush.com/projects/masked-input-plugin"&gt;Masked Input Plugin&lt;/a&gt;&lt;br&gt; A masked input plugin for the jQuery javascript library. It allows a user to more easily enter fixed width input where you would like them to enter the data in a certain format (dates,phone numbers, etc). It has been tested on Internet Explorer 6/7, Firefox 1.5/2, Safari, and Opera.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://digitalbush.com/projects/masked-input-plugin" title="blocked::http://digitalbush.com/projects/masked-input-plugin&amp;#10;http://digitalbush.com/projects/masked-input-plugin"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=400 height=270 id="_x0000_i1046" src="cid:image022.jpg@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://digitalbush.com/projects/masked-input-plugin" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://creativepony.com/journal/scripts/sliding-tabs/" title="blocked::http://creativepony.com/journal/scripts/sliding-tabs/&amp;#10;http://creativepony.com/journal/scripts/sliding-tabs/"&gt;Oversized Sliding Tabs&lt;/a&gt;&lt;br&gt; Sliding Tabs is a mootools 1.11 plugin which adds a pretty neat effect. It&amp;#8217;s a clone of something seen on Panic Software&amp;#8217;s &lt;a href="http://www.panic.com/coda/" title="blocked::http://www.panic.com/coda/&amp;#10;http://www.panic.com/coda/"&gt;Coda site&lt;/a&gt;, which in turn is very heavily inspired by a widget used in the iTunes Music Store. Similar &lt;a href="http://www.ndoherty.com/demos/coda-slider/1.1.1/" title="blocked::http://www.ndoherty.com/demos/coda-slider/1.1.1/&amp;#10;http://www.ndoherty.com/demos/coda-slider/1.1.1/"&gt;jQuery solution&lt;/a&gt;.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://creativepony.com/journal/scripts/sliding-tabs/" title="blocked::http://creativepony.com/journal/scripts/sliding-tabs/&amp;#10;http://creativepony.com/journal/scripts/sliding-tabs/"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=400 height=345 id="_x0000_i1047" src="cid:image023.jpg@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://creativepony.com/journal/scripts/sliding-tabs/" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://widowmaker.kiev.ua/checkbox/" title="blocked::http://widowmaker.kiev.ua/checkbox/&amp;#10;http://widowmaker.kiev.ua/checkbox/"&gt;Custom Checkbox with jQuery&lt;/a&gt;&lt;br&gt; This script provides you with the ability to customize the design of checkboxes in your web forms. You can use the default skin and the Safari skin which are provided with the package.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://widowmaker.kiev.ua/checkbox/" title="blocked::http://widowmaker.kiev.ua/checkbox/&amp;#10;http://widowmaker.kiev.ua/checkbox/"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=385 height=169 id="_x0000_i1048" src="cid:image024.jpg@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://widowmaker.kiev.ua/checkbox/" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://nicedit.com/" title="blocked::http://nicedit.com/&amp;#10;http://nicedit.com/"&gt;NicEdit&lt;/a&gt;&lt;br&gt; NicEdit is a Javascript/AJAX inline content editor to allow easy editing of web site content on the fly in the browser. It integrates into any site in seconds to make any element/div editable or convert standard textareas to rich text editing. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://nicedit.com/" title="blocked::http://nicedit.com/&amp;#10;http://nicedit.com/"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=400 height=112 id="_x0000_i1049" src="cid:image025.gif@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://nicedit.com/" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://www.ajaxim.com/" title="blocked::http://www.ajaxim.com/&amp;#10;http://www.ajaxim.com/"&gt;AJAX Instant Messenger&lt;/a&gt;&lt;br&gt; is a browser-based instant messaging client. It uses &lt;st1:City w:st="on"&gt;&lt;st1:place  w:st="on"&gt;AJAX&lt;/st1:place&gt;&lt;/st1:City&gt; to create a near real-time IM environment that can be used in conjunction with community, intranet, and social websites. No refreshing of the page is ever needed for this &amp;quot;web application&amp;quot; to work, as everything is updated in real-time via JavaScript.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://www.ajaxim.com/" title="blocked::http://www.ajaxim.com/&amp;#10;http://www.ajaxim.com/"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=243 height=183 id="_x0000_i1050" src="cid:image026.gif@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://www.ajaxim.com/" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://woork.blogspot.com/2008/01/mootools-animated-sidebar-menu.html" title="blocked::http://woork.blogspot.com/2008/01/mootools-animated-sidebar-menu.html&amp;#10;http://woork.blogspot.com/2008/01/mootools-animated-sidebar-menu.html"&gt;Mootools animated sidebar menu&lt;/a&gt;&lt;br&gt; This tutorial explains how to implement an animated menu using mootools. You can see how it works directly from mootools site.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://woork.blogspot.com/2008/01/mootools-animated-sidebar-menu.html" title="blocked::http://woork.blogspot.com/2008/01/mootools-animated-sidebar-menu.html&amp;#10;http://woork.blogspot.com/2008/01/mootools-animated-sidebar-menu.html"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=400 height=116 id="_x0000_i1051" src="cid:image027.jpg@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://woork.blogspot.com/2008/01/mootools-animated-sidebar-menu.html" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://www.livevalidation.com/" title="blocked::http://www.livevalidation.com/&amp;#10;http://www.livevalidation.com/"&gt;LiveValidation&lt;/a&gt;&lt;br&gt; LiveValidation is a small open source javascript library built for giving users real-time validation information as they fill out forms. Not only that, but it serves as a sophisticated validation library for any validations you need to make elsewhere in your javascript, it is not just limited to form fields.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://www.livevalidation.com" title="blocked::http://www.livevalidation.com/&amp;#10;http://www.livevalidation.com"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=400 height=195 id="_x0000_i1052" src="cid:image028.gif@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://www.livevalidation.com/" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://www.askthecssguy.com/2007/08/creating_a_table_with_dynamica.html" title="blocked::http://www.askthecssguy.com/2007/08/creating_a_table_with_dynamica.html&amp;#10;http://www.askthecssguy.com/2007/08/creating_a_table_with_dynamica.html"&gt;Creating a table with dynamically highlighted columns&lt;/a&gt;&lt;br&gt; There is a number of impressive things happening within this small area. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://www.askthecssguy.com/2007/08/creating_a_table_with_dynamica.html" title="blocked::http://www.askthecssguy.com/2007/08/creating_a_table_with_dynamica.html&amp;#10;http://www.askthecssguy.com/2007/08/creating_a_table_with_dynamica.html"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=400 height=298 id="_x0000_i1053" src="cid:image029.gif@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://www.askthecssguy.com/2007/08/creating_a_table_with_dynamica.html" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://cssglobe.com/lab/tablecloth/" title="blocked::http://cssglobe.com/lab/tablecloth/&amp;#10;http://cssglobe..com/lab/tablecloth/"&gt;Tablecloth&lt;/a&gt;&lt;br&gt; Tablecloth is lightweight, easy to use, unobtrusive way to add style and behaviour to your html table elements. By simply adding 2 lines of code to your html page you will have styled and active tables that your visitors will love :) Try to mouseover or click on a table below.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://cssglobe.com/lab/tablecloth/" title="blocked::http://cssglobe.com/lab/tablecloth/&amp;#10;http://cssglobe..com/lab/tablecloth/"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=400 height=250 id="_x0000_i1054" src="cid:image030.gif@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://cssglobe.com/lab/tablecloth/" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://www.frequency-decoder.com/2007/11/15/unobtrusive-table-actions-script" title="blocked::http://www.frequency-decoder.com/2007/11/15/unobtrusive-table-actions-script&amp;#10;http://www.frequency-decoder.com/2007/11/15/unobtrusive-table-actions-script"&gt;Unobtrusive Table Actions Script&lt;/a&gt;&lt;br&gt; An attempt at writing an unobtrusive (and fast) script that adds commonly required &amp;quot;actions&amp;quot; to data tables. Can Zebra stripe the table. And supports row hover, column hover and cell hover effects&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://www.frequency-decoder.com/2007/11/15/unobtrusive-table-actions-script" title="blocked::http://www.frequency-decoder.com/2007/11/15/unobtrusive-table-actions-script&amp;#10;http://www.frequency-decoder.com/2007/11/15/unobtrusive-table-actions-script"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=401 height=264 id="_x0000_i1055" src="cid:image031.gif@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://www.frequency-decoder.com/2007/11/15/unobtrusive-table-actions-script" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://lipidity.com/fancy-form/" title="blocked::http://lipidity.com/fancy-form/&amp;#10;http://lipidity.com/fancy-form/"&gt;FancyForm&lt;/a&gt;&lt;br&gt; FancyForm is a powerful checkbox replacement script used to provide the ultimate flexibility in changing the appearance and function of HTML form elements. It&amp;#8217;s easy to use and degrades gracefully on all older, non-supporting browsers.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://lipidity.com/fancy-form/" title="blocked::http://lipidity.com/fancy-form/&amp;#10;http://lipidity.com/fancy-form/"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=400 height=252 id="_x0000_i1056" src="cid:image032.gif@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://lipidity.com/fancy-form/" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://www.nickstakenburg.com/projects/starbox/" title="blocked::http://www.nickstakenburg.com/projects/starbox/&amp;#10;http://www.nickstakenburg.com/projects/starbox/"&gt;Starbox&lt;/a&gt;&lt;br&gt; Starbox allows you to easily create all kinds of rating boxes using just one PNG image. The library is build on top of the Prototype javascript framework. For some extra effects you can add Scriptaculous as well. Check the demos below to see what Starbox is all about and read on for more information on how to customize your own Starboxes.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://www.nickstakenburg.com/projects/starbox/" title="blocked::http://www.nickstakenburg.com/projects/starbox/&amp;#10;http://www.nickstakenburg.com/projects/starbox/"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=400 height=219 id="_x0000_i1057" src="cid:image033.gif@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://www.nickstakenburg.com/projects/starbox/" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://cssglobe.com/post/1202/searchfield-unobtrusive-search-field-solution" title="blocked::http://cssglobe.com/post/1202/searchfield-unobtrusive-search-field-solution&amp;#10;http://cssglobe.com/post/1202/searchfield-unobtrusive-search-field-solution"&gt;Style Your Website&amp;#8217;s Search Field with JS/CSS&lt;/a&gt;&lt;br&gt; Continuing to provide unobtrusive solutions, CSSG is happy to present SearchField. It serves as a way to style your search field and add behavior without any additional JavaScript or modifications in your markup. It features plug &amp;amp; play onfocus and onblur behaviors and auto suggestion like you&amp;#8217;ve never seen before.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://cssglobe.com/post/1202/searchfield-unobtrusive-search-field-solution" title="blocked::http://cssglobe.com/post/1202/searchfield-unobtrusive-search-field-solution&amp;#10;http://cssglobe.com/post/1202/searchfield-unobtrusive-search-field-solution"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=400 height=268 id="_x0000_i1058" src="cid:image034.jpg@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://cssglobe.com/post/1202/searchfield-unobtrusive-search-field-solution" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://ajaxorized.com/introducing-the-sliding-date-picker/" title="blocked::http://ajaxorized.com/introducing-the-sliding-date-picker/&amp;#10;http://ajaxorized.com/introducing-the-sliding-date-picker/"&gt;The sliding Date-Picker&lt;/a&gt;&lt;br&gt; Due to the development of Qash.nl, a Dutch personal finance website full of cool javascript features, it&amp;#8217;s somewhat quiet around here. But to keep you satisfied, we present the sliding date-picker. This element enables you to pick dates with a simple slider bar. By dragging the bar over the time-line, the dates change instantly. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://ajaxorized.com/introducing-the-sliding-date-picker/" title="blocked::http://ajaxorized.com/introducing-the-sliding-date-picker/&amp;#10;http://ajaxorized.com/introducing-the-sliding-date-picker/"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=400 height=136 id="_x0000_i1059" src="cid:image035.gif@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://ajaxorized.com/introducing-the-sliding-date-picker/" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://www.prototype-ui.com/" title="blocked::http://www.prototype-ui.com/&amp;#10;http://www.prototype-ui.com/"&gt;Carousel&lt;/a&gt;&lt;br&gt; Prototype UI. Carousel are great to display a large set of data like images. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://www.prototype-ui.com/" title="blocked::http://www.prototype-ui.com/&amp;#10;http://www.prototype-ui.com/"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=400 height=245 id="_x0000_i1060" src="cid:image036.jpg@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://www.prototype-ui.com/" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://minishowcase.frwrd.net/" title="blocked::http://minishowcase.frwrd.net/&amp;#10;http://minishowcase.frwrd.net/"&gt;minishowcase&lt;/a&gt;&lt;br&gt; minishowcase is a small and simple php/javascript online photo gallery, powered by &lt;st1:City w:st="on"&gt;&lt;st1:place w:st="on"&gt;AJAX&lt;/st1:place&gt;&lt;/st1:City&gt; that allows you to easily show your images online, without complex databases or coding, allowing to have an up-and-running gallery in a few minutes.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://minishowcase.frwrd.net/" title="blocked::http://minishowcase.frwrd.net/&amp;#10;http://minishowcase.frwrd.net/"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=399 height=291 id="_x0000_i1061" src="cid:image037.jpg@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://minishowcase.frwrd.net/" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://simile.mit.edu/timeline/" title="blocked::http://simile.mit.edu/timeline/&amp;#10;http://simile.mit.edu/timeline/"&gt;Timeline&lt;/a&gt;&lt;br&gt; Timeline is a DHTML-based AJAXy widget for visualizing time-based events. It is like Google Maps for time-based information. Below is a live example that you can play with. Pan the timeline by dragging it horizontally.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://simile.mit.edu/timeline/" title="blocked::http://simile.mit.edu/timeline/&amp;#10;http://simile.mit.edu/timeline/"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=400 height=209 id="_x0000_i1062" src="cid:image038.gif@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://simile.mit.edu/timeline/" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://icant.co.uk/sandbox/ajax-code-display/" title="blocked::http://icant.co.uk/sandbox/ajax-code-display/&amp;#10;http://icant.co.uk/sandbox/ajax-code-display/"&gt;Displaying source code with Ajax&lt;/a&gt;&lt;br&gt; The script fires off an &lt;st1:City w:st="on"&gt;&lt;st1:place w:st="on"&gt;Ajax&lt;/st1:place&gt;&lt;/st1:City&gt; request, gets the document the link points to, replaces the special characters and adds line numbers.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://icant.co.uk/sandbox/ajax-code-display/" title="blocked::http://icant.co.uk/sandbox/ajax-code-display/&amp;#10;http://icant.co.uk/sandbox/ajax-code-display/"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=400 height=258 id="_x0000_i1063" src="cid:image039.gif@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://icant.co.uk/sandbox/ajax-code-display/" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://www.artviper.net/test/ajaxslide/" title="blocked::http://www.artviper.net/test/ajaxslide/&amp;#10;http://www.artviper.net/test/ajaxslide/"&gt;mooSlideBox 3&lt;/a&gt;&lt;br&gt; The mooSlideBox v3 is a small and slim &lt;st1:City w:st="on"&gt;&lt;st1:place w:st="on"&gt;ajax&lt;/st1:place&gt;&lt;/st1:City&gt; based extension or replacement of the common &amp;quot;lightbox&amp;quot; that can be found on nearly every page. This lightbox clone works in IE 6/7, Opera and Firefox.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://www.artviper.net/test/ajaxslide/" title="blocked::http://www.artviper.net/test/ajaxslide/&amp;#10;http://www.artviper.net/test/ajaxslide/"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=400 height=146 id="_x0000_i1064" src="cid:image040.gif@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://www.artviper.net/test/ajaxslide/" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://www.reindel.com/accessible_news_slider" title="blocked::http://www.reindel.com/accessible_news_slider&amp;#10;http://www.reindel.com/accessible_news_slider"&gt;Accessible News Slider&lt;/a&gt;&lt;br&gt; Accessible News Slider is a JavaScript plugin built for the jQuery library. It meets the accessibility requirements as outlined by WCAG 1.0.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://www.reindel.com/accessible_news_slider" title="blocked::http://www.reindel.com/accessible_news_slider&amp;#10;http://www.reindel.com/accessible_news_slider"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=398 height=128 id="_x0000_i1065" src="cid:image041.gif@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://www.reindel.com/accessible_news_slider" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://www.bram.us/projects/js_bramus/jsprogressbarhandler/" title="blocked::http://www.bram.us/projects/js_bramus/jsprogressbarhandler/&amp;#10;http://www.bram.us/projects/js_bramus/jsprogressbarhandler/"&gt;jsProgressBarHandler&lt;/a&gt; (Dynamic Unobtrusive Javascript Progress/Percentage Bar)&lt;br&gt; jsProgressBarHandler is a Javascript based Percentage Bar / Progress Bar, inspired upon JS-code by WebAppers and CSS-code by Bare Naked App. Next to a structural rewrite of the WebAppers code, this javascript progress bar can easily be extended and tweaked just by setting a few parameters.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://www.bram.us/projects/js_bramus/jsprogressbarhandler/" title="blocked::http://www.bram.us/projects/js_bramus/jsprogressbarhandler/&amp;#10;http://www.bram.us/projects/js_bramus/jsprogressbarhandler/"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=400 height=363 id="_x0000_i1066" src="cid:image042.gif@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://www.bram.us/projects/js_bramus/jsprogressbarhandler/" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://mattberseth.com/blog/2008/01/cnn_style_scrolling_ticker_wit.html" title="blocked::http://mattberseth.com/blog/2008/01/cnn_style_scrolling_ticker_wit.html&amp;#10;http://mattberseth.com/blog/2008/01/cnn_style_scrolling_ticker_wit.html"&gt;CNN Style Scrolling Ticker with the Marquee Toolkit Control&lt;/a&gt;&lt;br&gt; Besides scrolling the items from right to left, the liScroll plugin supports two additional features&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://mattberseth.com/blog/2008/01/cnn_style_scrolling_ticker_wit.html" title="blocked::http://mattberseth.com/blog/2008/01/cnn_style_scrolling_ticker_wit.html&amp;#10;http://mattberseth.com/blog/2008/01/cnn_style_scrolling_ticker_wit.html"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=400 height=136 id="_x0000_i1067" src="cid:image043.gif@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://mattberseth.com/blog/2008/01/cnn_style_scrolling_ticker_wit.html" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://www.artviper.net/moosocialize.php" title="blocked::http://www.artviper.net/moosocialize.php&amp;#10;http://www..artviper.net/moosocialize.php"&gt;mooSocialize - ajax based social bookmark widget&lt;/a&gt;&lt;br&gt; Enough of having to submit interesting articles by hand to your favorite social networks and newsgroups? Then this is for you. Based on &lt;st1:City w:st="on"&gt;&lt;st1:place  w:st="on"&gt;ajax&lt;/st1:place&gt;&lt;/st1:City&gt;, this small widget allows to integrate many many bookmarks for every post on your blog, website etc. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://www.artviper.net/moosocialize.php" title="blocked::http://www.artviper.net/moosocialize.php&amp;#10;http://www..artviper.net/moosocialize.php"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=403 height=307 id="_x0000_i1068" src="cid:image044.jpg@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://www.artviper.net/moosocialize.php" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://blog.lavablast.com/post/2008/01/CheckBoxList-hover-extender.aspx" title="blocked::http://blog.lavablast.com/post/2008/01/CheckBoxList-hover-extender.aspx&amp;#10;http://blog.lavablast.com/post/2008/01/CheckBoxList-hover-extender.aspx"&gt;CheckBoxList hover extender&lt;/a&gt;&lt;br&gt; &amp;#8220;We created an AJAX Control Toolkit Extender that asynchronously calls a web service method (or a page method) to obtain the information displayed in the popup control, when the user hovers over an item.&amp;#8221;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://blog.lavablast.com/post/2008/01/CheckBoxList-hover-extender.aspx" title="blocked::http://blog.lavablast.com/post/2008/01/CheckBoxList-hover-extender.aspx&amp;#10;http://blog.lavablast.com/post/2008/01/CheckBoxList-hover-extender.aspx"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=400 height=176 id="_x0000_i1069" src="cid:image045.jpg@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://blog.lavablast.com/post/2008/01/CheckBoxList-hover-extender.aspx" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://parkerfox.parkerfox.railsplayground.net/cornerz/" title="blocked::http://parkerfox.parkerfox.railsplayground.net/cornerz/&amp;#10;http://parkerfox.parkerfox.railsplayground.net/cornerz/"&gt;Cornerz&lt;/a&gt;&lt;br&gt; Bullet Proof Corners plugin for jQuery using Canvas/VML&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://parkerfox.parkerfox.railsplayground.net/cornerz/" title="blocked::http://parkerfox.parkerfox.railsplayground.net/cornerz/&amp;#10;http://parkerfox.parkerfox.railsplayground.net/cornerz/"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=400 height=299 id="_x0000_i1070" src="cid:image046.gif@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://parkerfox.parkerfox.railsplayground.net/cornerz/" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://www.nickstakenburg.com/projects/lightview/" title="blocked::http://www.nickstakenburg.com/projects/lightview/&amp;#10;http://www.nickstakenburg.com/projects/lightview/"&gt;Lightview&lt;/a&gt; &lt;br&gt; Lightview was built to change the way you overlay content on a website. Works on all modern browsers&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://www.nickstakenburg.com/projects/lightview/" title="blocked::http://www.nickstakenburg.com/projects/lightview/&amp;#10;http://www.nickstakenburg.com/projects/lightview/"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=400 height=245 id="_x0000_i1071" src="cid:image047.jpg@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://www.nickstakenburg.com/projects/lightview/" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://stickmanlabs.com/lightwindow/" title="blocked::http://stickmanlabs.com/lightwindow/&amp;#10;http://stickmanlabs.com/lightwindow/"&gt;lightWindow&lt;/a&gt;&lt;br&gt; Another script you can use to integrate lightboxes and online-galleries in your web-pages. This lightweight script supports 5 different types of Media: Pages, Inline Content, Media (movies, SWF, etc), images (galleries, single), External Websites (via IFrame)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://stickmanlabs.com/lightwindow/" title="blocked::http://stickmanlabs.com/lightwindow/&amp;#10;http://stickmanlabs.com/lightwindow/"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=400 height=304 id="_x0000_i1072" src="cid:image048.jpg@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;AJAX Screenshot" title="blocked::http://stickmanlabs.com/lightwindow/" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://www.eulerian.com/en/opensource/datepicker-prototype-scriptaculous" title="blocked::http://www.eulerian.com/en/opensource/datepicker-prototype-scriptaculous&amp;#10;http://www.eulerian.com/en/opensource/datepicker-prototype-scriptaculous"&gt;DatePicker using Prototype and Scriptaculous&lt;/a&gt;&lt;br&gt; An unobtrusive and flexible date picker widget which uses Prototype and Scriptaculous libraries. &lt;a href="http://www.smileycat.com/design_elements/calendars_date_pickers/" title="blocked::http://www.smileycat.com/design_elements/calendars_date_pickers/&amp;#10;http://www.smileycat.com/design_elements/calendars_date_pickers/"&gt;52 More Calendars and Date Picker Designs&lt;/a&gt;.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://www.eulerian.com/en/opensource/datepicker-prototype-scriptaculous" title="blocked::http://www.eulerian.com/en/opensource/datepicker-prototype-scriptaculous&amp;#10;Datepicker"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=187 height=204 id="_x0000_i1073" src="cid:image049.jpg@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;Date Picker" title="blocked::http://www.eulerian.com/en/opensource/datepicker-prototype-scriptaculous" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://wildbit.com/demos/modalbox/" title="blocked::http://wildbit.com/demos/modalbox/&amp;#10;http://wildbit.com/demos/modalbox/"&gt;ModalBox&lt;/a&gt;&lt;br&gt; ModalBox is a JavaScript technique for creating modern modal dialogs or even wizards (sequences of dialogs) without using conventional pop-ups and page reloads.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://wildbit.com/demos/modalbox/" title="blocked::http://wildbit.com/demos/modalbox/&amp;#10;Modalbox"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=500 height=415 id="_x0000_i1074" src="cid:image050.jpg@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;Modalbox" title="blocked::http://wildbit.com/demos/modalbox/" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://www.stickmanlabs.com/accordion/" title="blocked::http://www.stickmanlabs.com/accordion/&amp;#10;http://www.stickmanlabs.com/accordion/"&gt;Accordion v2.0&lt;/a&gt;&lt;br&gt; A lightweight accordion that is built with &lt;a href="http://script.aculo.us/" title="blocked::http://script.aculo.us/&amp;#10;http://script.aculo.us/"&gt;Scriptaculous&lt;/a&gt;, has vertical, horizontal and nested styles and works properly in every browser.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://www.stickmanlabs.com/accordion/" title="blocked::http://www.stickmanlabs.com/accordion/&amp;#10;http://www.stickmanlabs.com/accordion/"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=400 height=183 id="_x0000_i1075" src="cid:image051.jpg@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;Ajax Script" title="blocked::http://www.stickmanlabs.com/accordion/" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://www.wait-till-i.com/index.php?p=484" title="blocked::http://www.wait-till-i.com/index.php?p=484&amp;#10;http://www.wait-till-i.com/index.php?p=484"&gt;New unobtrusive dynamic flickr badge&lt;/a&gt;&lt;br&gt; A compact Flickr-Badge for presentation of Flickr-images with a navigation option.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://www.wait-till-i.com/index.php?p=484" title="blocked::http://www.wait-till-i.com/index.php?p=484&amp;#10;http://www.wait-till-i.com/index.php?p=484"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=434 height=143 id="_x0000_i1076" src="cid:image052.jpg@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;Flickrbadge" title="blocked::http://www.wait-till-i.com/index.php?p=484" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://www.noupe.com/ajax/13-awesome-java-script-css-menu.html" title="blocked::http://www.noupe.com/ajax/13-awesome-java-script-css-menu.html&amp;#10;http://www.noupe.com/ajax/13-awesome-java-script-css-menu.html"&gt;13 Awesome Javascript CSS Menus&lt;/a&gt;&lt;br&gt; 13 &amp;#8220;fresh&amp;#8221; JavaScript+CSS-based navigation menus in a brief overview. Among other things &lt;a href="http://www.dynamicdrive.com/dynamicindex1/slashdot.htm" title="blocked::http://www.dynamicdrive.com/dynamicindex1/slashdot.htm&amp;#10;http://www.dynamicdrive.com/dynamicindex1/slashdot.htm"&gt;Slashdot Menu&lt;/a&gt; and &lt;a href="http://www.andrewsellick.com/35/sexy-sliding-javascript-side-bar-menu-using-mootools" title="blocked::http://www.andrewsellick.com/35/sexy-sliding-javascript-side-bar-menu-using-mootools&amp;#10;http://www.andrewsellick.com/35/sexy-sliding-javascript-side-bar-menu-using-mootools"&gt;Sexy Sliding Menu&lt;/a&gt; displayed below.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://www.noupe.com/ajax/13-awesome-java-script-css-menu.html" title="blocked::http://www.noupe.com/ajax/13-awesome-java-script-css-menu.html&amp;#10;http://www.noupe.com/ajax/13-awesome-java-script-css-menu.html"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=416 height=171 id="_x0000_i1077" src="cid:image053.gif@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;CSS Menu" title="blocked::http://www.noupe.com/ajax/13-awesome-java-script-css-menu.html" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=showcase&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://www.noupe.com/ajax/13-awesome-java-script-css-menu.html" title="blocked::http://www.noupe.com/ajax/13-awesome-java-script-css-menu.html&amp;#10;http://www.noupe.com/ajax/13-awesome-java-script-css-menu.html"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=416 height=173 id="_x0000_i1078" src="cid:image054.gif@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet.&amp;#10;CSS Menu" title="blocked::http://www.noupe.com/ajax/13-awesome-java-script-css-menu.html" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;h3&gt;&lt;b&gt;&lt;font size=4 face="Times New Roman"&gt;&lt;span style='font-size:13.5pt'&gt;Further &lt;st1:City w:st="on"&gt;&lt;st1:place w:st="on"&gt;Ajax&lt;/st1:place&gt;&lt;/st1:City&gt; scripts&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/h3&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://www.dayfoxdesigns.co.nr/downloads.php" title="blocked::http://www.dayfoxdesigns.co.nr/downloads.php&amp;#10;http://www.dayfoxdesigns.co.nr/downloads.php"&gt;Maillist&lt;/a&gt;&lt;br&gt; An &lt;st1:City w:st="on"&gt;&lt;st1:place w:st="on"&gt;AJAX&lt;/st1:place&gt;&lt;/st1:City&gt; addon for your site, a Mail list. An email address can be submitted without having to reload the whole page.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://www.labsmedia.com/clickheat/index.html" title="blocked::http://www.labsmedia.com/clickheat/index.html&amp;#10;http://www.labsmedia.com/clickheat/index.html"&gt;ClickHeat&lt;/a&gt;&lt;br&gt; ClickHeat is an Ajax-powered visual heatmap of clicks on a page, showing hot and cold click zones. You can also use the heatmap generator outside ClickHeat for your own applications, using PHP and GD library.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://www.prototype-ui.com/" title="blocked::http://www.prototype-ui.com/&amp;#10;http://www.prototype-ui.com/"&gt;Prototype UI&lt;/a&gt;&lt;br&gt; Prototype UI is an open-source configurable Modal Window system. The library allows you to add a window or a dialogue. Windows can have a shadow and be scannable; modal mode is available, and there is a window manager for Web OS behavior.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://aka-fotos.de/protoload/" title="blocked::http://aka-fotos.de/protoload/&amp;#10;http://aka-fotos.de/protoload/"&gt;Protoload makes it easy to show the User what is going on.&lt;/a&gt;&lt;br&gt; Imagine a complex Rich Internet Application using different hidden requests and processes working side by side. Protoload makes it easy to show the User what is going on.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://icant.co.uk/sandbox/stepbystep/index.html" title="blocked::http://icant.co.uk/sandbox/stepbystep/index.html&amp;#10;http://icant.co.uk/sandbox/stepbystep/index.html"&gt;Step by Step - Show and explain visitors what your page has for them&lt;/a&gt;&lt;br&gt; You might have encountered interactive demos created with screencasting and screengrabbing software that explain an interface to users in a step-by-step manner. This is exactly what this script does for web sites.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://dev.justinmaier.com/fontSize/" title="blocked::http://dev.justinmaier.com/fontSize/&amp;#10;http://dev.justinmaier.com/fontSize/"&gt;FontSize slider&lt;/a&gt;&lt;br&gt; Enables visitors to define the font-size of the page.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://famspam.com/facebox" title="blocked::http://famspam.com/facebox&amp;#10;http://famspam.com/facebox"&gt;Facebox&lt;/a&gt;&lt;br&gt; Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages. It&amp;#8217;s simple to use and easy on the eyes. Download the tarball, view the examples, then start enjoying the curves.&amp;#8221;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;h3&gt;&lt;b&gt;&lt;font size=4 face="Times New Roman"&gt;&lt;span style='font-size:13.5pt'&gt;Resources&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/h3&gt;  &lt;ul type=disc&gt;  &lt;li class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;      mso-list:l1 level1 lfo2'&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span      style='font-size:12.0pt'&gt;&lt;a href="http://www.ajaxrain.com/library.php"      title="blocked::http://www.ajaxrain.com/library.php&amp;#10;http://www.ajaxrain.com/library.php"&gt;Ajax      Rain&lt;/a&gt; is a growing collection of &lt;st1:City w:st="on"&gt;&lt;st1:place w:st="on"&gt;Ajax&lt;/st1:place&gt;&lt;/st1:City&gt;      / Javascript / DHTML examples and demos you can download for free. The      site currently offers over 1000 examples. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/li&gt;  &lt;li class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;      mso-list:l1 level1 lfo2'&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span      style='font-size:12.0pt'&gt;&lt;a      href="http://www.cult-f.net/2008/02/25/14-cool-mootools-scripts/"      title="blocked::http://www.cult-f.net/2008/02/25/14-cool-mootools-scripts/&amp;#10;http://www.cult-f.net/2008/02/25/14-cool-mootools-scripts/"&gt;14      Cool Mootools Scripts&lt;/a&gt; lists useful Ajax-scripts for the Mootools      library. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/li&gt;  &lt;li class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;      mso-list:l1 level1 lfo2'&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span      style='font-size:12.0pt'&gt;&lt;a      href="http://www.noupe.com/ajax/45-fresh-out-of-the-oven-jquery-plugins..html"      title="blocked::http://www.noupe.com/ajax/45-fresh-out-of-the-oven-jquery-plugins.html&amp;#10;http://www.noupe.com/ajax/45-fresh-out-of-the-oven-jquery-plugins.html"&gt;45      Fresh jQuery Plugins&lt;/a&gt; offers a growing list of references for jQuery      plugins and solutions. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/li&gt; &lt;/ul&gt;  &lt;!-- google_ad_section_end --&gt;  &lt;p class=MsoNormal&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;a href="http://feeds.feedburner.com/~f/SmashingMagazine?a=msselyG" title="blocked::http://feeds.feedburner.com/~f/SmashingMagazine?a=msselyG&amp;#10;http://feeds.feedburner.com/~f/SmashingMagazine?a=msselyG"&gt;&lt;span style='text-decoration:none'&gt;&lt;img border=0 width=317 height=24 id="_x0000_i1084" src="cid:image060.gif@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet." title="blocked::http://feeds.feedburner.com/~f/SmashingMagazine?a=msselyG" NOSEND=1&gt;&lt;/span&gt;&lt;/a&gt;&lt;/IMG  title=blocked::http://feeds.feedburner.com/~f/SmashingMagazine?a=msselyG&gt;&lt;img border=0 width=1 height=1 id="_x0000_i1087" src="cid:image055.gif@01C89FCC.E57405B0" alt="Right-click here to download pictures. To help protect your privacy, Outlook prevented automatic download of this picture from the Internet." NOSEND=1&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;span style='display:none'&gt;&lt;INPUT TYPE="hidden" VALUE="4745223049" id=NGInboxHiddenPostID&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;font size=2 color=black face=Tahoma&gt;&lt;span style='font-size:11.0pt;font-family:Tahoma;color:black'&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal&gt;&lt;font size=2 color=black face=Tahoma&gt;&lt;span style='font-size: 11.0pt;font-family:Tahoma;color:black'&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal&gt;&lt;font size=2 face=Tahoma&gt;&lt;span style='font-size:11.0pt; font-family:Tahoma'&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;/div&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7077916820014691913-6666257799102396388?l=teambeta-22by7.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://teambeta-22by7.blogspot.com/feeds/6666257799102396388/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7077916820014691913&amp;postID=6666257799102396388' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7077916820014691913/posts/default/6666257799102396388'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7077916820014691913/posts/default/6666257799102396388'/><link rel='alternate' type='text/html' href='http://teambeta-22by7.blogspot.com/2008/04/60-more-ajax-and-javascript-solutions.html' title='60 More AJAX- and Javascript Solutions For Professional Coding'/><author><name>Chiron Iyer</name><uri>http://www.blogger.com/profile/01142256405013096816</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_TcSA0Tg8DuU/R70n08Q2l7I/AAAAAAAAAKk/21LZ-QRYGVY/S220/santhosh.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7077916820014691913.post-6757264267146432514</id><published>2008-03-19T00:04:00.001-07:00</published><updated>2008-03-19T00:04:41.899-07:00</updated><title type='text'>Creating Reports with SQL Reporting Service and Visual Studio .NET</title><content type='html'>&lt;img src="cid:image001.jpg@01C889BD.8A0CAD50" v:src="cid:image001.jpg@01C889BD.8A0CAD50" v:shapes="_x0000_Mail" width=0 height=0 class=shape style='display:none;width:0;height:0'&gt;  &lt;div class=Section1&gt;  &lt;p&gt;&lt;font size=2 color=black face=Verdana&gt;&lt;span style='font-size:10.0pt'&gt;Reporting service is basically a reporting server that uses SQL server as its backend database. All reports are deployed on the reporting server and from there, you can access any reports provided you have the correct permissions to access them. The basic idea is to have a single location where all reports are deployed, thereby providing a single point of access. This creates a very flexible environment to deploy your reports over the enterprise. The idea is very similar to Crystal Reports Enterprise Reporting.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=2 color=black face=Verdana&gt;&lt;span style='font-size:10.0pt'&gt;I came across a very nice link that helped me understand how to create a report using Sql Reporting services and also accessing them through an ASP.Net application. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=2 color=black face=Verdana&gt;&lt;span style='font-size:10.0pt'&gt;Please visit this link: &amp;nbsp;&lt;a href="http://www.codeproject.com/KB/reporting-services/AHCreatRepsAspNet.aspx"&gt;http://www.codeproject.com/KB/reporting-services/AHCreatRepsAspNet.aspx&lt;/a&gt; to know more about it.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=2 color=black face=Verdana&gt;&lt;span style='font-size:10.0pt'&gt;Please note that this article is not authored by me. I am only sharing it. All rights lie with the author of the article and also the solutions mentioned therein.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=2 color=black face=Verdana&gt;&lt;span lang=EN-US style='font-size: 10.0pt'&gt;Regards,&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/font&gt;&lt;/p&gt;  &lt;div&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'&gt;&lt;font size=2 color=black face="Copperplate Gothic Bold"&gt;&lt;span lang=EN-US style='font-size:10.0pt;font-family:"Copperplate Gothic Bold";color:black'&gt;Chiron Iyer&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;/div&gt;  &lt;/div&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7077916820014691913-6757264267146432514?l=teambeta-22by7.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://teambeta-22by7.blogspot.com/feeds/6757264267146432514/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7077916820014691913&amp;postID=6757264267146432514' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7077916820014691913/posts/default/6757264267146432514'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7077916820014691913/posts/default/6757264267146432514'/><link rel='alternate' type='text/html' href='http://teambeta-22by7.blogspot.com/2008/03/creating-reports-with-sql-reporting.html' title='Creating Reports with SQL Reporting Service and Visual Studio .NET'/><author><name>Chiron Iyer</name><uri>http://www.blogger.com/profile/01142256405013096816</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_TcSA0Tg8DuU/R70n08Q2l7I/AAAAAAAAAKk/21LZ-QRYGVY/S220/santhosh.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7077916820014691913.post-6273591711491082992</id><published>2008-03-12T01:08:00.000-07:00</published><updated>2008-03-12T01:09:18.033-07:00</updated><title type='text'>Display data with .NET's ListView control</title><content type='html'>&lt;img src="cid:image001.jpg@01C88446.63289400" v:src="cid:image001.jpg@01C88446.63289400" v:shapes="_x0000_Mail" width=0 height=0 class=shape style='display:none;width:0;height:0'&gt;  &lt;div class=Section1&gt;  &lt;p class=MsoNormal style='margin:7.5pt;background:white'&gt;&lt;b&gt;&lt;font size=4 face=Arial&gt;&lt;span style='font-size:13.5pt;font-family:Arial;font-weight:bold'&gt;&lt;a href="http://blogs.techrepublic.com.com/programming-and-development/?p=630" title="Permanent Link: Display data with .NET&amp;#8217;s ListView control"&gt;Display data with .NET&amp;#8217;s ListView control&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:0cm;margin-right:7.5pt;margin-bottom: 0cm;margin-left:7.5pt;margin-bottom:.0001pt;text-indent:-18.0pt;line-height: 15.6pt;mso-list:l3 level1 lfo1;background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 face=Symbol&gt;&lt;span style='font-size:10.0pt;font-family:Symbol'&gt;&lt;span style='mso-list:Ignore'&gt;&amp;middot;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;strong&gt;&lt;b&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;Date&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;: March 11th, 2008 &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:0cm;margin-right:7.5pt;margin-bottom: 0cm;margin-left:7.5pt;margin-bottom:.0001pt;text-indent:-18.0pt;line-height: 15.6pt;mso-list:l3 level1 lfo1;background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 face=Symbol&gt;&lt;span style='font-size:10.0pt;font-family:Symbol'&gt;&lt;span style='mso-list:Ignore'&gt;&amp;middot;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;strong&gt;&lt;b&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;Author&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;: Tony Patton &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:0cm;margin-right:7.5pt;margin-bottom: 0cm;margin-left:7.5pt;margin-bottom:.0001pt;text-indent:-18.0pt;line-height: 15.6pt;mso-list:l3 level1 lfo1;background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 face=Symbol&gt;&lt;span style='font-size:10.0pt;font-family:Symbol'&gt;&lt;span style='mso-list:Ignore'&gt;&amp;middot;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;strong&gt;&lt;b&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;Category&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;: &lt;a href="http://blogs.techrepublic.com.com/programming-and-development/?cat=98" title="View all posts in .net"&gt;.net&lt;/a&gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:0cm;margin-right:7.5pt;margin-bottom: 0cm;margin-left:7.5pt;margin-bottom:.0001pt;text-indent:-18.0pt;line-height: 15.6pt;mso-list:l3 level1 lfo1;background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 face=Symbol&gt;&lt;span style='font-size:10.0pt;font-family:Symbol'&gt;&lt;span style='mso-list:Ignore'&gt;&amp;middot;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;strong&gt;&lt;b&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;Tags:&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt; &lt;a href="http://search.techrepublic.com.com/search/HTML.html"&gt;HTML&lt;/a&gt;, &lt;a href="http://search.techrepublic.com.com/search/Control.html"&gt;Control&lt;/a&gt;, &lt;a href="http://search.techrepublic.com.com/search/Data.html"&gt;Data&lt;/a&gt;, &lt;a href="http://search.techrepublic.com.com/search/Id.html"&gt;Id&lt;/a&gt;, &lt;a href="http://search.techrepublic.com.com/search/Title.html"&gt;Title&lt;/a&gt;, &lt;a href="http://search.techrepublic.com.com/search/ListView.html"&gt;ListView&lt;/a&gt;, &lt;a href="http://search.techrepublic.com.com/search/GridView.html"&gt;GridView&lt;/a&gt;, &lt;a href="http://search.techrepublic.com.com/search/Templates.html"&gt;Templates&lt;/a&gt;, &lt;a href="http://search.techrepublic.com.com/search/ItemTemplate.html"&gt;ItemTemplate&lt;/a&gt;, &lt;a href="http://search.techrepublic.com.com/search/LayoutTemplate.html"&gt;LayoutTemplate&lt;/a&gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:0cm;margin-right:7.5pt;margin-bottom: 0cm;margin-left:7.5pt;margin-bottom:.0001pt;text-indent:-18.0pt;line-height: 15.6pt;mso-list:l3 level1 lfo1;background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 face=Symbol&gt;&lt;span style='font-size:10.0pt;font-family:Symbol'&gt;&lt;span style='mso-list:Ignore'&gt;&amp;middot;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:9.0pt;margin-right:7.5pt; margin-bottom:9.0pt;margin-left:7.5pt;line-height:15.6pt;background:white'&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;The &lt;a href="http://articles.techrepublic.com.com/5100-3513_11-6162321.html" target="_blank"&gt;GridView data control&lt;/a&gt; introduced in .NET 2.0 was an improvement over the &lt;a href="http://articles.techrepublic.com.com/5100-6228-5533726.html" target="_blank"&gt;DataGrid data control&lt;/a&gt; in .NET 1.x, but there were still drawbacks, especially with loading and paging through data. Microsoft recognized the shortcomings and addressed them with the introduction of the &lt;a href="http://articles.techrepublic.com.com/5100-22_11-5078009.html" target="_blank"&gt;ListView&amp;nbsp;control&lt;/a&gt; in .NET 3.5. With the ListView control, you can display data according to your needs.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='margin:7.5pt;background:white'&gt;&lt;b&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span style='font-size:12.5pt;font-family:Arial; color:black;font-weight:bold'&gt;Separation&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:9.0pt;margin-right:7.5pt; margin-bottom:9.0pt;margin-left:7.5pt;line-height:15.6pt;background:white'&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;Before diving into how to use the ListView control, it is worth mentioning an important distinction between the paging features in the ListView and GridView controls. The GridView control provides built-in support for paging through data; this functionality was not included in ListView. Paging support is now in its own control called DataPager, which I will discuss in next week&amp;#8217;s column.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='margin:7.5pt;background:white'&gt;&lt;b&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span style='font-size:12.5pt;font-family:Arial; color:black;font-weight:bold'&gt;Presentation&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:9.0pt;margin-right:7.5pt; margin-bottom:9.0pt;margin-left:7.5pt;line-height:15.6pt;background:white'&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;The output generated by ASP.NET data controls is often quite messy. If you look at the code generated by the GridView and &lt;a href="http://articles.techrepublic.com.com/5100-10878_11-6110782.html" target="_blank"&gt;DataList&lt;/a&gt; controls, you will encounter myriad HTML TABLE markup.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:9.0pt;margin-right:7.5pt; margin-bottom:9.0pt;margin-left:7.5pt;line-height:15.6pt;background:white'&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;A great feature of the ListView control is that you control its output via templates. The templates allow you to control every aspect of the rendering of data.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='margin:7.5pt;background:white'&gt;&lt;b&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span style='font-size:12.5pt;font-family:Arial; color:black;font-weight:bold'&gt;Templates&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:9.0pt;margin-right:7.5pt; margin-bottom:9.0pt;margin-left:7.5pt;line-height:15.6pt;background:white'&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;Templates control certain aspects&amp;nbsp;of the ListView control&amp;#8217;s&amp;nbsp;generated HTML. Templates are required with ListView; they are optional with other data controls. These templates provide complete control over the output; that is, all aspects of the ListView&amp;#8217;s generated markup are controlled via templates.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:9.0pt;margin-right:7.5pt; margin-bottom:9.0pt;margin-left:7.5pt;line-height:15.6pt;background:white'&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;The following list offers details about the numerous templates available with ListView.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:4.5pt;margin-right:7.5pt; margin-bottom:4.5pt;margin-left:7.5pt;text-indent:-18.0pt;line-height:15.6pt; mso-list:l2 level1 lfo3;background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 face=Symbol&gt;&lt;span style='font-size:10.0pt;font-family:Symbol'&gt;&lt;span style='mso-list:Ignore'&gt;&amp;middot;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;strong&gt;&lt;b&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;AlternatingItemTemplate:&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt; Defines how alternating items are displayed. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:4.5pt;margin-right:7.5pt; margin-bottom:4.5pt;margin-left:7.5pt;text-indent:-18.0pt;line-height:15.6pt; mso-list:l2 level1 lfo3;background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 face=Symbol&gt;&lt;span style='font-size:10.0pt;font-family:Symbol'&gt;&lt;span style='mso-list:Ignore'&gt;&amp;middot;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;strong&gt;&lt;b&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;EditItemTemplate:&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt; Defines the presentation for an item when it is edited. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:4.5pt;margin-right:7.5pt; margin-bottom:4.5pt;margin-left:7.5pt;text-indent:-18.0pt;line-height:15.6pt; mso-list:l2 level1 lfo3;background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 face=Symbol&gt;&lt;span style='font-size:10.0pt;font-family:Symbol'&gt;&lt;span style='mso-list:Ignore'&gt;&amp;middot;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;strong&gt;&lt;b&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;EmptyDataTemplate:&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt; Specifies the content to display for empty individual items. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:4.5pt;margin-right:7.5pt; margin-bottom:4.5pt;margin-left:7.5pt;text-indent:-18.0pt;line-height:15.6pt; mso-list:l2 level1 lfo3;background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 face=Symbol&gt;&lt;span style='font-size:10.0pt;font-family:Symbol'&gt;&lt;span style='mso-list:Ignore'&gt;&amp;middot;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;strong&gt;&lt;b&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;EmptyItemTemplate:&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt; Specifies the content to display for empty group items. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:4.5pt;margin-right:7.5pt; margin-bottom:4.5pt;margin-left:7.5pt;text-indent:-18.0pt;line-height:15.6pt; mso-list:l2 level1 lfo3;background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 face=Symbol&gt;&lt;span style='font-size:10.0pt;font-family:Symbol'&gt;&lt;span style='mso-list:Ignore'&gt;&amp;middot;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;strong&gt;&lt;b&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;GroupSeparatorTemplate:&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt; Specifies the content to display between groups. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:4.5pt;margin-right:7.5pt; margin-bottom:4.5pt;margin-left:7.5pt;text-indent:-18.0pt;line-height:15.6pt; mso-list:l2 level1 lfo3;background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 face=Symbol&gt;&lt;span style='font-size:10.0pt;font-family:Symbol'&gt;&lt;span style='mso-list:Ignore'&gt;&amp;middot;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;strong&gt;&lt;b&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;GroupTemplate:&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt; Defines the content for groups. This template is a placeholder for the data displayed for individual group items (when data is grouped). &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:4.5pt;margin-right:7.5pt; margin-bottom:4.5pt;margin-left:7.5pt;text-indent:-18.0pt;line-height:15.6pt; mso-list:l2 level1 lfo3;background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 face=Symbol&gt;&lt;span style='font-size:10.0pt;font-family:Symbol'&gt;&lt;span style='mso-list:Ignore'&gt;&amp;middot;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;strong&gt;&lt;b&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;InsertItemTemplate:&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt; Defines the presentation for a new item being inserted into the data set. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:4.5pt;margin-right:7.5pt; margin-bottom:4.5pt;margin-left:7.5pt;text-indent:-18.0pt;line-height:15.6pt; mso-list:l2 level1 lfo3;background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 face=Symbol&gt;&lt;span style='font-size:10.0pt;font-family:Symbol'&gt;&lt;span style='mso-list:Ignore'&gt;&amp;middot;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;strong&gt;&lt;b&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;ItemSeparatorTemplate:&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt; Defines the content to display between individual data items. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:4.5pt;margin-right:7.5pt; margin-bottom:4.5pt;margin-left:7.5pt;text-indent:-18.0pt;line-height:15.6pt; mso-list:l2 level1 lfo3;background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 face=Symbol&gt;&lt;span style='font-size:10.0pt;font-family:Symbol'&gt;&lt;span style='mso-list:Ignore'&gt;&amp;middot;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;strong&gt;&lt;b&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;ItemTemplate:&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt; Defines the data to display for single items. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:4.5pt;margin-right:7.5pt; margin-bottom:4.5pt;margin-left:7.5pt;text-indent:-18.0pt;line-height:15.6pt; mso-list:l2 level1 lfo3;background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 face=Symbol&gt;&lt;span style='font-size:10.0pt;font-family:Symbol'&gt;&lt;span style='mso-list:Ignore'&gt;&amp;middot;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;strong&gt;&lt;b&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;LayoutTemplate:&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt; Defines the main presentation features for the control. This root template contains placeholders that are replaced by what is defined by ItemTemplate and GroupTemplate. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:4.5pt;margin-right:7.5pt; margin-bottom:4.5pt;margin-left:7.5pt;text-indent:-18.0pt;line-height:15.6pt; mso-list:l2 level1 lfo3;background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 face=Symbol&gt;&lt;span style='font-size:10.0pt;font-family:Symbol'&gt;&lt;span style='mso-list:Ignore'&gt;&amp;middot;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;strong&gt;&lt;b&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;SelectedItemTemplate:&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt; Specifies the content to display when users select items. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:9.0pt;margin-right:7.5pt; margin-bottom:9.0pt;margin-left:7.5pt;line-height:15.6pt;background:white'&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;While the templates provide various options, there is a certain way to put them to use. A key aspect of using the templates is specifying the appearance of the data bound to the control.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='margin:7.5pt;background:white'&gt;&lt;b&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span style='font-size:12.5pt;font-family:Arial; color:black;font-weight:bold'&gt;Placeholder&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:9.0pt;margin-right:7.5pt; margin-bottom:9.0pt;margin-left:7.5pt;line-height:15.6pt;background:white'&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;A placeholder tells ASP.NET where to place the ListView control&amp;#8217;s output data when it is rendered. This may be accomplished with the &amp;lt;asp:PlaceHolder&amp;gt; control or by assigning an id value of itemPlaceHolder to a control.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:9.0pt;margin-right:7.5pt; margin-bottom:9.0pt;margin-left:7.5pt;line-height:15.6pt;background:white'&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;The examples in this article use a simple XML file as a data source. This listing displays the contents of the XML file:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;?xml version=&amp;quot;1.0&amp;quot; encoding=&amp;quot;utf-8&amp;quot; ?&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;sites&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;site id=&amp;quot;1&amp;quot; url=&amp;quot;www.techrepublic.com&amp;quot; title=&amp;quot;TechRepublic&amp;quot; /&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;site id=&amp;quot;2&amp;quot; url=&amp;quot;www.cnet.com&amp;quot; title=&amp;quot;CNET&amp;quot; /&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;/sites&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:9.0pt;margin-right:7.5pt; margin-bottom:9.0pt;margin-left:7.5pt;line-height:15.6pt;background:white'&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;An XmlDataSource control is used to access this XML file. The following ASP.NET page ties the ListView control to the XmlDataSource:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;%@ Page %&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;!DOCTYPE html PUBLIC &amp;quot;-//W3C//DTD XHTML 1.0 Transitional//EN&amp;quot; &amp;quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&amp;quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;html xmlns=&amp;quot;http://www.w3.org/1999/xhtml&amp;quot; &amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;head runat=&amp;quot;server&amp;quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;title&amp;gt;ListView Example&amp;lt;/title&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;/head&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;body&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;form id=&amp;quot;frmListViewExample&amp;quot; runat=&amp;quot;server&amp;quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;asp:ListView ID=&amp;quot;lvExample&amp;quot; runat=&amp;quot;server&amp;quot; DataSourceID=&amp;quot;XmlDataSource1&amp;quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;AlternatingItemTemplate&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;li style=&amp;quot;&amp;quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;id:&amp;lt;asp:Literal ID=&amp;quot;litID&amp;quot; runat=&amp;quot;server&amp;quot; Text='&amp;lt;%# Eval(&amp;quot;id&amp;quot;) %&amp;gt;' /&amp;gt;&amp;lt;br /&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;url:&amp;lt;asp:Literal ID=&amp;quot;litURL&amp;quot; runat=&amp;quot;server&amp;quot; Text='&amp;lt;%# Eval(&amp;quot;url&amp;quot;) %&amp;gt;' /&amp;gt;&amp;lt;br /&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;title:&amp;lt;asp:Literal ID=&amp;quot;litTitle&amp;quot; runat=&amp;quot;server&amp;quot; Text='&amp;lt;%# Eval(&amp;quot;title&amp;quot;) %&amp;gt;' /&amp;gt;&amp;lt;br /&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;/li&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;/AlternatingItemTemplate&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;LayoutTemplate&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;ul&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;asp:PlaceHolder runat=&amp;quot;server&amp;quot; ID=&amp;quot;itemPlaceholder&amp;quot;&amp;gt;&amp;lt;/asp:PlaceHolder&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;/ul&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;/LayoutTemplate&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;EmptyDataTemplate&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;No data was returned.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;/EmptyDataTemplate&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;ItemTemplate&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;li style=&amp;quot;&amp;quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;id:&amp;lt;asp:Literal ID=&amp;quot;litID&amp;quot; runat=&amp;quot;server&amp;quot; Text='&amp;lt;%# Eval(&amp;quot;id&amp;quot;) %&amp;gt;' /&amp;gt;&amp;lt;br /&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;url:&amp;lt;asp:Literal ID=&amp;quot;litURL&amp;quot; runat=&amp;quot;server&amp;quot; Text='&amp;lt;%# Eval(&amp;quot;url&amp;quot;) %&amp;gt;' /&amp;gt;&amp;lt;br /&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;title:&amp;lt;asp:Literal ID=&amp;quot;litTitle&amp;quot; runat=&amp;quot;server&amp;quot; Text='&amp;lt;%# Eval(&amp;quot;title&amp;quot;) %&amp;gt;' /&amp;gt;&amp;lt;br /&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;/li&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;/ItemTemplate&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;ItemSeparatorTemplate&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;hr&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;/ItemSeparatorTemplate&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;/asp:ListView&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;asp:XmlDataSource ID=&amp;quot;XmlDataSource1&amp;quot; runat=&amp;quot;server&amp;quot; DataFile=&amp;quot;~/sites.xml&amp;quot; /&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;/form&amp;gt;&amp;lt;/body&amp;gt;&amp;lt;/html&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:9.0pt;margin-right:7.5pt; margin-bottom:9.0pt;margin-left:7.5pt;line-height:15.6pt;background:white'&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;A few key elements of this example include the following:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:4.5pt;margin-right:7.5pt; margin-bottom:4.5pt;margin-left:7.5pt;text-indent:-18.0pt;line-height:15.6pt; mso-list:l1 level1 lfo4;background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 face=Symbol&gt;&lt;span style='font-size:10.0pt;font-family:Symbol'&gt;&lt;span style='mso-list:Ignore'&gt;&amp;middot;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;AlternatingItemTemplate and ItemTemplate display the actual data from the XML file. The templates use HTML list elements (&amp;lt;LI&amp;gt;) with Literal controls for each piece of data (id, title, and url). The Eval statements pull the specific data fields from the data source. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:4.5pt;margin-right:7.5pt; margin-bottom:4.5pt;margin-left:7.5pt;text-indent:-18.0pt;line-height:15.6pt; mso-list:l1 level1 lfo4;background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 face=Symbol&gt;&lt;span style='font-size:10.0pt;font-family:Symbol'&gt;&lt;span style='mso-list:Ignore'&gt;&amp;middot;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;LayoutTemplate defines the overall appearance of the ListView control&amp;#8217;s output, as well as an unordered list for the output. The PlaceHolder control appears within the unordered list, but it will not appear in the output. The PlaceHolder control defines where the output data will appear &amp;#8212; it is placeholder content rendered via ItemTemplate and AlternatingItemTemplate. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:4.5pt;margin-right:7.5pt; margin-bottom:4.5pt;margin-left:7.5pt;text-indent:-18.0pt;line-height:15.6pt; mso-list:l1 level1 lfo4;background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 face=Symbol&gt;&lt;span style='font-size:10.0pt;font-family:Symbol'&gt;&lt;span style='mso-list:Ignore'&gt;&amp;middot;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;ItemSeparatorTemplate displays a line between data items. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:4.5pt;margin-right:7.5pt; margin-bottom:4.5pt;margin-left:7.5pt;text-indent:-18.0pt;line-height:15.6pt; mso-list:l1 level1 lfo4;background:white'&gt;&lt;![if !supportLists]&gt;&lt;font size=2 face=Symbol&gt;&lt;span style='font-size:10.0pt;font-family:Symbol'&gt;&lt;span style='mso-list:Ignore'&gt;&amp;middot;&lt;font size=1 face="Times New Roman"&gt;&lt;span style='font:7.0pt "Times New Roman"'&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;![endif]&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;If no data is returned, the text defined in the EmptyDataTemplate is displayed. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:9.0pt;margin-right:7.5pt; margin-bottom:9.0pt;margin-left:7.5pt;line-height:15.6pt;background:white'&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;The HTML generated for the ListView sample is a drastic change from the GridView control, where the data is automatically rendered in an HTML table.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;ul&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;li style=&amp;quot;&amp;quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;id: 1 &amp;lt;br /&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;url: www.techrepublic.com &amp;lt;br /&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;title: TechRepublic&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;/li&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;hr&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;li style=&amp;quot;&amp;quot;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;id: 2&amp;lt;br /&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;url: www.cnet.com&amp;lt;br /&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;title: CNET&amp;lt;br /&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;/li&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;/ul&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:9.0pt;margin-right:7.5pt; margin-bottom:9.0pt;margin-left:7.5pt;line-height:15.6pt;background:white'&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;The alternate way to specify a data placeholder with the ListView control involves using any control and assigning it an id of itemPlaceHolder. Also, the control must have a runat property set to server. The ListView control in my previous example could have used the following syntax in its LayoutTemplate element without any change in the output.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;LayoutTemplate&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;ul&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;div id=&amp;quot;itemPlaceHolder&amp;quot; runat=&amp;quot;server&amp;quot; /&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;/ul&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;&lt;pre style='background:white'&gt;&lt;font size=3 face="Courier New"&gt;&lt;span style='font-size:11.5pt'&gt;&amp;lt;/LayoutTemplate&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/pre&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:9.0pt;margin-right:7.5pt; margin-bottom:9.0pt;margin-left:7.5pt;line-height:15.6pt;background:white'&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;The key with the placeholder elements (regardless of the syntax) is that it does not appear in the rendered output &amp;#8212; it is truly just a placeholder.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='margin:7.5pt;background:white'&gt;&lt;b&gt;&lt;font size=4 color=black face=Arial&gt;&lt;span style='font-size:12.5pt;font-family:Arial; color:black;font-weight:bold'&gt;Another option&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:9.0pt;margin-right:7.5pt; margin-bottom:9.0pt;margin-left:7.5pt;line-height:15.6pt;background:white'&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;In addition to other data controls like GridView, DataList, and &lt;a href="http://articles.techrepublic.com.com/5100-3513_11-5759187.html" target="_blank"&gt;Repeater&lt;/a&gt;, the ListView control is another option for working with data. It provides a flexible layout model and powerful built-in data features. The ListView control also offers user interaction with data when combined with the DataPager control.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:9.0pt;margin-right:7.5pt; margin-bottom:9.0pt;margin-left:7.5pt;line-height:15.6pt;background:white'&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;Do you use .NET 3.5 in your development work, or are you still working with previous versions? Do you think the ListView control meets developers&amp;#8217; data presentation needs? Share your experiences and thoughts with the Visual Studio Developer community.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:9.0pt;margin-right:7.5pt; margin-bottom:9.0pt;margin-left:7.5pt;line-height:15.6pt;background:white'&gt;&lt;em&gt;&lt;i&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;Tony Patton began his professional career as an application developer earning Java, VB, Lotus, and XML certifications to bolster his knowledge.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/i&gt;&lt;/em&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:9.0pt;margin-right:7.5pt; margin-bottom:9.0pt;margin-left:7.5pt;line-height:15.6pt;background:white'&gt;&lt;em&gt;&lt;i&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/i&gt;&lt;/em&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:9.0pt;margin-right:7.5pt; margin-bottom:9.0pt;margin-left:7.5pt;line-height:15.6pt;background:white'&gt;&lt;em&gt;&lt;i&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;Shared by Chiron Iyer&lt;/span&gt;&lt;/font&gt;&lt;/i&gt;&lt;/em&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:9.5pt;font-family:Arial'&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;/div&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7077916820014691913-6273591711491082992?l=teambeta-22by7.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://teambeta-22by7.blogspot.com/feeds/6273591711491082992/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7077916820014691913&amp;postID=6273591711491082992' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7077916820014691913/posts/default/6273591711491082992'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7077916820014691913/posts/default/6273591711491082992'/><link rel='alternate' type='text/html' href='http://teambeta-22by7.blogspot.com/2008/03/display-data-with-nets-listview-control.html' title='Display data with .NET&apos;s ListView control'/><author><name>Chiron Iyer</name><uri>http://www.blogger.com/profile/01142256405013096816</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_TcSA0Tg8DuU/R70n08Q2l7I/AAAAAAAAAKk/21LZ-QRYGVY/S220/santhosh.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7077916820014691913.post-2386590293629393475</id><published>2008-02-20T23:03:00.000-08:00</published><updated>2008-02-20T23:04:53.979-08:00</updated><title type='text'>Botnets and Phishing..</title><content type='html'>&lt;img src="cid:image001.jpg@01C87486.0689C130" v:src="cid:image001.jpg@01C87486.0689C130" v:shapes="_x0000_Mail" width=0 height=0 class=shape style='display:none;width:0;height:0'&gt;  &lt;div class=Section1&gt;  &lt;p class=MsoNormal&gt;&lt;b&gt;&lt;font size=2 color="#404040" face=Verdana&gt;&lt;span style='font-size:10.0pt;font-family:Verdana;color:#404040;font-weight:bold'&gt;BOTNETS AND PHISHING: THE FACTS&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p class=MsoNormal&gt;&lt;font size=2 color=black face=Tahoma&gt;&lt;span style='font-size: 11.0pt;font-family:Tahoma;color:black'&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='text-autospace:none'&gt;&lt;font size=2 color="#404040" face=Verdana&gt;&lt;span style='font-size:10.0pt;font-family:Verdana;color:#404040'&gt;In today&amp;#8217;s business and consumer computing space, a financially-motivated &amp;#8220;ecosystem&amp;#8221; of multiple players exists. This ecosystem&amp;#8212;complete with its own lucrative buying and selling &amp;#8220;microeconomy&amp;#8221;&amp;#8212;is fueling a rapidly growing crime wave. Recently, malicious attacks involving tens of thousands of virus-infected PCs worldwide have targeted major organizations such as Microsoft, Google, Yahoo!, the U.S. Internal Revenue Service, and &lt;st1:place w:st="on"&gt;&lt;st1:country-region w:st="on"&gt;UK&lt;/st1:country-region&gt;&lt;/st1:place&gt; online betting firm &lt;st1:Street w:st="on"&gt;&lt;st1:address w:st="on"&gt;Blue Square&lt;/st1:address&gt;&lt;/st1:Street&gt;. These computers&amp;#8212;infected via back door programs and controlled through Internet Relay Chat (IRC) commands&amp;#8212;are covertly hijacked with software bots, applications that serve as agents to surreptitiously collect information. This mass infection transforms compromised PCs into botnets, networks of machines that serve numerous fraudulent purposes. Botnets have been responsible for identity theft, spam, phishing, pay-per-click fraud, denial-of-service (DoS) attacks, and information theft. These botnet ecosystems are not due to the actions of single creators (such as virus writers seking notoriety), but rather, a network of players co-existing in an organized underground buying and selling &amp;#8220;microeconomy.&amp;#8221; As a result of phishing via botnets, businesses and consumers are adversely impacted by tremendous financial losses, identity theft, and other damages. This white paper examines the existence of and interactions within the botnet ecosystem that enables phishing&amp;#8212;a fraudulent type of spam&amp;#8212;and the ensuing damage. This paper also provides information on how businesses and consumers can best protect themselves against these attacks,&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='text-autospace:none'&gt;&lt;font size=2 color="#404040" face=Verdana&gt;&lt;span style='font-size:10.0pt;font-family:Verdana;color:#404040'&gt;as well as the benefits of implementing such actions.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='text-autospace:none'&gt;&lt;font size=2 color="#404040" face=Verdana&gt;&lt;span style='font-size:10.0pt;font-family:Verdana;color:#404040'&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='text-autospace:none'&gt;&lt;b&gt;&lt;font size=2 color="#404040" face=Verdana&gt;&lt;span style='font-size:10.0pt;font-family:Verdana;color:#404040; font-weight:bold'&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p class=MsoNormal&gt;&lt;font size=2 color=black face=Tahoma&gt;&lt;span style='font-size: 11.0pt;font-family:Tahoma;color:black'&gt;To read more please click on this link : &lt;a href="http://www.4shared.com/file/38464936/bab62669/trend_botnet_threats_and_solutions.html"&gt;http://www.4shared.com/file/38464936/bab62669/trend_botnet_threats_and_solutions.html&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal&gt;&lt;font size=2 color=black face=Tahoma&gt;&lt;span style='font-size: 11.0pt;font-family:Tahoma;color:black'&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal&gt;&lt;font size=2 color=black face=Tahoma&gt;&lt;span style='font-size: 11.0pt;font-family:Tahoma;color:black'&gt;This white paper has been released by Trend Micro. I am just sharing it to spread awareness about Botnets.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal&gt;&lt;font size=2 color=black face=Tahoma&gt;&lt;span style='font-size: 11.0pt;font-family:Tahoma;color:black'&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;div&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'&gt;&lt;font size=3 color=black face="Times New Roman"&gt;&lt;span lang=EN-US style='font-size: 12.0pt;color:black'&gt;Regards,&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'&gt;&lt;font size=2 color=black face="Copperplate Gothic Bold"&gt;&lt;span lang=EN-US style='font-size:10.0pt;font-family:"Copperplate Gothic Bold";color:black'&gt;K. Santosh Iyer&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'&gt;&lt;font size=2 color=black face="Copperplate Gothic Bold"&gt;&lt;span lang=EN-US style='font-size:10.0pt;font-family:"Copperplate Gothic Bold";color:black'&gt;Project Co-ordinator&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'&gt;&lt;font size=2 color=black face="Copperplate Gothic Bold"&gt;&lt;span lang=EN-US style='font-size:10.0pt;font-family:"Copperplate Gothic Bold";color:black'&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'&gt;&lt;b&gt;&lt;font size=2 color=black face=Papyrus&gt;&lt;span lang=EN-US style='font-size:11.0pt; font-family:Papyrus;color:black;font-weight:bold'&gt;&amp;#8220;&lt;span style='background:yellow'&gt;Live Life to the Full for U only Live Once&lt;/span&gt;&amp;#8221;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'&gt;&lt;b&gt;&lt;font size=2 color=black face=Papyrus&gt;&lt;span lang=EN-US style='font-size:11.0pt; font-family:Papyrus;color:black;font-weight:bold'&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'&gt;&lt;font size=2 color=black face="Felix Titling"&gt;&lt;span lang=EN-US style='font-size:11.0pt; font-family:"Felix Titling";color:black'&gt;Please do visit our blogS at: &lt;/span&gt;&lt;/font&gt;&lt;b&gt;&lt;u&gt;&lt;font color=blue face="Felix Titling"&gt;&lt;span lang=EN-US style='font-family:"Felix Titling"; color:blue;font-weight:bold'&gt;&lt;a href="http://22by7-eureka.blogspot.com/"&gt;http://22by7-eureka.blogspot.com&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/u&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; margin-left:144.0pt;text-indent:36.0pt'&gt;&lt;b&gt;&lt;font size=3 color=blue face="Felix Titling"&gt;&lt;span lang=EN-US style='font-size:12.0pt;font-family:"Felix Titling"; color:blue;font-weight:bold'&gt;&lt;a href="http://22by7tech.blogspot.com/"&gt;Http://22by7tech.Blogspot.com&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; margin-left:144.0pt;text-indent:36.0pt'&gt;&lt;b&gt;&lt;u&gt;&lt;font size=3 color=blue face="Felix Titling"&gt;&lt;span lang=EN-US style='font-size:12.0pt;font-family:"Felix Titling"; color:blue;font-weight:bold'&gt;http://teambeta-22by7.blogspot.com&lt;/span&gt;&lt;/font&gt;&lt;/u&gt;&lt;/b&gt;&lt;b&gt;&lt;u&gt;&lt;font size=2 color=black face=Papyrus&gt;&lt;span lang=EN-US style='font-size:11.0pt; font-family:Papyrus;color:black;font-weight:bold'&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/u&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'&gt;&lt;b&gt;&lt;font size=2 color=black face="Times New Roman"&gt;&lt;span lang=EN-US style='font-size: 10.0pt;color:black;font-weight:bold'&gt;Disclaimer&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; text-align:justify'&gt;&lt;font size=2 color=black face="Times New Roman"&gt;&lt;span lang=EN-US style='font-size:10.0pt;color:black'&gt;The information contained in, or attached to, this e-mail, contains confidential information and is intended solely for the use of the individual or entity to whom they are addressed and is subject to legal privilege. If you have received this e-mail in error you should notify the sender immediately by reply e-mail, delete the message from your system and notify your system manager. Please do not copy it for any purpose, or disclose its contents to any other person. The views or opinions presented in this e-mail are solely those of the author and do not necessarily represent those of the company. The recipient should check this e-mail and any attachments for the presence of viruses. The company accepts no liability for any damage caused, directly or indirectly, by any virus transmitted in this email&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;/div&gt;  &lt;p class=MsoNormal&gt;&lt;font size=2 face=Tahoma&gt;&lt;span style='font-size:11.0pt; font-family:Tahoma'&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;/div&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7077916820014691913-2386590293629393475?l=teambeta-22by7.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://teambeta-22by7.blogspot.com/feeds/2386590293629393475/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7077916820014691913&amp;postID=2386590293629393475' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7077916820014691913/posts/default/2386590293629393475'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7077916820014691913/posts/default/2386590293629393475'/><link rel='alternate' type='text/html' href='http://teambeta-22by7.blogspot.com/2008/02/botnets-and-phishing.html' title='Botnets and Phishing..'/><author><name>Chiron Iyer</name><uri>http://www.blogger.com/profile/01142256405013096816</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_TcSA0Tg8DuU/R70n08Q2l7I/AAAAAAAAAKk/21LZ-QRYGVY/S220/santhosh.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7077916820014691913.post-1468042554209893519</id><published>2008-02-07T23:17:00.000-08:00</published><updated>2008-02-07T23:18:32.514-08:00</updated><title type='text'>10 Free .NET Development Tools</title><content type='html'>&lt;div class=Section1&gt;  &lt;h2&gt;&lt;b&gt;&lt;font size=5 face="Times New Roman"&gt;&lt;span style='font-size:18.0pt'&gt;10 Free .NET Development Tools&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/h2&gt;  &lt;p class=MsoNormal style='margin-bottom:12.0pt'&gt;&lt;strong&gt;&lt;b&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;10 Must-Have free tools for the .NET developer &lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt;&lt;b&gt;&lt;span style='font-weight: bold'&gt;&lt;br&gt; &lt;/span&gt;&lt;/b&gt;&lt;br&gt; Well, there are a lot more than 10, but here are some of my favorite free tools that I think every .NET developer should be using. &lt;br&gt; &lt;br&gt; &lt;strong&gt;&lt;b&gt;&lt;font face="Times New Roman"&gt;1: Nant&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt; &lt;br&gt; &lt;br&gt; &lt;strong&gt;&lt;b&gt;&lt;font face="Times New Roman"&gt;What is it?&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt; &lt;br&gt; Nant is a build tool. Build &lt;i&gt;&lt;span style='font-style:italic'&gt;scripts&lt;/span&gt;&lt;/i&gt; are written that can perform tasks on your build server. Tasks are a-plenty, but typical tasks include the ability to build .NET solutions, run unit tests, copy files, make and delete directories and many more. In fact, with the ability to write custom tasks for Nant, there are plenty of possibilities. &lt;br&gt; &lt;br&gt; &lt;strong&gt;&lt;b&gt;&lt;font face="Times New Roman"&gt;Where can I find it?&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt; &lt;br&gt; Nant can be found at: &lt;a href="http://nant.sourceforge.net/"&gt;http://nant.sourceforge.net/&lt;/a&gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;  &lt;div class=MsoNormal align=center style='text-align:center'&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;  &lt;hr size=2 width="100%" align=center&gt;  &lt;/span&gt;&lt;/font&gt;&lt;/div&gt;  &lt;p class=MsoNormal&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;br&gt; &lt;strong&gt;&lt;b&gt;&lt;font face="Times New Roman"&gt;2: CruiseControl.NET&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt; &lt;br&gt; &lt;br&gt; &lt;strong&gt;&lt;b&gt;&lt;font face="Times New Roman"&gt;What is it?&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt; &lt;br&gt; CruiseControl.NET is an Automated Continuous Integration server for .NET. CruiseControl.NET will monitor your source control repository and run your build scripts at set intervals, or whenever a file is checked in. CruiseControl.NET also provides a dashboard web application to view logs and status, plus a system tray application for all developers to install. This way, everyone knows who broke the build! &lt;br&gt; &lt;br&gt; &lt;strong&gt;&lt;b&gt;&lt;font face="Times New Roman"&gt;Where can I find it?&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt; &lt;br&gt; CruiseControl.NET can be found at: &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal style='margin-bottom:12.0pt'&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;a href="http://confluence.public.thoughtworks.org/display/CCNET/Welcome+to+CruiseControl.NET"&gt;http://confluence.public.thoughtworks.org/display/CCNET/Welcome+to+CruiseControl.NET&lt;/a&gt; &lt;br&gt; &lt;br&gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;div class=MsoNormal align=center style='margin-bottom:12.0pt;text-align:center'&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;  &lt;hr size=2 width="100%" align=center&gt;  &lt;/span&gt;&lt;/font&gt;&lt;/div&gt;  &lt;p class=MsoNormal style='margin-bottom:12.0pt'&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;br&gt; &lt;strong&gt;&lt;b&gt;&lt;font face="Times New Roman"&gt;3: Nunit&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt; &lt;br&gt; &lt;br&gt; &lt;strong&gt;&lt;b&gt;&lt;font face="Times New Roman"&gt;What is it?&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt; &lt;br&gt; If you're not already unit testing your code, then you certainly should be. Nunit allows you to write unit tests in your .NET language against your code. The GUI is easy to use and gives a developer confidence to make changes to code. Nunit can be integrated into your build (Nant) so tests can be automated. &lt;br&gt; &lt;br&gt; &lt;strong&gt;&lt;b&gt;&lt;font face="Times New Roman"&gt;Where can I find it?&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt; &lt;br&gt; Nunit can be found at: &lt;a href="http://www.nunit.org/"&gt;http://www.nunit.org/&lt;/a&gt; &lt;br&gt; &lt;br&gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;div class=MsoNormal align=center style='margin-bottom:12.0pt;text-align:center'&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;  &lt;hr size=2 width="100%" align=center&gt;  &lt;/span&gt;&lt;/font&gt;&lt;/div&gt;  &lt;p class=MsoNormal style='margin-bottom:12.0pt'&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;br&gt; &lt;strong&gt;&lt;b&gt;&lt;font face="Times New Roman"&gt;4: TestDriven.NET&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt; &lt;br&gt; &lt;br&gt; &lt;strong&gt;&lt;b&gt;&lt;font face="Times New Roman"&gt;What is it?&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt; &lt;br&gt; TestDriven.NET is a free add-in for Visual Studio that piggy-backs on Nunit. It adds quick access, right mouse click functionality to run your unit tests, showing the results in the output window. You can even debug your tests from the right mouse button. &lt;br&gt; &lt;br&gt; &lt;strong&gt;&lt;b&gt;&lt;font face="Times New Roman"&gt;Where can I find it?&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt; &lt;br&gt; TestDriven.NET can be found at: &lt;a href="http://www.testdriven.net/"&gt;http://www.testdriven.net/&lt;/a&gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;div class=MsoNormal align=center style='text-align:center'&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;  &lt;hr size=2 width="100%" align=center&gt;  &lt;/span&gt;&lt;/font&gt;&lt;/div&gt;  &lt;p class=MsoNormal style='margin-bottom:12.0pt'&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;br&gt; &lt;strong&gt;&lt;b&gt;&lt;font face="Times New Roman"&gt;5: RegEx Designer.NET&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt; &lt;br&gt; &lt;br&gt; &lt;strong&gt;&lt;b&gt;&lt;font face="Times New Roman"&gt;What is it?&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt; &lt;br&gt; If you've written validation for your .NET sites, regular expressions can be a pain to get to grips with. The RegExDesigner allows you to test out your regular expressions and even generate .NET code from your regular expressions. &lt;br&gt; &lt;br&gt; &lt;strong&gt;&lt;b&gt;&lt;font face="Times New Roman"&gt;Where can I find it?&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt; &lt;br&gt; RegExDesigner.NET can be found at: &lt;a href="http://www.sellsbrothers.com/tools/#regexd"&gt;http://www.sellsbrothers.com/tools/#regexd&lt;/a&gt; &lt;br&gt; &lt;br&gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;div class=MsoNormal align=center style='margin-bottom:12.0pt;text-align:center'&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;  &lt;hr size=2 width="100%" align=center&gt;  &lt;/span&gt;&lt;/font&gt;&lt;/div&gt;  &lt;p class=MsoNormal&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;br&gt; &lt;strong&gt;&lt;b&gt;&lt;font face="Times New Roman"&gt;6: FxCop&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt; &lt;br&gt; &lt;br&gt; &lt;strong&gt;&lt;b&gt;&lt;font face="Times New Roman"&gt;What is it?&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt; &lt;br&gt; FxCop is a code analysis tool that checks your code for standards conformance. GUI and command line is available and again can be automatically run via your build script. &lt;br&gt; &lt;br&gt; &lt;strong&gt;&lt;b&gt;&lt;font face="Times New Roman"&gt;Where can I find it?&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt; &lt;br&gt; FxCop can be found at: &lt;a href="http://www.gotdotnet.com/team/fxcop/"&gt;http://www.gotdotnet.com/team/fxcop/&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;div class=MsoNormal align=center style='text-align:center'&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;  &lt;hr size=2 width="100%" align=center&gt;  &lt;/span&gt;&lt;/font&gt;&lt;/div&gt;  &lt;p class=MsoNormal style='margin-bottom:12.0pt'&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;&lt;br&gt; &lt;strong&gt;&lt;b&gt;&lt;font face="Times New Roman"&gt;7: NDoc&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt; &lt;br&gt; &lt;br&gt; &lt;strong&gt;&lt;b&gt;&lt;font face="Times New Roman"&gt;What is it?&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt; &lt;br&gt; NDoc generates class library documentation from .NET assemblies and the XML documentation files generated by the C# compiler Ndoc allows you to produce HTML or MSDN Style documentation.. Using Ndoc is as simple as filling in your .NET XML Comments. &lt;br&gt; &lt;br&gt; &lt;strong&gt;&lt;b&gt;&lt;font face="Times New Roman"&gt;Where can I find it?&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt; &lt;br&gt; Ndoc can be found at: &lt;a href="http://ndoc.sourceforge.net/"&gt;http://ndoc.sourceforge.net/&lt;/a&gt;&amp;nbsp; &lt;br&gt; &lt;br&gt; &lt;br&gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;div class=MsoNormal align=center style='text-align:center'&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;  &lt;hr size=2 width="100%" align=center&gt;  &lt;/span&gt;&lt;/font&gt;&lt;/div&gt;  &lt;p class=MsoNormal&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;br&gt; &lt;strong&gt;&lt;b&gt;&lt;font face="Times New Roman"&gt;8: NunitASP&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt;&lt;br&gt; &lt;br&gt; &lt;strong&gt;&lt;b&gt;&lt;font face="Times New Roman"&gt;What is it?&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt; &lt;br&gt; Like Nunit, NunitASP is for unit testing.But in the case of NunitASP, this is an Nunit extension that is used to test the code-behind pages o your ASP.NET applications. You can program tests to click buttons, select an array of web controls and other useful features. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&lt;br&gt; &lt;strong&gt;&lt;b&gt;&lt;font face="Times New Roman"&gt;Where can I find it?&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt; &lt;br&gt; NunitASP can be found at: &lt;a href="http://nunitasp.sourceforge.net/"&gt;http://nunitasp.sourceforge.net/&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;div class=MsoNormal align=center style='text-align:center'&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;  &lt;hr size=2 width="100%" align=center id=HR1&gt;  &lt;/span&gt;&lt;/font&gt;&lt;/div&gt;  &lt;p class=MsoNormal&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal&gt;&lt;strong&gt;&lt;b&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;9: The MONO Project&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt;&lt;br&gt; &lt;br&gt; &lt;strong&gt;&lt;b&gt;&lt;font face="Times New Roman"&gt;What is it?&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;  &lt;p class=MsoNormal&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;Mono is not just free software. The mono project attempts to make the .NET platform not only language interoperable, but platform independent. The mono website reads: &lt;em&gt;&lt;i&gt;&lt;font face="Times New Roman"&gt;Mono provides the necessary software to develop and run &lt;b&gt;&lt;span style='font-weight:bold'&gt;.NET&lt;/span&gt;&lt;/b&gt; client and server applications on &lt;b&gt;&lt;span style='font-weight:bold'&gt;Linux&lt;/span&gt;&lt;/b&gt;, &lt;b&gt;&lt;span style='font-weight:bold'&gt;Solaris&lt;/span&gt;&lt;/b&gt;, &lt;b&gt;&lt;span style='font-weight:bold'&gt;Mac&amp;nbsp;OS&amp;nbsp;X&lt;/span&gt;&lt;/b&gt;, &lt;b&gt;&lt;span style='font-weight:bold'&gt;Windows&lt;/span&gt;&lt;/b&gt;, and &lt;b&gt;&lt;span style='font-weight: bold'&gt;Unix&lt;/span&gt;&lt;/b&gt;. Sponsored by Novell, the Mono open source project has an active and enthusiastic contributing community and is positioned to become the leading choice for development of Linux applications. &lt;/font&gt;&lt;/i&gt;&lt;/em&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;Mono isn't for everyone, but if you are targeting (for example) a unix system and wanting to stay with .NET. then this is the way to go.&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal&gt;&lt;strong&gt;&lt;b&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;Where can I find it?&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt; &lt;br&gt; Mono can be found at: &lt;a href="http://www.mono-project.com/Main_Page"&gt;http://www.mono-project.com/Main_Page&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;  &lt;p class=MsoNormal&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;div class=MsoNormal align=center style='text-align:center'&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;  &lt;hr size=2 width="100%" align=center id=HR1&gt;  &lt;/span&gt;&lt;/font&gt;&lt;/div&gt;  &lt;p class=MsoNormal&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal&gt;&lt;strong&gt;&lt;b&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;10: NCover&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt;&lt;br&gt; &lt;br&gt; &lt;strong&gt;&lt;b&gt;&lt;font face="Times New Roman"&gt;What is it?&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt; &lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;  &lt;p class=MsoNormal&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;It's all very well unit testing your code, but how much of it are you really testing? NCover highlights the areas of your code that are not being tested. &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal&gt;&lt;strong&gt;&lt;b&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size:12.0pt'&gt;Where can I find it?&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;/strong&gt; &lt;br&gt; NCover can be found at: &lt;a href="http://ncover.sourceforge.net/"&gt;http://ncover.sourceforge.net/&lt;/a&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/p&gt;  &lt;p class=MsoNormal&gt;&lt;font size=3 face="Times New Roman"&gt;&lt;span style='font-size: 12.0pt'&gt;&amp;nbsp;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;p class=MsoNormal&gt;&lt;font size=2 face=Arial&gt;&lt;span style='font-size:10.0pt; font-family:Arial'&gt;&lt;o:p&gt;&amp;nbsp;&lt;/o:p&gt;&lt;/span&gt;&lt;/font&gt;&lt;/p&gt;  &lt;/div&gt;  &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7077916820014691913-1468042554209893519?l=teambeta-22by7.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://teambeta-22by7.blogspot.com/feeds/1468042554209893519/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7077916820014691913&amp;postID=1468042554209893519' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7077916820014691913/posts/default/1468042554209893519'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7077916820014691913/posts/default/1468042554209893519'/><link rel='alternate' type='text/html' href='http://teambeta-22by7.blogspot.com/2008/02/10-free-net-development-tools.html' title='10 Free .NET Development Tools'/><author><name>Chiron Iyer</name><uri>http://www.blogger.com/profile/01142256405013096816</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://bp0.blogger.com/_TcSA0Tg8DuU/R70n08Q2l7I/AAAAAAAAAKk/21LZ-QRYGVY/S220/santhosh.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7077916820014691913.post-8043048450362690533</id><published>2008-02-06T23:48:00.000-08:00</published><updated>2008-02-07T00:02:01.682-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Optimization Tips'/><title type='text'>Tips to help optimize web applications in relation to search engines</title><content type='html'>A higher search ranking is what many website owners dream of. What they don't realise is that by optimising their site for the search engines, if done correctly, they can also optimise it for their site visitors. Ultimately this means more people finding your website and increased sales and lead generation. But are search engine optimisation and usability compatible? Aren't there trade-offs that need to be made between giving search engines what they want and giving people what they want? Read on and find out (although I'm sure you can guess the answer!)...&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;1. Keyword research carried out:&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;Before you even begin building your website, you should carry out keyword research to identify which keyword phrases your site should target. Using publicly available tools such as Wordtracker &lt;a href="http://www.wordtracker.com/," target="_blank"&gt;http://www.wordtracker.com/,&lt;/a&gt; you can discover which keywords are searched for the most frequently and then specifically target those phrases.Doing keyword research is also crucial for your site's usability. By using the same keywords in your website that web users are searching for in search engines, you'll literally be speaking the same language as your site visitors.For example, you might decide to target the phrase, "sell toys", as your website does in fact sell toys. Keyword research would undoubtedly show you that web users are actually searching for, "buy toys" (think about it - have you ever searched using the word, "sell", when you want to buy something?). By placing the phrase, "buy toys" on to the pages on your website, you'll be using the same words as your site visitors and they'll be able to find what they're looking for more easily.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;2. 200 word minimum per page:&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;Quite simply, search engines love content - the more content there is on a page the easier it is for search engines to work out what the page is actually about. Search engines may struggle to work out the point of a web page with less than 200 words, ultimately penalising that page in the search rankings.In terms of usability, it's also good to avoid pages with very little content. A page with less than 200 words is unlikely to contain a large amount of information, so site visitors will undoubtedly need to click elsewhere to find more detailed information. Don't be afraid to put a reasonably large amount of information on to a page. Web users generally don't mind scrolling down anymore, and provided the page provides mechanisms to aid scanning (such as employing sub-headings - see point 6 below) it shouldn't be too difficult for site visitors to locate the information that they're after.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;3. 100kb maximum HMTL size:&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;If 200 words is the minimum page content size, then 100kb is the maximum, at least in terms of HMTL file size. Anything more than this and search engines may give up on the page as it's simply too big for them.A 100kb HMTL file will take 20 seconds to download on a 56k dial up modem, used by three in four UK web users as of March 2004 (source: &lt;a href="http://www.statistics.gov.uk/pdfdir/intc0504.pdf" target="_blank"&gt;http://www.statistics.gov.uk/pdfdir/intc0504.pdf&lt;/a&gt;). Add on the time it takes for all the other parts of the page to download, such as images and JavaScript files, and you're looking at a highly un-user-friendly download time!&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;4. CSS used for layout:&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;The website of Juicy Studios &lt;a href="http://www.juicystudio.com/" target="_blank"&gt;http://www.juicystudio.com/&lt;/a&gt; saw a six-fold increase in site visitors after switching from a table-based layout to a CSS layout. Search prefer CSS-based sites and are likely to score them higher in the search rankings because:The code is cleaner and therefore more accessible to search engines Important content can be placed at the top of the HTML document There is a greater density of content compared to coding Using CSS for layout is also highly advantageous for usability, as it leads to significantly faster download times.&lt;br /&gt;&lt;br /&gt;5. &lt;strong&gt;Meaningful page title:&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;If you know anything about search engine optimisation you'll know that search engines place more importance on the page title than any other attribute on the page. If the title adequately describes the content of that page then search engines will be able to more accurately guess what that page is about.A meaningful page title also helps site visitors work out where they are, both within the site and the web as a whole. The page title is the first thing that loads up, often quite a few seconds before the content, so a descriptive, keyword-rich page title can be a real aid to help users orientate themselves.&lt;br /&gt;&lt;br /&gt;6. &lt;strong&gt;Headings and sub-headings used:&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;Search engines assume that the text contained in heading tags is more important than the rest of the document text, as headings (in theory at least) summarise the content immediately below them. Headings are also incredibly useful for your human site visitors, as they greatly aid scanning. Generally speaking, we don't read on the web, we scan, looking for the information that we're after. By breaking up page sections with sub-headings that effectively describe the content beneath them, scanning becomes significantly easier.Do be sure not to abuse heading tags though. The more text you have contained in heading tags within the page, the less importance search engines assign to them.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;7. Opening paragraph describes page content:&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;We've already established that search engines love content, but they especially love the first 25 words or so on each page. By providing an opening paragraph that adequately describes the content of the rest of the page (or the site if it's the homepage), you should be able to include your important keyword phrases in this crucial area.As web users, whenever we arrive at a web page the first thing we need to know is whether this page has the information that we're after. A great way to find this out is to scan through the first paragraph, which, if it sufficiently describes the page content, should help us out.&lt;br /&gt;&lt;br /&gt;8. &lt;strong&gt;Descriptive Link Text&lt;/strong&gt; &lt;strong&gt;:&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;Search engines place a lot of importance on link text. They assume that link text will be descriptive of its destination and as such examine link text for all links pointing to any page. If all the links pointing to a page about widgets say 'click here', search engines can't gain any information about that page without visiting it. If on the other hand, all the links say, 'widgets' then search engines can easily guess what that page is about.One of the best examples of this in action is for the search term, 'miserable failure'. So many people have linked to George Bush's bio using this phrase as the link text, that now when miserable failure is searched for in Google, George Bush's bio appears top of the search rankings!As web users, we don't generally read web pages word-for-word - we scan them looking for the information that we're after. When you scan through text you can't take any meaning from the word 'click here'. Link text that effectively describes its destination is far easier to scan and you can understand the destination of the link without having to read its surrounding words.&lt;br /&gt;&lt;br /&gt;9. &lt;strong&gt;Frames avoided:&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;Frames are quite an old-school technique, and although aren't as commonplace as they once were, do still rear up their ugly head from time to time. Using frames is one of the worst possible things you could do for your search engine ranking, as most search engines can't follow links between frames.Even if a search engine does index your pages and web users find you through a search engine, they'll be taken to one of the pages within the frame. This page will probably be a content page with no navigation (navigation is normally contained in a separate frame) and therefore no way to navigate to any other page on the site!Frames are also disadvantageous for usability as they can cause problems with the back button, printing, history and bookmarking. Put simply, say no to frames!&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;10. Quality content provided:&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;This may seem like a strange characteristic of a search engine optimised website, but it's actually crucial. Search engines, in addition to looking at page content, look at the number of links pointing in to web pages. The more inbound links a website has, all other things being equal, the higher in the search rankings it will appear.By providing creative, unique and regularly updated content on your website, webmasters will want to link to you as doing so will add value to their site visitors. You will also be adding value to your site visitors.ConclusionOptimising your website for both search engines and people needn't be a trade-off. With this much overlap between the two areas, you should easily be able to have a website that web users can find in the search engines, and when they do find it, they can find what they're looking for quickly and efficiently.&lt;br /&gt;&lt;br /&gt;This article was written by Trenton Moss. He's crazy about web usability and accessibility - so crazy that he went and started his own web usability and accessibility consultancy ( Webcredible - &lt;a href="http://www.webcredible.co.uk/" target="_blank"&gt;http://www.webcredible.co.uk/&lt;/a&gt; ) to help make the Internet a better place for everyone.&lt;br /&gt;&lt;br /&gt;Article Source: &lt;a href="http://www.statssheet.com/articles/article25881.html"&gt;http://www.statssheet.com/articles/article25881.html&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7077916820014691913-8043048450362690533?l=teambeta-22by7.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://teambeta-22by7.blogspot.com/feeds/8043048450362690533/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7077916820014691913&amp;postID=8043048450362690533' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7077916820014691913/posts/default/8043048450362690533'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7077916820014691913/posts/default/8043048450362690533'/><link rel='alternate' type='text/html' href='http://teambeta-22by7.blogspot.com/2008/02/tips-to-help-optimize-web-applications.html' title='Tips to help optimize web applications in relation to search engines'/><author><name>TeamBeta - 22by7</name><uri>http://www.blogger.com/profile/13878295158248784394</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-7077916820014691913.post-7277648338182709616</id><published>2008-01-21T05:34:00.000-08:00</published><updated>2008-12-08T16:59:08.183-08:00</updated><title type='text'>22by7</title><content type='html'>&lt;a href="http://2.bp.blogspot.com/_EzYXX0g-QkM/R5SjPh2pHFI/AAAAAAAAAAQ/0EzSHhWyGSw/s1600-h/22by7.jpg"&gt;&lt;img id="BLOGGER_PHOTO_ID_5157926960426982482" style="FLOAT: right; MARGIN: 0px 0px 10px 10px; CURSOR: hand" alt="" src="http://2.bp.blogspot.com/_EzYXX0g-QkM/R5SjPh2pHFI/AAAAAAAAAAQ/0EzSHhWyGSw/s320/22by7.jpg" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;div&gt;22by7 is a Bangalore based innovative venture founded by experienced, talented and highly qualified group of IT professionals. &lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;22by7 's aim is to develop &amp;amp; deploy cost-efficient and tailor-made software tools which enable businesses to be managed effectively with high levels of productivity&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;22by7 also provides IT solutions to Enterprises in Infosec &amp;amp; Storage domains thus ensuring business continuity and ability to recover from unforeseen disasters quickly.&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Website: &lt;a href="http://22by7.in/"&gt;http://&lt;a href="http://www.22by7.in/"&gt;22by7.in&lt;/a&gt;&lt;/a&gt; &lt;/div&gt;&lt;div&gt;Blog: &lt;a href="http://22by7-eureka.blogspot.com/"&gt;http://22by7-eureka.blogspot.com/&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7077916820014691913-7277648338182709616?l=teambeta-22by7.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://teambeta-22by7.blogspot.com/feeds/7277648338182709616/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7077916820014691913&amp;postID=7277648338182709616' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7077916820014691913/posts/default/7277648338182709616'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7077916820014691913/posts/default/7277648338182709616'/><link rel='alternate' type='text/html' href='http://teambeta-22by7.blogspot.com/2008/01/22by7.html' title='22by7'/><author><name>TeamBeta - 22by7</name><uri>http://www.blogger.com/profile/13878295158248784394</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_EzYXX0g-QkM/R5SjPh2pHFI/AAAAAAAAAAQ/0EzSHhWyGSw/s72-c/22by7.jpg' height='72' width='72'/><thr:total>0</thr:total></entry></feed>
