Advertisement

jQuery

  • Front End
    A Simple Parallax Scrolling TechniquePreview
    263 shares
    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
    82 shares
    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
    93 shares
    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
    98 shares
    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
    16 shares
    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
    17 shares
    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
    81 shares
    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
    10 shares
    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…
  • Web Development
    Build a Contacts Manager Using Backbone.js: Part 4200
    13 shares
    In part four of this series, we saw how easy it is to add and remove models from our collection, and keep the page updated in sync with the changes. In this part, we're going to look at editing existing model data.Read More…
  • Web Development
    How to Create a Helpful Plugin With Twitter AnywhereDev bird
    49 shares
    Twitter Anywhere is a "one-script-include" solution from Twitter to bring the power of their communication platform to your website. We'll be building a small jQuery script that utilizes Twitter Anywhere for your users.Read More…
  • Web Development
    Build a Contacts Manager Using Backbone.js: Part 3200
    18 shares
    Welcome to part three of our series that focuses on building applications using Backbone. If you haven't read parts one and two, I strongly recommend that you do -- just so you know where we're at and what we've covered so far. In part one, we took a basic look and models, views and collections. In part two, we looked at routers, events and the history modules. In this part, we're going to look further at interactions and see how we can add or remove models from a collection.Read More…
  • Web Development
    Build a Contacts Manager Using Backbone.js: Part 2200
    24 shares
    Welcome back to part two of this tutorial; in part one we looked at some of the model, collection and view basics for when working with Backbone and saw how to render individual contact views using a master view bound to a collection. In this part of the tutorial, we're going to look at how we can filter our view based on user input, and how we can add a router to give our basic application some URL functionality. We'll need the source files from part one as we'll be building on the existing code for this part. I'd strongly recommend reading part one if you haven't already. Read More…
Advertisement
Advertisement