Advertisement

jQuery

  • Web Development
    jQuery Succinctly: jQuery ManipulationJquery cover
    Creating, Operating, and Adding HTML On the Fly You can create HTML markup on the fly by passing the jQuery function a string of raw HTML.Read More…
  • Web Development
    jQuery Succinctly: Traversing With jQueryJquery cover
    1 shares
    Difference Between find() and filter() Methods The filter() method is used to filter the current set of elements contained within the wrapper set. Its usage should be left to tasks that require filtering a set of elements that are already selected. For example, the code below will filter the three <p> elements contained in the wrapper set.Read More…
  • Web Development
    jQuery Succinctly: jQuery SelectingJquery cover
    2 shares
    Custom jQuery Filters Can Select Elements When Used Alone It is not necessary to provide an actual element in conjunction with a filter, such as $('div:hidden'). It is possible to simply pass the filter alone, anywhere a selector expression is expected.Read More…
  • Web Development
    jQuery Succinctly: Core jQueryJquery cover
    1 shares
    Base Concept Behind jQuery While some conceptual variations exist (e.g. functions like $.ajax) in the jQuery API, the central concept behind jQuery is "find something, do something." More specifically, select DOM element(s) from an HTML document and then do something with them using jQuery methods. This is the big picture concept.Read More…
  • Web Development
    jQuery Succinctly: jQuery IntroductionJquery cover
    This session is intended for three types of readers. The first is someone who has read introductory material on jQuery and is looking for the next logical step. The second type of reader is a JavaScript developer, already versed in another library, now trying to quickly learn jQuery. The third reader is I, the writer. I crafted these articles to be used as my own personal reference point for jQuery concepts. This is exactly the type of resource I wish every JavaScript library had available.Read More…
  • Theme Development
    Using jQuery Masonry for Pinterest-Like PostingPost image
    29 shares
    With the inclusion of jQuery Masonry in the WordPress 3.5 core library, it's never been easier to change up a template's layout for recent posting.Read More…
  • Creative Coding
    Integrating the WP Media Uploader Into Your Theme With jQueryIntegrating the wp media uploader into your theme with jquery
    A while ago, we had a tutorial showing how to integrate the WordPress Media Uploader in Theme and Plugin Options. Based on this idea, we'll develop another version of it by changing something in JavaScript (basically, the core PHP code is almost same as the old one). In short, we will take advantage of jQuery to create a tiny jQuery plugin to meet our purpose instead.Read More…
  • Web Development
    Making Use of jQuery UI's Widget FactoryJquery ui widget factory
    36 shares
    For a long time, the only way to write custom controls in jQuery was to extend the $.fn namespace. This works well for simple widgets, however, as you start building more stateful widgets, it quickly becomes cumbersome. To aid in the process of building widgets, the jQuery UI team introduced the Widget Factory, which removes most of the boilerplate that is typically associated with managing a widget. Read More…
  • Theme Development
    Creating a WordPress Post Text Size Changer Using jQueryUntitled
    9 shares
    We already know that WordPress is considered the most popular CMS in the world and when it combines with jQuery, it can create wonders. In this tutorial we shall be discussing one example of the usefulness of jQuery in WordPress, by creating a front-end post text size changer. This tutorial is aimed at beginners who are learning to introduce the magic of jQuery in WordPress.Read More…
  • Theme Development
    Add a Responsive Lightbox to Your WordPress ThemeLightbox ft
    10 shares
    After my recent tutorial where I showed you how to Add a Responsive jQuery Slider to Your WordPress Theme, I thought I'd show you how to add a responsive lightbox to your WordPress site. We're going to be using the incredible fancyBox jQuery plugin (script) to demonstrate the implementation of the lightbox, but the same principles can apply to most lightbox scripts. This tutorial is going to be primarily taught through a 15-minute screencast, but I've also included some brief written instructions too.Read More…
  • Web Development
    The Latest Updates to jQuery MobileWhat is new in jquery mobile
    82 shares
    Not too long ago, the jQuery team released jQuery Mobile 1.2. This new release has some fantastic changes! In this article, we're going to review some of the new widgets available to developers, take a look at changes made to existing widgets, and glance over a few impactful enhancements that could affect your jQuery Mobile application. Let's get started, shall we?Read More…
  • Theme Development
    Adding a Responsive jQuery Slider to Your WordPress ThemeSlider ft image
    55 shares
    Today I'm going to take you through integrating a responsive jQuery slider into your WordPress theme or site. It's not a groundbreaking tutorial but it's one that's rarely done right, so I'd like to try and fix that. In this tutorial we're going to cover every step from creating a custom post type to hold our slides, to actually using the slider within our site. We're going to be using the lovely FlexSlider 2 by WooThemes as it's a very well-coded responsive slider that's licensed under the GPLv2 License. If you're interested, you can take a look at the code for FlexSlider in its GitHub Repository.Read More…
Advertisement
Suggested Tuts+ Course
JavaScript for PHP Developers$15
Advertisement