background preloader


Facebook Twitter


Helper. Rotate. Tiny Carousel: A lightweight jQuery plugin. jQuery plugin, Wordpress plugin, interaction design pattern. jQuery’s no-conflict mode: Yet another reason why it’s the best - The Life and Times of Michael Shadle. Home > Development, WordPress > jQuery's no-conflict mode: yet another reason why it's the best It took me a bit to find out why jQuery (now bundled with WordPress) was not working as I expected inside of the WP admin area.

jQuery’s no-conflict mode: Yet another reason why it’s the best - The Life and Times of Michael Shadle

The script was being called, but my code like $("#foo") was not working. I really had no clue where to begin, since it still has all those old JS libraries/frameworks being called as well. It was due to Prototype being packaged with it and conflicting with the "$" shortcut. Long story short, jQuery already planned for library conflicts and has a quick solution. It's easy to do - just put this line in your code somewhere: Simple Page Peel Effect with jQuery & CSS. 10 Really Helpful Traversing Functions in jQuery. With jQuery, selecting HTML elements is laughably easy.

10 Really Helpful Traversing Functions in jQuery

But at times, we may wish to further refine the selection, which can be a hassle when the HTML structure is complicated. In this tutorial, we'll explore ten ways that we can refine and extend a set of wrapped elements that we wish to operate upon. The HTML First of all, let's take a look at the simple webpage shown in the figure below. We'll be selecting elements in it throughout this tutorial. div.container is the wrapping, div.title and div.rating are immediate children of div.container.Each is a child of div.rating.When a has the 'on' class, it's a full star. Why Traversing? But why do we need to further refine a set of elements? Well, let's see an example.

In Line 2, we select the very star that gets clicked on with 'this'. Fortunately, jQuery allows us to get new wrapped sets from an existing set, based on the hierarchical relationships. How-To Create Your Own Instant Search. Commonly Confused Bits Of jQuery - Smashing Magazine. Advertisement The explosion of JavaScript libraries and frameworks such as jQuery onto the front-end development scene has opened up the power of JavaScript to a far wider audience than ever before.

It was born of the need — expressed by a crescendo of screaming by front-end developers who were fast running out of hair to pull out — to improve JavaScript’s somewhat primitive API, to make up for the lack of unified implementation across browsers and to make it more compact in its syntax. All of which means that, unless you have some odd grudge against jQuery, those days are gone — you can actually get stuff done now. A script to find all links of a certain CSS class in a document and bind an event to them now requires one line of code, not 10. To power this, jQuery brings to the party its own API, featuring a host of functions, methods and syntactical peculiarities. The Bitchin' Search Box. We got an email today saying: your search tab is bitchen'. how did you do it?

The Bitchin' Search Box

Is there a mod? I thought it might make a good quick article to explain how we're doing the (bitchin') search box on the new Lullabot site. First off, the basis of this site is the Zengine theme engine, which basically just adds a bunch of default templates and variables to the PHPTemplate theme engine. The page.zen.php that we're using in the Lullabot theme is only a slightly modified version of the original page.zen.php included with Zengine (which you can see here).

I've moved the <? So that's what browsers without Javascript will see. Now let's take a look at the JQuery magic that's operating the animation: I've stuck a lot of comments in there to try to make things easier to read. Web design, content management, search engine marketing e ottimizzazione dei siti web.