64x64 icon dark hosting
Deploy New Relic now and get $135 off your Tuts+ subscription.


  • 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…
  • Web Development
    14 Reasons Why Nobody Used Your jQuery PluginJquery
    With so many folks developing jQuery plugins, it's not uncommon to come across one that just plain - for lack of better words - sucks. There's no examples or documentation, the plugin doesn't follow best practices, etc. But you're one of the lucky ones: this article will detail the pitfalls that you must avoid.Read More…
  • Web Development
    Create an Animated 3D Bar Chart/GraphPreview
    The Truematter team was recently tasked with creating a fun, sexy web app that presents numerical data in an engaging way. After putting our heads together, we came up with a bar chart that responds interactively to user input without, heaven forbid, reloading any pages. We’re very pleased to be able to share that with the coding community. There are some CSS tricks involved, a dose of jQuery, and some graphic magic, but when we’re done with this tutorial, we’ll have a beautifully interactive chart that you can customize to your heart’s content.Read More…
Suggested Tuts+ Course
JavaScript for PHP Developers$15