• Web Development
    How to Use the jQuery UI Autocomplete Widget200x200
    In this tutorial we'll be looking at one of jQuery UI 1.8's newest components - the Autocomplete widget. Auto-completing text fields can be a popular choice with visitors to your site because they make entering information much easier. They can be used on product search fields for example, or when a visitor must enter a country, or a city, or anything else that may be a choice from a common dataset. As well as being popular with visitors, the jQuery UI Autocomplete is popular with developers because it's easy to use, powerful and flexible.Read More…
  • HTML & CSS
    Quick Tip: How to Target IE6, IE7, and IE8 Uniquely with 4 Characters200x200
    Two months ago, I, in a video quick tip, demonstrated how to use the underscore and star hacks to target Internet Explorer 6 and 7 in your stylesheets. In today's quick tip, we'll take things one step further, as we introduce a new hack that targets IE8 and below as well. It should be noted that this is not a best practice, and conditional comments should be used instead 98% of the time. With that said, it's always important to know what you can do - plus it's fun, right? Read More…
  • Web Roundups
    20 Helpful jQuery Methods you Should be Using200
    So you've been playing with jQuery for a while now, you're starting to get the hang of it, and you're really liking it! Are you ready to take your jQuery knowledge to level two? Today, I'll demonstrate twenty functions and features you probably haven't seen before!Read More…
  • 3D
    Create a Musical Birthday Card with Papervision3DPreview
    It's ActiveTuts+'s first birthday! Let's celebrate by making a musical 3D birthday card using Papervision3D and TweenMax.Read More…
  • News
    Happy Birthday Activetuts+!Preview
    It's our birthday! We're one year old, one year bigger, one year wiser and one year better-looking! This is a quick thank you to all who contribute to and visit the site, you make Activetuts+ what it is; an Active learning community. Read on to see what we have in store for our second year - and please take the opportunity to give us some feedback too..Read More…
  • PHP
    CodeIgniter from Scratch: Shopping CartCodeigniter
    Today, we are going to take a look at the Shopping Cart library for CodeIgniter. This useful class allows us to add and remove items to a shopping cart, update them, and calculate prices. I will demonstrate how you can build a simple shopping cart system with the help of this library..Read More…
  • ActionScript
    Quick Tip: How to Detect Mouse Direction Using ActionScriptPreview
    In this Quick Tip you will learn how to get the mouse's current direction in your Flash application using AS3. You could use this to create an interesting control method for a game, using a mouse like a joystick, for example. For now we will just display the direction on screen.Read More…
  • Web Development
    MVC for Noobs200x300
    Model-View-Controller (MVC) is probably one of the most quoted patterns in the web programming world in recent years. Anyone currently working in anything related to web application development will have heard or read the acronym hundreds of times. Today, we'll clarify what MVC means, and why it has become so popular.Read More…
  • JavaScript
    Build an Awesome Status BoardCode
    When Panic unveiled their status panel to the world, I was both impressed and inspired. In today's tutorial and screencast, I'll show you how to built a similar status board!Read More…
  • Ruby
    Setting up a Rails Server and Deploying with Capistrano on Fedora from Scratch200x200
    This article and video tutorial will teach you how to setup a basic Fedora server for Rails and PostgreSQL deployments. First, we'll setup Apache and PostgreSQL. Then, we'll use phpPgAdmin to create our application's user and databases. After that, we'll setup the Ruby platform using Passenger to run our application. Once all the components are installed, we'll prep our application for deployment using Capistrano. I'll show you how to use Capistrano to automate remote tasks and take advantage of other features. Read More…
  • HTML & CSS
    Quick Tip: Understanding CSS3 Gradients200x200
    Creating an image only for the purpose of displaying a gradient is inflexible, and is quickly becoming a bad practice. Unfortunately, at the time of this writing, they very well might still be required, but hopefully not for much longer. Thanks to Firefox and Safari/Chrome, we can now create powerful gradients with minimal effort. In this video quick tip, we'll examine some of the differences in syntax when working with the -moz and -webkit vendor prefixes. Read More…
  • ActionScript
    Create a Brightness Editor in ActionScript 3Preview
    Brightness is an attribute of visual perception in which a source appears to be radiating or reflecting light. In this tutorial we will learn how to modify the brightness of a Display Object using ActionScript 3.Read More…