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.
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.
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!
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.
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 email@example.com.
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.