This post comes from the first version of this blog.
Please send me an email if anything needs an update. Thanks!

Nie znam biblioteki, która bardziej podbiłaby serca programistów stron internetowych niż jQuery właśnie. Wielu ją polubiło od pierwszej linijki kodu, wielu nienawidzi, chociaż nie zna. Nie zmienia to jednak faktu, że projekt rozpoczęty przez Johna Resiga okazał się być strzałem w dziesiątkę, rozwiązującym setki problemów związanych z różnicami w implementacji silników JavaScriptu w przeglądarkach internetowych. Zapraszam do zapoznania się z wyselekcjonowaną dziesiątką linków związanych z tym “kawałkiem kodu”.

Linkdump: jQuery.

1. Expanding Image Menu with jQuery. Kolejny sposób na realizację menu. Klikając na element, wysuwa on swoją dosyć ciekawie zaaranżowaną wartość.

2. 33 jQuery, Mootools, Prototype Lightbox Scripts. Zbiór 33 skryptów typu lightbox opartych m. in. na jQuery.

3. Implementing Autocomplete jQuery Plugin for Textarea. Wtyczka autocomplete dla pola .</p> </li> <li> <p><a href="http://bobremeika.com/2011/03/03/jquery-is-for-n00bs/">jQuery is for n00bs.</a> Pisany dosyć ostrym językiem artykuł na temat wad jQuery i innych bibliotek JavaScript.</p> </li> <li> <p><a href="http://blog.kamilbrenk.pl/jquery-extends-dla-php">jQuery.extends dla PHP.</a> Artykuł opisujący właściwości i zastosowanie metody jQuery.extend() oraz pokazujący jego implementację w PHP.</p> </li> <li> <p><a href="http://blogupstairs.com/framework/javascript-framework/jquery/sausage-js-contextual-pagination-jquery-ui-widget/">Sausage.js – Contextual Pagination jQuery UI widget.</a> Skrypt paginacji wykonany jako widget biblioteki jQuery UI.</p> </li> <li> <p><a href="http://notes.jetienne.com/2011/04/07/jquery-qrcode.html">jquery.qrcode.</a> Wtyczka do biblioteki jQuery pozwalająca na dynamiczne generowanie obrazów QR.</p> </li> <li> <p><a href="http://davidwalsh.name/delegate-event">Event Delegation with MooTools, Dojo, and jQuery.</a> Programowanie zdarzeniowe na przykładach różnych bibliotek JS.</p> </li> <li> <p><a href="http://amplifyjs.com/">Amplify.JS.</a> Zestaw komponentów jQuery do łatwego zarządzania danymi.</p> </li> <li> <p><a href="http://www.profilepicture.co.uk/tutorials/sticky-sidebar-jquery-plugin/">Sticky Sidebar jQuery plugin.</a> Ciekawa wtyczka do jQuery pozwalająca na tworzenie “przypiętych” boksów w paskach bocznych strony.</p> </li> </ol> </div> <div class="share-block"> <a class="share intent">Share on</a> <a href="https://www.facebook.com/sharer/sharer.php?u=http%3a%2f%2fblog.kowalczyk.cc%2f2011%2f04%2f17%2flinkdump-37-jquery%2f&t=Linkdump%20%2337%3a%20jQuery." class="share facebook" data-network="facebook">Facebook</a> <a href="https://twitter.com/share?url=http%3a%2f%2fblog.kowalczyk.cc%2f2011%2f04%2f17%2flinkdump-37-jquery%2f&text=Linkdump%20%2337%3a%20jQuery.+by+@tmmx:" class="share twitter" data-network="twitter">Twitter</a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=http%3a%2f%2fblog.kowalczyk.cc%2f2011%2f04%2f17%2flinkdump-37-jquery%2f&title=Linkdump%20%2337%3a%20jQuery.&source=X" class="share linkedin" data-network="linkedin">LinkedIn</a> <script> (function() { window.addEventListener('click', function(e) { if(!e.target.classList.contains('share') || !e.target.href) { return; } e.preventDefault(); const network = e.target.dataset.network; const networks = { facebook: { width: 600, height: 300 }, twitter: { width: 600, height: 254 }, google: { width: 515, height: 490 }, linkedin: { width: 600, height: 473 } }; window.open(e.target.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=' + networks[network].height + ',width=' + networks[network].width); }); })(); </script> </div> <div class="post-info"> posted in <a class="label label-category" href="http://blog.kowalczyk.cc/category/linkdump/">linkdump</a> with tags <a class="label label-tag" href="http://blog.kowalczyk.cc/tag/skrypt/">skrypt</a>, <a class="label label-tag" href="http://blog.kowalczyk.cc/tag/script/">script</a>, <a class="label label-tag" href="http://blog.kowalczyk.cc/tag/wtyczka/">wtyczka</a>, <a class="label label-tag" href="http://blog.kowalczyk.cc/tag/plugin/">plugin</a>, <a class="label label-tag" href="http://blog.kowalczyk.cc/tag/jquery/">jquery</a>, <a class="label label-tag" href="http://blog.kowalczyk.cc/tag/linkdump/">Linkdump</a>, <a class="label label-tag" href="http://blog.kowalczyk.cc/tag/image/">image</a>, <a class="label label-tag" href="http://blog.kowalczyk.cc/tag/mootools/">mootools</a>, <a class="label label-tag" href="http://blog.kowalczyk.cc/tag/php/">php</a>, <a class="label label-tag" href="http://blog.kowalczyk.cc/tag/javascript/">javascript</a>, <a class="label label-tag" href="http://blog.kowalczyk.cc/tag/textarea/">textarea</a>, <a class="label label-tag" href="http://blog.kowalczyk.cc/tag/prototype/">prototype</a>, <a class="label label-tag" href="http://blog.kowalczyk.cc/tag/event/">event</a>, <a class="label label-tag" href="http://blog.kowalczyk.cc/tag/dojo/">dojo</a>, <a class="label label-tag" href="http://blog.kowalczyk.cc/tag/ui/">ui</a>, <a class="label label-tag" href="http://blog.kowalczyk.cc/tag/qr/">qr</a> </div> </div> <div class="nav"> <div class="nav-item nav-prev"><a href="http://blog.kowalczyk.cc/2011/04/15/php-obsluga-wartosci-typu-dword/">🡸</a></div> <div class="nav-item"><a href="http://kowalczyk.cc">Tomasz Kowalczyk</a> ©2009 - 2022</div> <div class="nav-item nav-next"><a href="http://blog.kowalczyk.cc/2011/04/19/symfony-klasa-sfwidgetformi18ndate-i-problem-z-podawaniem-zakresu-lat/">🡺</a></div> </div> <div class="footer"></div> <script> (() => { let theme = localStorage.getItem('theme') || 'theme-light'; document.body.classList.add(theme); localStorage.setItem('theme', theme); document.getElementById('toggleTheme').addEventListener('click', () => { const target = theme === 'theme-light' ? 'theme-dark' : 'theme-light'; document.body.classList.remove(theme); document.body.classList.add(target); localStorage.setItem('theme', target); theme = target; }); })(); </script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-10653493-2', 'auto'); ga('send', 'pageview'); </script> </body> </html>