• Web Development
    jQuery Succinctly: Core jQueryJquery cover
    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
    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
    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
    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
    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
    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
    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…
  • Front-End
    A Simple Parallax Scrolling TechniquePreview
    Parallax scrolling is an interesting technique, where, as you scroll, the background images translate slower than the content in the foreground, creating the illusion of 3D depth. As I planned to re-design my personal website, my first goal was to write the shortest and simplest code to achieve maximum awesomeness! I'll show you how I did it. Read More…
  • Web Development
    How to Build Your Own Custom jQueryBuild your own custom jquery
    In this quick tip screencast, I'm going to show you a trick that I bet you don't know about. Did you know that, as of jQuery 1.8, you can now build a custom version of the library?Read More…
  • Editorials
    jQuery in 2013 - or How to Properly Drop IE200x200
    It's a well-known fact that the folks at Microsoft have long had their tail between their legs, because of IE. The proverbial enemy of every front-end developer and the go-to brunt of the joke at conferences and chatrooms (and even in client meetings) has been IE8 and below. Let's move past the IE bashing, and talk about jQuery's plan to drop support for old IE.Read More…
Suggested Tuts+ Course
JavaScript for PHP Developers$15