jQuery for Absolute Beginners: Day 15 – Part 2

In Part 1 of day fifteen, we worked on setting up the PHP side of a CSS style-switcher. Today, we’re going to take things one step further and implement some AJAX functionality. Coming in at just under thirty minutes, this final video in the series is the most in depth. As an unintended “bonus”, I had to take a couple of minutes to fix some mistakes that I made. I could just as easily have edited this section out; however, I think it’s important to watch how other developers debug their application. Considering that, I kept it in.

Once again, thanks to James Padolsey for his wonderful tutorial that we’re working off.


jQuery for Absolute Beginners: Day 15

Today’s screencast is a bit misleading! Over the course of the next two tutorials, we’ll be creating a jQuery style-switcher that will allow the user to switch between CSS files. However, today we’re only going to be working with PHP! Day 15: Part 2 will cover the jQuery. :)

Before we begin, credit must be given where it’s due. We’ll be using a NETTUTS article called “How To Create An Amazing jQuery Style Switcher” by James Padolsey as a guide. Though we won’t follow the tutorial step for step, we’ll use it as a basis. It’s not required by any means, but I highly recommend that you review the tutorial. While you’re at it, be sure to visit his personal site for more tutorials; He’s extremely talented.


Use Absolute Positioning to Create Equal Columns

There are many, many ways to create equal columns with CSS. This is one of those features that was MUCH simpler to achieve back in the days of html tables. In the next couple of years, when the use of CSS tables becomes more reliable, we won’t have this problem anymore. (For more information, watch this video.)

I betcha didn’t know that there is a neat way to create equal columns by using absolute positioning. Will this be applicable for all scenarios? Absolutely not. But, it’s a nice trick to have in your tool box!


jQuery for Absolute Beginners: Day 14

Today, I’ll show you how to implement a jQuery plugin into your applications. There are literally hundreds of third party plugins available. It would be silly to ignore them! As you’ll find, they’re quite easy to implement! I’ve chosen the s3Slider plugin.

Later, down the road, I’ll show you how to build a plugin! But not today.


The $3000 “New Year” Competition!

It’s contest time! We’re starting 2009 with a bang! We have $3,000 cash to give away to ten brilliant designers. The authors of the top ten site template submissions in January will each receive a $300 bonus!

How Exactly Does it Work?

Between January 1 and January 31, you may submit your best theme for the “Site Template” category. During the first week of February, our staff will choose the top ten templates that were submitted during this time span. We will consider aesthetics, coding practices, and practicality – when choosing the winners.

How Do I Enter?

All approved site templates that are submitted in January will be automatically entered!

What Prizes Will Be Awarded?

  • The authors of the ten best templates will each receive a $300 bonus – in cash! Payments will be sent via Paypal.
  • The winners will be featured on the ThemeForest blog, via a “Featured Collection” link for a minimum of 60 days.
  • You’ll receive an extra sales boost as we milk your template for all it’s worth!
  • A roundup of the winners will be announced on NETTUTS.com – along with links to each template.

Who is Eligible?

Unless you’re an Envato staff member, you are more than welcome to enter. In fact, please do! Only submissions made to the “Site Template” category will be considered. Wordpress, Miscellaneous, Joomla, and PSD themes will not qualify.

When is the Deadline to Enter?

You have until 11:59 P.M (Central Standard Time) on January 31 to enter. Any submissions received after this date and time will not be considered.

Will the Reviewing Guidelines Remain the Same?

Absolutely. In fact, the only thing that will change is the bonus! Templates will still be rejected if deemed necessary. Only approved files will be considered for the bonus.

May I Enter More Than Once?

You’re welcome to submit as many templates as you like; however, only one of your submissions will be selected. The maximum earnings for each author is $300.

When Will the Winners Be Announced?

Sometime within the first week of February, our staff will notify the winners via email. A congratulatory posting will also be made on the blog at that time.

Some Advice From Your Site Manager

We’re looking for beautiful, but practical templates. Remember, you may have the most spectacularly designed theme. But, if it doesn’t have an audience, it won’t sell. Repeatedly ask yourself as you ready your submission, “Is this usable? Does it have an audience?”. We will be asking ourselves the same questions when deciding upon the winners!

Terms and Conditions

  • Entry is open to any Envato marketplace author who is NOT a paid staff member.
  • Any approved file uploaded between 12:01AM January 1, 2009 and 11:59PM January 31, 2009 (Central Standard Time) is eligible.
  • Payment to the ten winners will be made via Paypal and will be in US dollars.
  • The 10 winners will be selected solely at the discretion of ThemeForest and its staff.
  • All decisions are final.
  • For questions and/or concerns, contact the site manager at sitemanager@themeforest.net.

jQuery for Absolute Beginners: Day 13

Today, I’m going to show you how to submit information to a database asynchronously – using PHP and jQuery. We’ll be primarily working with the $.ajax method.


jQuery for Absolute Beginners: Day 12

Today will be the first part of a 2-part series. Ultimately, we’ll be drawing information from a database to create an advanced tooltip. Today, we’ll start with the layout and the basic functionality. It shouldn’t be too different from what we did in Day 11. In Part 2, we’ll use jQuery to call a PHP method asynchronously, and then populate the tooltip.


jQuery for Absolute Beginners: Day 11

Have you ever hovered over an image and seen a larger version pop up that moves parallel to your mouse movement? I’ll show you how to mimic that functionality today!


jQuery for Absolute Beginners: Day 10

It’s time to start digging into jQuery AJAX capabilities. Today, we’ll start off as simply as we can. We’ll store information on one page, and then load that specific information from another page! We’ll accomplish this by using jQuery “load()” method.


jQuery for Absolute Beginners: Day 9

In today’s video tutorial, I’ll show you how to resize text every time an associated anchor tag is clicked. We’ll be examining the “slice”, “parseFloat”, and “CSS” Javascript/jQuery methods.