• 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…
  • Creative Coding
    Image Gallery With Custom Sized Images (Bonus jQuery Plugin)Preview
    As I promised in my previous article, here is the tutorial on creating a gallery out of the custom sized images. As a bonus you'll learn how to create a basic jQuery plugin to present the larger sized image of the thumbnail in a more appealing way. If you did not read my previous article about custom image sizes, please read it so it will be easier to understand this tutorial.Read More…
  • Theme Development
    Add jQuery Autocomplete to Your Site's SearchPreview
    The function get_search_form() can (and should!) be used to display the search form for your site. It does the job, but it's very bland. Shipped with WordPress since 3.3, however, is a tool which can make using it a lot easier. In this tutorial I'll be showing you how to add jQuery Autocomplete to your search form.Read More…
  • Web Development
    Build a Contacts Manager Using Backbone.js: Part 5200
    Welcome back to the Building a content viewer with Backbone series. Over the first four parts, we looked at almost every major component that ships with the latest version of Backbone including models, controllers, views and routers. In this part of the tutorial, we're going to hook our application up to a web server so that we can store our contacts in a database. We won't be looking at LocalStorage; this is a popular means of persisting the data that Backbone apps use, but the fact is there are already a number of excellent tutorials available on this subject.Read More…
Suggested Tuts+ Course
JavaScript for PHP Developers$15