Home > Monthly Archives: October 2011
Page 1

How To Change A Page’s Background As The User Scrolls

jQuery is great for adding enhancing effects that would otherwise be impossible with just HTML and CSS. In this tutorial we're going to use jQuery and two plugins to gradually change a website's background as the user scrolls the page. We'll be using the Color Animation and Waypoints plugins. The Color Animation plugin adds animations to the color properties of elements. jQuery already includes an animate function, this plugin simply extends it. The Waypoints plugin allows us to execute a function...
Read more

5 iPad Apps Every Web Developer Must Have

When you are stuck waiting in line or for an appointment your iPad can your saving grace. Not just to check your Google+ account or play a quick game of Trailer Park Zombies, but to get actual work done. That is if you have the right apps. Listed below are some of the best apps for web developers. And this list isn’t one that only contains a few time management and task list apps. You might actually be surprised at how much you can get done with your iPad. iMockups Quickly and easily create wireframes for websites...
Read more

Wrapping Your Head Around Canvas: Part 3

We've only truly begun to scratch the surface of possibilities with our little series about Canvas, and as we journey deeper into the API you can see the benefits that it has over Flash technology concerning mobile device/browser support. Today I'd like to continue our adventures in learning the basics by talking about working with images and text. Working with Images It's time to introduce the drawImage method that does exactly what you thought it would, it inserts images. Just like with patterns...
Read more

New methods in jQuery 1.6

jQuery is an actively-developed JavaScript library with a fairly rapid release cycle. As well as general enhancements, performance tweaks and bug fixes, new methods are frequently added to the library. In this article we’ll take a look at the new methods that have been added to the 1.6+ release and some of the enhancements. Delaying the ready event with the holdReady() method The holdReady() method is used to delay the firing of jQuery’s ready event, a cornerstone event which is popularly used...
Read more

Common Mistakes to Avoid When Coding in PHP

Despite the high expectations placed on them at times, developers are human. They were the last time we checked anyways. As humans, we are bound to make mistakes from time to time. And simple, common mistakes often slip past our filters the more comfortable we become with something. Think about it, when you first started writing code you most likely checked every line to make sure things were perfect. As you grow more comfortable with the process, little things often get overlooked and mistakes are made....
Read more

Implement an Image Slideshow Using a jQuery Plugin

Image slideshows are a dime a dozen on the web. You see them used for advertisements, featured articles, product showcases, and plain old photo reels. Today, we're going to quickly implement a slideshow using the jQuery plugin Cycle by Mike Alsup. Cycle is a great plugin with years of development behind it. We're going to use the Lite version. It lacks some of the features of the full version (like different transitions), but it is super lightweight. While the full version is 49kb, the lite version weighs...
Read more

CSS3 Media Queries: Part 2

With an emerging market of innovative mobile devices it has become more important to create responsive designs. In my last article (Part 1) we started with the setup of our HTML and our media queries. The pad.css was the easiest to format due to the change in the screen resolution. I saved the formatting of the handset for the last part of this series because it's the device that will start to see changes to our fluid layout. Every site developed without flash content is mobile compatible but is the content...
Read more

How to Build A WordPress Theme From Scratch Part One

So you have WordPress installed and now you are ready to install a theme to give your blog/site the look you want. For most people, this involves using a theme that was purchased or using a free theme that they found on the Internet. But these don’t have to be the only two options you have to choose from. A developer with some skill in CSS and HTML can easily create their own WordPress themes to give their site the ability to provide a unique experience for their visitors. This tutorial will walk you through...
Read more