<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>Jquery &#8211; Amazing Things</title>
	<atom:link href="https://www.amazingthings.in/tag/jquery/feed" rel="self" type="application/rss+xml" />
	<link>https://www.amazingthings.in</link>
	<description>Amazing Things is for Everyone. Everything which is amazing. Amazing wallpapers, entertainment, creativity, technology updates &#38; knowledge.</description>
	<lastBuildDate>Fri, 15 Dec 2017 14:21:37 +0000</lastBuildDate>
	<language>en-GB</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.5.3</generator>

<image>
	<url>https://i0.wp.com/www.amazingthings.in/wp-content/uploads/2017/12/AmazingThings.png?fit=32%2C32&#038;ssl=1</url>
	<title>Jquery &#8211; Amazing Things</title>
	<link>https://www.amazingthings.in</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">44718163</site>	<item>
		<title>8 Great Horizontal News Ticker Using Jquery and CSS3</title>
		<link>https://www.amazingthings.in/8-great-horizontal-news-ticker-using.html</link>
					<comments>https://www.amazingthings.in/8-great-horizontal-news-ticker-using.html#comments</comments>
		
		<dc:creator><![CDATA[Aakash Doshi]]></dc:creator>
		<pubDate>Thu, 23 Feb 2012 13:01:00 +0000</pubDate>
				<category><![CDATA[CSS3 and Jquery]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[Jquery plugins]]></category>
		<guid isPermaLink="false">http://www.amazingthings.in/2012/02/8-great-horizontal-news-ticker-using-jquery-and-css3-2.html</guid>

					<description><![CDATA[<p>Today we are going to have a look at different Horizontal News Ticker&#8217;s using css3 And Jquery that can be implemented straight on your blog.News ticker&#8217;s are also referred as Scrolling text or Marquee text effects.For people wondering what are they check out below they are very familiar to all of us.I have collected some of the best News [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://www.amazingthings.in/8-great-horizontal-news-ticker-using.html">8 Great Horizontal News Ticker Using Jquery and CSS3</a> appeared first on <a rel="nofollow" href="https://www.amazingthings.in">Amazing Things</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div dir="ltr" style="text-align: left;">
<div dir="ltr" style="text-align: left;">
<div dir="ltr" style="text-align: left;">
<div style="text-align: left;">
<div style="text-align: justify;"><span style="font-size: large;">Today we are going to have a look at different <a href="http://www.amazingthings.in/2012/02/8-great-horizontal-news-ticker-using.html" target="_blank" rel="noopener">Horizontal News Ticker&#8217;s using css3 And Jquery</a> that can be implemented straight on your blog.News ticker&#8217;s are also referred as Scrolling text or Marquee text effects.For people wondering what are they check out below they are very familiar to all of us.</span><span style="font-size: large;">I have collected some of the best News Tickers available with their Sources And Download Files.</span></div>
<div style="text-align: justify;"><span style="font-size: large;"><br />
</span></div>
<div style="text-align: center;">
<div style="text-align: justify;"><span style="font-size: large;">Please allow some time for the live demo&#8217;s to load completely </span><span style="font-size: large;">Google Chrome User&#8217;s Preferred</span></div>
</div>
<div style="text-align: center;">
<div style="text-align: justify;"><span style="font-size: large;"><em><br />
</em></span></div>
</div>
<p><span style="font-size: large;">1.<strong>Smooth CSS3 ticker jQuery plugin</strong> is a beautiful News ticker inherited from 24 Hour news channel.</span></p>
<ul style="text-align: left;">
<li><span style="font-size: large;">Check out the <a href="http://assanka.net/content/tech/2010/03/14/smooth-css3-ticker-jquery-plugin/" target="_blank" rel="noopener nofollow">original Tutorial</a> for different options available and an interesting story about this ticker.</span></li>
</ul>
<p><iframe width="600" height="80" src="http://www.amazingthings.in/demo/jquerycss/news.html" frameborder="0" scrolling="no"></iframe></p>
<p><del><span style="font-size: large;">2.<strong>Javascript News Ticker (outdated)</strong></span></del></p>
<p><span style="font-size: large;">3.<strong>News Ticker in 4 lines of jQuery</strong></span><br />
<span style="font-size: large;">There are a lot of different jQuery News Ticker plugins with lot of options that you can use. Do you want to learn how to create one on your own in only 4 lines od jQuery code ? </span><br />
<span style="font-size: large;">Check out the <a href="http://workshop.rs/2011/09/news-ticker-in-4-lines-of-jquery/" target="_blank" rel="noopener nofollow">original article</a> for more Demo&#8217;s and Downloads</span></p>
<div style="text-align: center;"><iframe width="520" height="70" src="http://www.amazingthings.in/demo/jquerycss/ticker3.html" frameborder="0" scrolling="no"></iframe></div>
<div style="text-align: justify;"><span style="font-size: large;">4.</span><span style="text-align: left;"><span style="font-size: large;"><strong>Featurify Marquee jQuery plugin!</strong></span></span></div>
<div style="text-align: justify;"><span style="font-size: large;">Extremely easy to use jquery plugin that allows you to create simple slider with auto playing and hover managing.</span></div>
<div style="text-align: justify;"></div>
<ul>
<li><span style="font-size: large;">My Favorite so far.</span></li>
<li><span style="font-size: large;"><span style="text-align: left;">Check out the </span><a style="text-align: left;" href="http://spreadthesource.com/sandbox/featurify/" target="_blank" rel="noopener nofollow">original article</a><span style="text-align: left;"> for more Demo&#8217;s and Download</span></span><iframe width="520" height="70" src="http://www.amazingthings.in/demo/jquerycss/ticker4.html" frameborder="0" scrolling="no"></iframe></li>
</ul>
<p><span style="font-size: large;">5.<strong>Simple Jquery Ticker using Jquery</strong></span></p>
<div style="text-align: justify;"><span style="font-size: large;">This plugin is very simple, all it does is takes an unordered list with child li’s and hide all but the first list item and then rotate each list item on a set interval of time</span></div>
<div style="text-align: justify;"><span style="font-size: large;">Check Out <a href="http://alexefish.com/post/15965696558/simple-jquery-ticker" target="_blank" rel="noopener nofollow">Original article</a></span></div>
<p><iframe loading="lazy" width="640" height="400" src="http://www.amazingthings.in/demo/jquerycss/ticker2.html" frameborder="0" scrolling="no"></iframe></p>
</div>
<div style="text-align: left;"></div>
<div style="text-align: left;"><span style="font-size: large;">6.<strong>CSS3 Marquee Ticker</strong></span></div>
<div style="text-align: justify;"><span style="font-size: large;">This one is purely done with just css3 styling, but only for Safari, Chrome and Firefox 5+ at the moment.</span></div>
<ul style="text-align: left;">
<li><span style="font-size: large;">Check out the <span style="font-family: inherit;"><a href="http://www.cssplay.co.uk/menu/css3-marquee.html" target="_blank" rel="noopener nofollow">Original article</a></span></span></li>
</ul>
<div style="text-align: left;"><iframe loading="lazy" width="600" height="80" src="http://www.amazingthings.in/demo/jquerycss/ticker5.html" frameborder="0" scrolling="no"></iframe></div>
<div style="text-align: left;"><span style="font-size: large;">7.<strong>Code Canyon Javascript Scrolling Ticker</strong></span></div>
<div style="text-align: justify;"></div>
<div style="text-align: left;"><span style="font-size: large;">A jQuery based scrolling ticker for displaying real time updates from a twitter account.</span></div>
<div style="text-align: left;"><span style="font-size: large;">Scalable width for easy integration with your specific application.</span></div>
<div style="text-align: left;"><span style="font-size: large;">Includes a sleek, low-profile default style. Easily customizable by enabling the the “tickerOnly” option.</span><br />
<span style="font-size: large;"><a href="http://codecanyon.net/item/scrolling-tweet-ticker/full_screen_preview/103951" target="_blank" rel="noopener nofollow">Live Preview</a></span></div>
<div style="clear: both; text-align: left;"><span style="font-size: large;"><img decoding="async" src="https://i0.wp.com/1.bp.blogspot.com/-KbXPq5u8K8Q/T0YqqWz49-I/AAAAAAAACVs/DQ5kKfKPqEc/s1600/Scrolling+Tweet+Ticker+-+CodeCanyon+Previewer.jpg?w=696" alt="" border="0" data-recalc-dims="1" /></span></div>
<div style="text-align: left;"><strong style="font-size: x-large;"><br />
</strong><strong><span style="font-size: large;">7.1 Jnews Ticker<br />
</span></strong><span style="font-size: large; text-align: justify;">jNewsticker is about giving you choice. Out of the box, it comes with three styles of news ticker:Fade between news items (one is displayed at a time)Continuously scroll between news items Reveal news items, one character at a time (also known as the typewriter effect)And if you understand Javascript and jQuery, you can create your own news ticker styles to sit on top of jNewsticker.</span></p>
<div style="text-align: justify;"><span style="font-size: large;"><a href="http://codecanyon.net/item/jnewsticker-jquery-news-ticker/full_screen_preview/2137525" target="_blank" rel="noopener nofollow">Live Preview</a></span></div>
<div style="clear: both; text-align: left;"><img loading="lazy" decoding="async" src="https://i0.wp.com/3.bp.blogspot.com/-ayJB_Nh90no/UCn1FIzopdI/AAAAAAAADqE/mmJfwVq9FtE/s640/screenshot2.png?resize=640%2C276" alt="" width="640" height="276" border="0" data-recalc-dims="1" /></div>
<div style="text-align: justify;"><span style="text-align: left; font-size: large;"><br />
8.</span><strong style="text-align: left; font-size: large;">Other Resources</strong></div>
</div>
<ul style="text-align: left;">
<li><span style="font-size: large;"><a href="http://www.jquerynewsticker.com/" target="_blank" rel="noopener nofollow">Jquery News Ticker</a></span></li>
<li><span style="font-size: large;"><a href="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html" target="_blank" rel="noopener nofollow">Jquery</a></span></li>
<li><span style="font-size: large;"><a href="http://www.givainc.com/labs/marquee_example.htm" target="_blank" rel="noopener nofollow">Marquee jQuery Plug-in</a></span></li>
</ul>
<div style="text-align: left;"><a  class="vc_btn vc_btn-white vc_btn-sm vc_btn_square " target="blank" href="http://www.amazingthings.in/demo/jquerycss/amazingthings%20newsticker.rar" >Download Ticker&#8217;s</a></div>
<div style="text-align: left;"></div>
<div style="text-align: left;"><span style="font-family: inherit; font-size: large; text-align: justify;">Any help or confusion regarding implementation,you can surely drop down a comment with your queries <img src="https://s.w.org/images/core/emoji/15.0.3/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span></div>
</div>
</div>
</div>
<p>The post <a rel="nofollow" href="https://www.amazingthings.in/8-great-horizontal-news-ticker-using.html">8 Great Horizontal News Ticker Using Jquery and CSS3</a> appeared first on <a rel="nofollow" href="https://www.amazingthings.in">Amazing Things</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.amazingthings.in/8-great-horizontal-news-ticker-using.html/feed</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">581</post-id>	</item>
		<item>
		<title>Mind Blowing HTML5 Jquery and Javascript Demo&#8217;s</title>
		<link>https://www.amazingthings.in/mind-blowing-html5-jquery-and.html</link>
					<comments>https://www.amazingthings.in/mind-blowing-html5-jquery-and.html#respond</comments>
		
		<dc:creator><![CDATA[Aakash Doshi]]></dc:creator>
		<pubDate>Fri, 27 Jan 2012 19:26:00 +0000</pubDate>
				<category><![CDATA[CSS3 and Jquery]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[Jquery]]></category>
		<guid isPermaLink="false">http://www.amazingthings.in/2012/01/mind-blowing-html5-jquery-and-javascript-demos-2.html</guid>

					<description><![CDATA[<p>Turn on your speaker&#8217;s&#160; A Sticky Thing HTML5 DEMO Awesome thing I have ever seen.A simple but addictive HTML5 canvas demo consisting of a Sticky Cloth with different properties like stickiness,gravity,size and stiffness as shown in&#160;picture&#160;below. You will definitely love it and spend some time by varying&#160;different&#160;options.Do check out Gravity Zero. &#160; Tomorrow Again JAVASCRIPT [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://www.amazingthings.in/mind-blowing-html5-jquery-and.html">Mind Blowing HTML5 Jquery and Javascript Demo&#8217;s</a> appeared first on <a rel="nofollow" href="https://www.amazingthings.in">Amazing Things</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div style="text-align: left;" dir="ltr">
<div style="text-align: justify;">
<div><span style="font-family: georgia, palatino; font-size: medium;"><strong>Turn on your speaker&#8217;s&nbsp;</strong></span></div>
<p><span style="font-family: georgia, palatino; font-size: medium;"><strong><a href="http://www.spielzeugz.de/html5/sticky-thing/" target="_blank" rel="nofollow">A Sticky Thing HTML5 DEMO</a></strong></span></p>
</div>
<div style="text-align: justify;"><span style="font-family: georgia, palatino; font-size: medium;">Awesome thing I have ever seen.A simple but addictive HTML5 canvas demo consisting of a Sticky Cloth with different properties like stickiness,gravity,size and stiffness as shown in&nbsp;picture&nbsp;below.</span></div>
<div style="text-align: justify;"><span style="font-family: georgia, palatino; font-size: medium;">You will definitely love it and spend some time by varying&nbsp;different&nbsp;options.Do check out Gravity Zero.<br />
&nbsp;</span></div>
<div style="text-align: left;" dir="ltr">
<div style="clear: both;"><span style="font-family: georgia, palatino; font-size: medium;"><a href="http://www.spielzeugz.de/html5/sticky-thing/" target="_blank" rel="nofollow"><img decoding="async" src="https://i0.wp.com/4.bp.blogspot.com/-lyGOCYgdcww/TyLKX_NlzGI/AAAAAAAACBI/-WKvG1g-xpk/s1600/sticky_mini.jpg?w=696" alt="" border="0" data-recalc-dims="1" /></a></span></div>
<p><span style="font-family: georgia, palatino; font-size: medium;"><strong><a href="http://www.dhteumeuleu.com/tomorrow-again/" target="_blank" rel="nofollow">Tomorrow Again JAVASCRIPT DEMO</a></strong></span></p>
<div><span style="font-family: georgia, palatino; font-size: medium;">A <a href="http://www.amazingthings.in/2011/09/image-gallery-slideshow-lighboxes-for.html" target="_blank">image gallery with creative effect</a>.You will say only one word &#8220;WOOWW!&#8221;</span></div>
<div style="clear: both;"><span style="font-family: georgia, palatino; font-size: medium;"><a href="http://www.dhteumeuleu.com/tomorrow-again/" target="_blank" rel="nofollow"><img loading="lazy" decoding="async" src="https://i0.wp.com/3.bp.blogspot.com/-04-mI0rJ8zA/TyLKWqUOtJI/AAAAAAAACA4/yD7V-B73ymA/s640/parallax_mini.jpg?resize=640%2C372" alt="" width="640" height="372" border="0" data-recalc-dims="1" /></a></span></div>
<p><span style="font-family: georgia, palatino; font-size: medium;"><strong><a href="http://buzz.jaysalvat.com/demo/" target="_blank" rel="nofollow">HTML5 Audio Buzz</a></strong></span></p>
<div><span style="font-family: georgia, palatino; font-size: medium;">Buzz is a small but powerful Javascript library that allows you to easily take advantage of the new HTML5 audio element.Also do check their <a href="http://buzz.jaysalvat.com/" target="_blank" rel="nofollow">lovely website</a> with their logo sound effect</span></div>
<div style="clear: both;"><span style="font-family: georgia, palatino; font-size: medium;"><a href="http://buzz.jaysalvat.com/demo/" target="_blank" rel="nofollow"><img loading="lazy" decoding="async" src="https://i0.wp.com/3.bp.blogspot.com/-ZjYJcCN9tHI/TyLLmScYKnI/AAAAAAAACBY/I2EbgT9iclU/s640/html5audio.png?resize=640%2C394" alt="" width="640" height="394" border="0" data-recalc-dims="1" /></a></span></div>
<p><span style="font-family: georgia, palatino; font-size: medium;"><strong><a href="https://developer.mozilla.org/en-US/demos/detail/css-tricks/launch" target="_blank" rel="nofollow">Kinect and CSS3 Animation</a></strong></span><br />
<span style="font-family: georgia, palatino; font-size: medium;">Demo shows how the word &#8220;Mozilla Devderby&#8221; is animated with the help of <a href="http://www.amazingthings.in/2011/06/css3-link-animation-effect.html" target="_blank">CSS3</a> to play Ball.</span></p>
<div style="clear: both;"><span style="font-family: georgia, palatino; font-size: medium;"><a href="https://developer.mozilla.org/en-US/demos/detail/css-tricks/launch" target="_blank" rel="nofollow"><img loading="lazy" decoding="async" src="https://i0.wp.com/2.bp.blogspot.com/-YPm8GVAcoq0/TyLKXShuWeI/AAAAAAAACA8/0cWhO_hbaVg/s640/Screenshot_mini.jpg?resize=640%2C308" alt="" width="640" height="308" border="0" data-recalc-dims="1" /></a></span></div>
<p><span style="font-family: georgia, palatino; font-size: medium;"><strong><a style="font-size: medium;" href="http://www.schillmania.com/projects/snowstorm/lights/index.html?size=tiny" target="_blank" rel="nofollow">Smash Christmas bulbs JQUERY DEMO</a></strong></span></p>
<div><span style="font-family: georgia, palatino; font-size: medium;">If you have visited my blog during&nbsp;Christmas,you might have noticed a smashing bulbs with snowfall effect.This demo shows the bulbs that can be smashed with your <a href="http://www.amazingthings.in/2011/12/cursor-following-menu-jquery-for.html" target="_blank">mouse cursor</a> along with glass breaking sound effect,So turn your volume HIGH.&nbsp;</span></div>
<div style="clear: both;"><span style="font-family: georgia, palatino; font-size: medium;"><a href="http://www.schillmania.com/projects/snowstorm/lights/index.html?size=tiny" target="_blank" rel="nofollow"><img loading="lazy" decoding="async" src="https://i0.wp.com/3.bp.blogspot.com/-gZWrTxGsy9A/TyLKOIZDDAI/AAAAAAAAB_4/wckLCAVG2QU/s640/bulb_mini.jpg?resize=640%2C286" alt="" width="640" height="286" border="0" data-recalc-dims="1" /></a></span></div>
<p><strong><span style="font-family: georgia, palatino; font-size: medium;"><a href="http://www.birrificioirpino.it/" target="_blank" rel="nofollow">Birrificioirpino an HTML5 Parallax website</a></span></strong></p>
<div><span style="font-family: georgia, palatino; font-size: medium;">I have never came across such a powerful html5&nbsp;parallax website.Its a pleasure to surf their entire website which include mind blowing effects with every different click&nbsp;you make.Dont forget to click the bottle&#8217;s as well.</span></div>
<div style="clear: both;"><span style="font-family: georgia, palatino; font-size: medium;"><a href="http://www.birrificioirpino.it/" target="_blank" rel="nofollow"><img loading="lazy" decoding="async" src="https://i0.wp.com/1.bp.blogspot.com/-wJSlH3Wjb38/TyLKVGnuBCI/AAAAAAAACAw/8iS0daTvxrM/s640/html5_mini.jpg?resize=640%2C390" alt="" width="640" height="390" border="0" data-recalc-dims="1" /></a></span></div>
<p><span style="font-family: georgia, palatino; font-size: medium;"><strong><a href="http://mrdoob.com/projects/chromeexperiments/ball_pool/" target="_blank" rel="nofollow">Ball pool HTML5 DEMO</a></strong></span><br />
<span style="font-family: georgia, palatino; font-size: medium;">The rules are written on the biggest ball.Shake your browser!</span></p>
<div style="clear: both;"><span style="font-family: georgia, palatino; font-size: medium;"><a href="http://mrdoob.com/projects/chromeexperiments/ball_pool/" target="_blank" rel="nofollow"><img decoding="async" src="https://i0.wp.com/3.bp.blogspot.com/-2dU7576Z2zE/TyLKPhXgpOI/AAAAAAAACAA/tLb_M1k-XIk/s1600/click_mini.jpg?w=696" alt="" border="0" data-recalc-dims="1" /></a></span></div>
<p><span style="font-family: georgia, palatino; font-size: medium;"><strong><a href="http://www.dhteumeuleu.com/light-shift-opticals/" target="_blank" rel="nofollow">Light Shift Optical JAVASCRIPT DEMO</a></strong></span></p>
<div><span style="font-family: georgia, palatino; font-size: medium;">A parallax slider with amazing sparkling effect you cannot miss.You cannot even compare with Jquery effects available.</span></div>
<div style="clear: both;"><span style="font-family: georgia, palatino; font-size: medium;"><a href="http://www.dhteumeuleu.com/light-shift-opticals/" target="_blank" rel="nofollow"><img loading="lazy" decoding="async" src="https://i0.wp.com/1.bp.blogspot.com/-wg-bX5B2WXA/TyLKSmD2bcI/AAAAAAAACAU/ZrgWByBx6uI/s640/gravity_mini.jpg?resize=640%2C402" alt="" width="640" height="402" border="0" data-recalc-dims="1" /></a></span></div>
<p><span style="font-family: georgia, palatino; font-size: medium;"><strong><a href="http://www.openrise.com/lab/FlowerPower/" target="_blank" rel="nofollow">Flower power HTML5 DEMO</a></strong></span><br />
<span style="font-family: georgia, palatino; font-size: medium;">Write&nbsp;anything&nbsp;with flowers and petals.You can even save it onto to your computer.The colors used to create flower effect are out of world.</span></p>
<div style="clear: both;"><span style="font-family: georgia, palatino; font-size: medium;"><a href="http://www.openrise.com/lab/FlowerPower/" target="_blank" rel="nofollow"><img loading="lazy" decoding="async" src="https://i0.wp.com/3.bp.blogspot.com/-MhScPR1RP9U/TyLKR4_9wlI/AAAAAAAACAM/5d8ozq69Wxk/s640/flower_mini.jpg?resize=640%2C308" alt="" width="640" height="308" border="0" data-recalc-dims="1" /></a></span></div>
<p><span style="font-family: georgia, palatino; font-size: medium;"><strong><a href="https://js-fireworks.appspot.com/" target="_blank" rel="nofollow">Javascript Fireworks</a></strong></span><br />
<span style="font-family: georgia, palatino; font-size: medium;">Type your message and turn it into firework.</span></p>
<div style="clear: both;"><span style="font-family: georgia, palatino; font-size: medium;"><a href="https://js-fireworks.appspot.com/" target="_blank" rel="nofollow"><img loading="lazy" decoding="async" src="https://i0.wp.com/1.bp.blogspot.com/-r5CNugp6sl0/TyLKQiWSoPI/AAAAAAAACAI/T7y7JP98JXM/s640/firework_mini.jpg?resize=640%2C356" alt="" width="640" height="356" border="0" data-recalc-dims="1" /></a></span></div>
<p><span style="font-family: georgia, palatino; font-size: medium;"><strong><a href="http://szenesprachenwiki.de/words/canvas/" target="_blank" rel="nofollow">HTML5 Love</a></strong></span><br />
<span style="font-family: georgia, palatino; font-size: medium;"><strong>One of my favorite HTML5 demo so far!</strong> Turn&nbsp;your&nbsp;speaker&#8217;s ON and enjoy the awesome music and patterns specially the HEART one.If click twitter tweets are displayed.</span></p>
<div style="clear: both;"><span style="font-family: georgia, palatino; font-size: medium;"><a href="http://szenesprachenwiki.de/words/canvas/" target="_blank" rel="nofollow"><img loading="lazy" decoding="async" src="https://i0.wp.com/3.bp.blogspot.com/-slK4PYj9joY/TyLKT0gUqoI/AAAAAAAACAo/J3a6XllRo-s/s640/html5love_mini.jpg?resize=640%2C360" alt="" width="640" height="360" border="0" data-recalc-dims="1" /></a></span></div>
<p><span style="font-family: georgia, palatino; font-size: medium;"><strong><a href="http://experiments.instrum3nt.com/markmahoney/ball/" target="_blank" rel="nofollow">Browser Ball HTML5 DEMO</a></strong></span><br />
<span style="font-family: georgia, palatino; font-size: medium;">Create multiple windows and leave the ball,check how it travels and bounces through all windows.</span></p>
<div style="clear: both;"><span style="font-family: georgia, palatino; font-size: medium;"><a href="http://experiments.instrum3nt.com/markmahoney/ball/" target="_blank" rel="nofollow"><img loading="lazy" decoding="async" src="https://i0.wp.com/4.bp.blogspot.com/-ZObS-ocH2BY/TyLKNprCXoI/AAAAAAAAB_w/vtTVtPMQCso/s640/ball_mini.jpg?resize=640%2C350" alt="" width="640" height="350" border="0" data-recalc-dims="1" /></a></span></div>
<p><span style="font-family: georgia, palatino; font-size: medium;"><strong><a href="http://www.dhteumeuleu.com/mistakes/" target="_blank" rel="nofollow">Mistakes world shuffler JAVASCRIPT DEMO</a></strong></span><br />
<span style="font-family: georgia, palatino; font-size: medium;"><strong>One of my most favorite script</strong> where you type your own message as shown in picture below and it will isolate the common letter from next line and re-using it to create the whole message.Quite confusing check out and find out yourself.</span></p>
<div style="clear: both;"><span style="font-family: georgia, palatino; font-size: medium;"><a href="http://www.dhteumeuleu.com/mistakes/" target="_blank" rel="nofollow"><img loading="lazy" decoding="async" src="https://i0.wp.com/3.bp.blogspot.com/-m--JYH1bnP4/TyLKZ8gxuxI/AAAAAAAACBM/X_H2ORozANs/s640/words_mini.jpg?resize=640%2C382" alt="" width="640" height="382" border="0" data-recalc-dims="1" /></a></span></div>
<div><span style="text-align: justify; font-family: georgia, palatino; font-size: medium;"><br />
So which one was your favorite?</span></div>
</div>
</div>
<p>The post <a rel="nofollow" href="https://www.amazingthings.in/mind-blowing-html5-jquery-and.html">Mind Blowing HTML5 Jquery and Javascript Demo&#8217;s</a> appeared first on <a rel="nofollow" href="https://www.amazingthings.in">Amazing Things</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.amazingthings.in/mind-blowing-html5-jquery-and.html/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">588</post-id>	</item>
		<item>
		<title>17 Unforgettable Jquery plugin Round Ups</title>
		<link>https://www.amazingthings.in/17-unforgettable-jquery-plugin-round.html</link>
					<comments>https://www.amazingthings.in/17-unforgettable-jquery-plugin-round.html#respond</comments>
		
		<dc:creator><![CDATA[Aakash Doshi]]></dc:creator>
		<pubDate>Thu, 05 Jan 2012 07:42:00 +0000</pubDate>
				<category><![CDATA[CSS3 and Jquery]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[Jquery plugins]]></category>
		<guid isPermaLink="false">http://www.amazingthings.in/2012/01/17-unforgettable-jquery-plugin-round-ups-2.html</guid>

					<description><![CDATA[<p>Jquery is being one of my&#160;favorite&#160;inspirations when it comes to animations.Jquery was the one which made me create&#160;amazing things&#160;blog which later drived me through CSS3 Blogger HTML5 and so on..since then I have became a big fan of Jquery. It is truly said that &#8220;The only limitation is your imagination !&#8221;&#160; Check out the Jquery [&#8230;]</p>
<p>The post <a rel="nofollow" href="https://www.amazingthings.in/17-unforgettable-jquery-plugin-round.html">17 Unforgettable Jquery plugin Round Ups</a> appeared first on <a rel="nofollow" href="https://www.amazingthings.in">Amazing Things</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p style="text-align: justify;"><span style="font-size: medium; font-family: georgia, palatino;">Jquery is being one of my&nbsp;favorite&nbsp;inspirations when it comes to animations.Jquery was the one which made me create&nbsp;</span><a style="font-size: large; text-align: justify;" href="http://amazingthings.in/" target="_blank" rel="nofollow">amazing things</a><span style="font-size: medium; font-family: georgia, palatino;">&nbsp;blog which later drived me through CSS3 Blogger HTML5 and so on..since then I have became a big fan of Jquery. It is truly said that </span><em style="font-size: large; text-align: justify;">&#8220;The only limitation is your imagination !&#8221;</em><span style="font-size: medium; font-family: georgia, palatino;">&nbsp;</span></p>
<div dir="ltr" style="text-align: left;">
<div dir="ltr" style="text-align: left;">
<div style="clear: both; text-align: justify;"><span style="font-size: medium; font-family: georgia, palatino;">Check out the Jquery demo&#8217;s below and i am pretty sure that it will inspire you or surprise you in every aspect of your imagination.The demo are the most downloaded and appreciated jquery plugins world-wide make sure you dont miss any of them.</span></div>
<div style="clear: both; text-align: justify;">&nbsp;</div>
<div style="clear: both; text-align: justify;">[box type=&#8221;shadow&#8221; ] &nbsp; &nbsp; &nbsp;<span style="font-size: large;"><strong>Recommended Reading :&nbsp;<a style="font-family: georgia, palatino; font-size: medium;" title="Permalink to 27 unforgettable Jquery Plugins Of 2012" href="http://www.amazingthings.in/2012/12/27-unforgettable-jquery-plugins-of-2012.html" rel="bookmark">27 unforgettable Jquery Plugins Of 2012</a></strong></span>[/box]</div>
<div style="clear: both; text-align: justify;">&nbsp;</div>
<div style="clear: both; text-align: justify;"><span style="font-size: medium; font-family: georgia, palatino;"><strong>Firefox and Chrome users are&nbsp;preferred&nbsp;</strong></span></div>
<div style="clear: both; text-align: justify;"><span style="font-size: medium; font-family: georgia, palatino;">Just <strong>click the image and it will open a demo page</strong> for you <img src="https://s.w.org/images/core/emoji/15.0.3/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span></div>
<div style="clear: both; text-align: justify;">&nbsp;</div>
<div style="clear: both; text-align: justify;"><span style="font-size: medium; font-family: georgia, palatino;"><a href="http://www.idangero.us/cs/" target="_blank" rel="nofollow"><img loading="lazy" decoding="async" alt="" src="https://i0.wp.com/1.bp.blogspot.com/-0ALstb_QfWE/TwSqiilCAdI/AAAAAAAABuQ/V_ZqGcMIMw4/s640/4_mini.jpg?resize=600%2C346" width="600" height="346" border="0" data-recalc-dims="1" /></a></span></div>
<div style="clear: both; text-align: justify;"><span style="font-size: medium; font-family: georgia, palatino;"><a href="http://www.jscraft.net/demo/plugins/scroller/" target="_blank" rel="nofollow"><img loading="lazy" decoding="async" alt="" src="https://i0.wp.com/1.bp.blogspot.com/-Q3jgKM2_vuo/TwSqju22uGI/AAAAAAAABuY/_1zcRdfRIgM/s640/4eff7d2b9d29c958a0000055_mini.jpeg?resize=600%2C419" width="600" height="419" border="0" data-recalc-dims="1" /></a></span></div>
<div style="clear: both; text-align: justify;"><span style="font-size: medium; font-family: georgia, palatino;"><a href="http://tympanus.net/Development/MergingImageBoxes/" target="_blank" rel="nofollow"><img loading="lazy" decoding="async" alt="" src="https://i0.wp.com/1.bp.blogspot.com/-uQoDel1KhSc/TwSqoBEsU8I/AAAAAAAABuw/5XElZPDZTtw/s640/4f0007f5f92ea1355f000001_mini.jpeg?resize=600%2C406" width="600" height="406" border="0" data-recalc-dims="1" /></a></span></div>
<div style="clear: both; text-align: justify;"><span style="font-size: medium; font-family: georgia, palatino;"><a href="http://thiagosf.net/projects/jquery/skitter/" target="_blank" rel="nofollow"><img loading="lazy" decoding="async" alt="" src="https://i0.wp.com/2.bp.blogspot.com/-rGRTBt8n6rA/TwSqqFfvLCI/AAAAAAAABvA/rDkwExZeaXM/s640/15-skitter_mini.jpg?resize=600%2C240" width="600" height="240" border="0" data-recalc-dims="1" /></a></span></div>
<div style="clear: both; text-align: justify;"><span style="font-size: medium; font-family: georgia, palatino;"><a href="http://pushingpixels.at/experiments/dynamic_shadow/" target="_blank" rel="nofollow"><img loading="lazy" decoding="async" alt="" src="https://i0.wp.com/3.bp.blogspot.com/-CSbLXETKBNY/TwSquHkq3ZI/AAAAAAAABvU/T0DypXsfKtQ/s640/preview-create-nifty-dynamic-shadow-jquery_mini.jpg?resize=600%2C336" width="600" height="336" border="0" data-recalc-dims="1" /></a></span></div>
<div style="clear: both; text-align: justify;"><span style="font-size: medium; font-family: georgia, palatino;"><a href="http://www.amazingthings.in/2011/06/jquery-plug-in-for-lens-effect-image.html" target="_blank"><img loading="lazy" decoding="async" alt="" src="https://i0.wp.com/3.bp.blogspot.com/-O9TKI39CcZI/TwSqsQt0-YI/AAAAAAAABvQ/9g8Z5g8QtH0/s640/lens_mini.jpg?resize=600%2C408" width="600" height="408" border="0" data-recalc-dims="1" /></a></span></div>
<div style="clear: both; text-align: justify;"><span style="font-size: medium; font-family: georgia, palatino;"><a href="http://24ways.org/examples/2010/real-animation/demo4/" target="_blank" rel="nofollow"><img loading="lazy" decoding="async" alt="" src="https://i0.wp.com/1.bp.blogspot.com/-mgAFfKN1QHw/TwSqpfdLsvI/AAAAAAAABu0/PF6m2UG1-zE/s640/4f0138a8f92ea1254d00000b_mini.jpeg?resize=600%2C482" width="600" height="482" border="0" data-recalc-dims="1" /></a></span></div>
<div style="clear: both; text-align: justify;"><span style="font-size: medium; font-family: georgia, palatino;"><a href="http://kiro.me/textualizer/" target="_blank" rel="nofollow"><img loading="lazy" decoding="async" alt="" src="https://i0.wp.com/2.bp.blogspot.com/-j6rT3KoRaMI/TwSqlNtw65I/AAAAAAAABug/echKA4QnkYk/s640/4eff7d67d535cf33d0000047_mini.jpeg?resize=600%2C304" width="600" height="304" border="0" data-recalc-dims="1" /></a></span></div>
<div style="clear: both; text-align: justify;"><span style="font-size: medium; font-family: georgia, palatino;"><a href="http://www.kudoswebsolutions.com/blog/jquery_scrolling_background/demos.html" target="_blank" rel="nofollow"><img loading="lazy" decoding="async" alt="" src="https://i0.wp.com/2.bp.blogspot.com/-VnZbFlJoyEA/TwSqmzDPabI/AAAAAAAABuo/HcXy09uz0zo/s640/4f000f68d535cf0540000004_mini.jpeg?resize=600%2C256" width="600" height="256" border="0" data-recalc-dims="1" /></a></span></div>
<div style="clear: both; text-align: justify;"><span style="font-size: medium; font-family: georgia, palatino;"><a href="http://playground.mobily.pl/jquery/mobily-blocks/demo.html" target="_blank" rel="nofollow"><img loading="lazy" decoding="async" alt="" src="https://i0.wp.com/3.bp.blogspot.com/-L95pgJnJ8PA/TwSqvTnARHI/AAAAAAAABvg/NAZen6yfNGY/s640/Screenshot-3_mini.jpg?resize=600%2C368" width="600" height="368" border="0" data-recalc-dims="1" /></a></span></div>
<div style="clear: both; text-align: justify;"><span style="font-size: medium; font-family: georgia, palatino;"><a href="http://www.script-tutorials.com/demos/48/index.html" target="_blank" rel="nofollow"><img loading="lazy" decoding="async" alt="" src="https://i0.wp.com/2.bp.blogspot.com/-F56Z2-SavNY/TwSqrZ6hv5I/AAAAAAAABvE/jDzfs5gAhPQ/s640/bouncing_mini.jpg?resize=600%2C406" width="600" height="406" border="0" data-recalc-dims="1" /></a></span></div>
<div style="clear: both; text-align: justify;">&nbsp;</div>
<div style="clear: both; text-align: justify;"><span style="font-size: medium; font-family: georgia, palatino;"><a href="http://johnpolacek.github.com/scrollorama/" target="_blank" rel="nofollow"><img loading="lazy" decoding="async" alt="" src="https://i0.wp.com/2.bp.blogspot.com/-_safvSIIfUU/TwVFXEgWbuI/AAAAAAAABvw/zTAU-MbqnQ8/s640/scrollable.jpg?resize=600%2C314" width="600" height="314" border="0" data-recalc-dims="1" /></a></span></div>
<div style="clear: both; text-align: justify;">&nbsp;</div>
<div style="clear: both; text-align: justify;"><span style="font-size: medium; font-family: georgia, palatino;"><a href="http://www.catchmyfame.com/2009/06/25/jquery-beforeafter-plugin/" target="_blank" rel="nofollow"><img loading="lazy" decoding="async" alt="" src="https://i0.wp.com/2.bp.blogspot.com/-tDWZ4elecmA/TwVGDUX9sFI/AAAAAAAABwA/rgP1zxdm4EQ/s640/beforeafter.JPG?resize=600%2C374" width="600" height="374" border="0" data-recalc-dims="1" /></a></span></div>
<div style="clear: both; text-align: justify;"><span style="font-size: medium; font-family: georgia, palatino;"><a href="http://webdesigncrowd.com/demo/Animated-CSS3-Button-5.25.11/" target="_blank" rel="nofollow"><img loading="lazy" decoding="async" alt="" src="https://i0.wp.com/4.bp.blogspot.com/-rg7zDEzjtL0/TwVG5bRu1BI/AAAAAAAABwM/t2706pVyAlU/s640/main_image5.jpg?resize=600%2C234" width="600" height="234" border="0" data-recalc-dims="1" /></a></span></div>
<div style="clear: both; text-align: justify;"><span style="font-size: medium; font-family: georgia, palatino;"><a href="http://www.addyosmani.com/resources/3dstack/" target="_blank" rel="nofollow"><img loading="lazy" decoding="async" alt="" src="https://i0.wp.com/4.bp.blogspot.com/-T66jPxtI5JQ/TwVG6BMMLaI/AAAAAAAABwU/9uIgDHv9JuM/s640/snake.jpg?resize=600%2C318" width="600" height="318" border="0" data-recalc-dims="1" /></a></span></div>
<div style="clear: both; text-align: justify;">&nbsp;</div>
<div style="text-align: justify;"><span style="font-size: medium; font-family: georgia, palatino;">Thats it&#8230; I hope you enjoyed it.Any problems or reviews , Drop me a comment and i will come back to you <img src="https://s.w.org/images/core/emoji/15.0.3/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><span style="font-size: medium; font-family: georgia, palatino;"></p>
<p></span></div>
</div>
</div>
<p>The post <a rel="nofollow" href="https://www.amazingthings.in/17-unforgettable-jquery-plugin-round.html">17 Unforgettable Jquery plugin Round Ups</a> appeared first on <a rel="nofollow" href="https://www.amazingthings.in">Amazing Things</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.amazingthings.in/17-unforgettable-jquery-plugin-round.html/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">592</post-id>	</item>
	</channel>
</rss>
