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

<channel>
	<title>Blog Mintdesign &#187; javascript</title>
	<atom:link href="http://blog.mintdesign.pl/javascript/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.mintdesign.pl</link>
	<description>Blog poświęcony tematyce tworzenia stron internetowych.</description>
	<lastBuildDate>Mon, 09 May 2011 18:46:48 +0000</lastBuildDate>
	<language>pl</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.3</generator>
		<item>
		<title>TOP 10 Skryptów jQuery</title>
		<link>http://blog.mintdesign.pl/javascript/top-10-skryptow-jquery.html</link>
		<comments>http://blog.mintdesign.pl/javascript/top-10-skryptow-jquery.html#comments</comments>
		<pubDate>Tue, 11 Jan 2011 22:48:47 +0000</pubDate>
		<dc:creator>Mateusz Lomber</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[skrypt]]></category>
		<category><![CDATA[top 10]]></category>

		<guid isPermaLink="false">http://blog.mintdesign.pl/?p=715</guid>
		<description><![CDATA[1. Quicksand Bardzo efektowny skrypt sortujący z ciekawą animacją. Można to zastosować na przykład w CMS-ie 2. TipTip Skrypt umożliwiający stworzenie własnych unikalnych dymków (tooltipów). Nie używa obrazków i można dostosować jego wygląd całkowicie dzięki css. Z opcji dostępnych w tym skrypcie mogę wymienić sposób aktywacji dymka (najechanie myszką, kliknięcie, focus), ustawianie maksymalnej szerokości, odstęp [...]]]></description>
			<content:encoded><![CDATA[<h2>1. <a rel="nofollow" href="http://razorjack.net/quicksand/">Quicksand</a></h2>
<p>Bardzo efektowny skrypt sortujący z ciekawą animacją.<br />
Można to zastosować na przykład w CMS-ie</p>
<p><a rel="nofollow" href="http://razorjack.net/quicksand/" alt="1_jquery" title="1_jquery" width="90%" height="250" class="aligncenter size-full wp-image-739" /><img src="http://blog.mintdesign.pl/wp-content/uploads/2010/08/1_jquery.jpg" alt="" title="1_jquery" width="600" height="200" class="aligncenter size-full wp-image-740" /></a></p>
<p><span id="more-715"></span><br/><br/></p>
<h2>2. <a rel="nofollow" href="http://code.drewwilson.com/entry/tiptip-jquery-plugin">TipTip</a></h2>
<p>Skrypt umożliwiający stworzenie własnych unikalnych dymków (tooltipów).<br />
Nie używa obrazków i można dostosować jego wygląd całkowicie dzięki css.<br />
Z opcji dostępnych w tym skrypcie mogę wymienić sposób aktywacji dymka (najechanie myszką, kliknięcie, focus), ustawianie maksymalnej szerokości, odstęp między dymkiem a zaznaczonym elementem, pozycja dymka (pod, nad, z lewej lub prawej strony), opóźnienia w pojawianiu się i zanikaniu dymka oraz możliwość dodania własnej funkcji przed i po jego pojawieniu się </p>
<p>Przykładowe zastosowania:</p>
<ul>
<li>Zwykłe zastąpienie standardowych dymków na stronie</li>
<li>Jako pomoc w grach via www / aplikacjach online</li>
</ul>
<p><a rel="nofollow" href="http://code.drewwilson.com/entry/tiptip-jquery-plugin" alt="2_jquery" title="2_jquery" width="90%" height="250" class="aligncenter size-full wp-image-739" /><img src="http://blog.mintdesign.pl/wp-content/uploads/2010/08/2_jquery.jpg" alt="" title="2_jquery" width="600" height="200" class="aligncenter size-full wp-image-741" /></a><br />
<br/><br/></p>
<h2>3. <a rel="nofollow" href="http://code.drewwilson.com/entry/autosuggest-jquery-plugin">AutoSuggest</a></h2>
<p>Bardzo ciekawy skrypt pod auto uzupełnianie. (posiada kilka interesujących funkcji jak np. wybór kilku fraz do wyszukiwania).<br />
Skrypt nie używa obrazków &#8211; full CSS, dzięki czemu jest niezwykle prosty do dostosowywania do własnych potrzeb.</p>
<p>Przykładowe zastosowania:</p>
<ul>
<li>Skrypt wyszukiwarki &#8211; z możliwością podania kilku słów kluczowych</li>
<li>Panel admina &#8211; np. masowe dodawanie userów do formularza</li>
<li>Prywatne wiadomości &#8211; dodawanie adresatów</li>
</ul>
<p><a rel="nofollow" href="http://code.drewwilson.com/entry/autosuggest-jquery-plugin" alt="3_jquery" title="3_jquery" width="90%" height="250" class="aligncenter size-full wp-image-739" /><img src="http://blog.mintdesign.pl/wp-content/uploads/2010/08/3_jquery.jpg" alt="" title="3_jquery" width="600" height="200" class="aligncenter size-full wp-image-742" /></a><br />
<br/><br/></p>
<h2>4. <a rel="nofollow" href="http://flowplayer.org/tools/overlay/index.html">Overlay</a></h2>
<p>Skrypt tworzący efekt &#8220;przezroczystości&#8221; dla wybranych elementów.</p>
<p>Przykładowe zastosowania:</p>
<ul>
<li>Okienko z newsletterem</li>
<li>Prezentacja pojedynczego obrazka (lightbox)</li>
<li>Aplikacje, gry via www &#8211; różne informacje, potwierdzenie wysłania formularza, etc.</li>
</ul>
<p><a rel="nofollow" href="http://flowplayer.org/tools/overlay/index.html" alt="4_jquery" title="4_jquery" width="90%" height="250" class="aligncenter size-full wp-image-739" /><img src="http://blog.mintdesign.pl/wp-content/uploads/2010/08/4_jquery.jpg" alt="" title="4_jquery" width="600" height="200" class="aligncenter size-full wp-image-743" /></a><br />
<br/><br/></p>
<h2>5. <a rel="nofollow" href="http://www.mind-projects.it/projects/jqzoom/">jqZoom</a></h2>
<p>jQZoom jest to skrypt pozwalający na stworzenie efektu powiększenia (&#8220;patrzenia przez lupę&#8221;). </p>
<p>Przykładowe zastosowania:</p>
<ul>
<li>Bardzo często używany w sklepach internetowych do prezentacji szczegółów danego produktu</li>
<li>Galeria na stronie (by nie musieć otwierać obrazka w nowym oknie)</li>
</ul>
<p><a rel="nofollow" href="http://www.mind-projects.it/projects/jqzoom/"><br />
<img src="http://www.mind-projects.it/projects/jqzoom/images/exzoom.jpg" alt="jQZoom" /></a><br />
<br/><br/></p>
<h2>6. <a rel="nofollow" href="http://markitup.jaysalvat.com/home/">markItUp!</a></h2>
<p>Skrypt umożliwiający stworzenie z każdego pola textarea uniwersalnego edytora składni. (html, textile, wiki syntax, markdown, bbcode lub nawet twoja autorska składnia, którą z łatwością zaimplementujesz)</p>
<p>Przykładowe zastosowania:</p>
<ul>
<li>Panel admina</li>
<li>Forum</li>
</ul>
<p><a rel="nofollow" href="http://markitup.jaysalvat.com/home/"><br />
<img src="http://markitup.jaysalvat.com/_images/intro.png" alt="Markitup" width="90%"/></a><br />
<br/><br/></p>
<h2>7. <a rel="nofollow" href="http://tutorialzine.com/2010/06/apple-like-retina-effect-jquery-css/">Apple-like Retina Effect</a></h2>
<p>Drugi bardzo efektowny skrypt &#8220;szkła powiększającego&#8221; na podstawie jquery.</p>
<p><a rel="nofollow" href="http://tutorialzine.com/2010/06/apple-like-retina-effect-jquery-css/"><br />
<img src="http://tutorialzine.com/wp-content/uploads/2010/06/i31.png" alt="retina effect jquery"  width="90%" /></a><br />
<br/><br/></p>
<h2>8. <a rel="nofollow" href="http://tympanus.net/codrops/2009/12/16/creating-a-rotating-billboard-system-with-jquery-and-css/">Rotating Billboard System </a></h2>
<p>Efekt rotacji przypominający ten używany w prawdziwych bilboardach. </p>
<p>Przykładowe zastosowania:</p>
<ul>
<li>Reklama na stronie</li>
<li>Prezentacja ostatnich prac graficznych</li>
</ul>
<p><a rel="nofollow" href="http://tympanus.net/codrops/2009/12/16/creating-a-rotating-billboard-system-with-jquery-and-css/" title="8_jquery" width="90%" height="250" class="aligncenter size-full wp-image-739" /><img src="http://blog.mintdesign.pl/wp-content/uploads/2010/08/8_jquery.jpg" alt="" title="8_jquery" width="600" height="200" class="aligncenter size-full wp-image-744" /></a><br />
<br/><br/></p>
<h2>9. <a rel="nofollow" href="http://odyniec.net/projects/imgareaselect/">imgAreaSelect</a></h2>
<p>Skrypt umożliwiający tworzenie zaznaczeń różnych elementów na obrazkach. </p>
<p>Przykładowe zastosowania:</p>
<ul>
<li>Generator MapArea</li>
<li>Tagowanie zdjęć (przykład: facebook, nk)</li>
</ul>
<p><a rel="nofollow" href="http://odyniec.net/projects/imgareaselect/" alt="9_jquery" title="9_jquery" width="90%" height="250" class="aligncenter size-full wp-image-739" /><img src="http://blog.mintdesign.pl/wp-content/uploads/2010/08/9_jquery.jpg" alt="" title="9_jquery" width="600" height="200" class="aligncenter size-full wp-image-745" /></a><br />
<br/><br/></p>
<h2>10. <a rel="nofollow" href="http://youlove.us/blog/the-youloveus-scrolling-background-effect-explained">youlove.us scrolling background effect</a></h2>
<p>Skrypt tworzący efekt przemieszczania się tła w pionie. Za jego pomocą można uzyskać wyjątkowe wrażenie morskich fal lub kosmosu.</p>
<p><a rel="nofollow" href="http://youlove.us/blog/the-youloveus-scrolling-background-effect-explained" alt="10_jquery" title="10_jquery" width="90%" height="250" class="aligncenter size-full wp-image-739" /><img src="http://blog.mintdesign.pl/wp-content/uploads/2010/08/10_jquery.jpg" alt="" title="10_jquery" width="600" height="200" class="aligncenter size-full wp-image-739" /></a><br />
<br/><br/></p>
<h2>Przydatne linki</h2>
<ul>
<li><a rel="nofollow" href="http://www.jqueryplugins.com/">jQueryPlugins &#8211; Duża baza efektów i wtyczek jQuery</a></li>
<li><a rel="nofollow" href="http://www.noupe.com/ajax/37-more-shocking-jquery-plugins.html">37 jQuery Plugins</a></li>
<li><a rel="nofollow" href="http://www.smashingmagazine.com/2010/04/27/45-useful-jquery-techniques-and-plugins/">45 jQuery Plugins</a></li>
<li><a rel="nofollow" href="http://www.sastgroup.com/jquery/240-plugins-jquery">240 jQuery Plugins</a></li>
</ul>
<p>A może Wy znacie jakieś ciekawe skrypty jQuery? Jeśli tak to zachęcam do zamieszczania linków w komentarzach <img src='http://blog.mintdesign.pl/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<h2  class="related_post_title">-</h2><ul class="related_post"><li><a href="http://blog.mintdesign.pl/inne/zarabianie-na-odslonach-strony-cpm.html" title="Zarabianie na odsłonach strony (CPM)">Zarabianie na odsłonach strony (CPM)</a> (21)</li><li><a href="http://blog.mintdesign.pl/inne/deepblue2-0-darmowy-szablon-pod-mybb.html" title="DeepBlue2.0 &#8211; Darmowy szablon MyBB">DeepBlue2.0 &#8211; Darmowy szablon MyBB</a> (17)</li><li><a href="http://blog.mintdesign.pl/inne/nowy-serwis-mintdesign-porady.html" title="Nowy serwis mintDesign (Porady)">Nowy serwis mintDesign (Porady)</a> (0)</li><li><a href="http://blog.mintdesign.pl/inne/konkursy/konkurs-md-do-wygrania-smashing-book-2.html" title="<!--:pl-->Konkurs mD &#8211; do wygrania Smashing Book #2<!--:-->"><!--:pl-->Konkurs mD &#8211; do wygrania Smashing Book #2<!--:--></a> (5)</li><li><a href="http://blog.mintdesign.pl/inne/jak-sciagac-wieksze-zdjecia-z-serwisu-istockphoto-com.html" title="<!--:pl-->Jak ściągać większe zdjęcia z serwisu istockphoto.com<!--:--><!--:en-->How to download photos from istockphoto.com in high resolution<!--:-->"><!--:pl-->Jak ściągać większe zdjęcia z serwisu istockphoto.com<!--:--><!--:en-->How to download photos from istockphoto.com in high resolution<!--:--></a> (4)</li></ul>]]></content:encoded>
			<wfw:commentRss>http://blog.mintdesign.pl/javascript/top-10-skryptow-jquery.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

