In this short screencast I will show how to create a “colour-fader” with jQuery, much like the one used on this website (up in the header). It’s not a particularly practical enhancement but I think it’s a pretty cool feature nonetheless. You can download the files created in the screencast here [zip].
If you watched my last screencast I’m sure you’ve noticed the vast difference in sound quality; well, that’s because of my recently acquired Samson mic.
I’m hoping to begin a podcast show soon, although I’m not 100% sure about it. If any of you are interested in possibly co-hosting such a show (even just for one episode) please let me know! If it does happen then the main topics of discussion will be web development, usability, industry news, hopefully with a strong focus on JavaScript.
While I’ve got your attention here’s a few links to keep you distracted:
- Packt Publishing released a sample chapter of the awesome new jQuery book: “Learning jQuery 1.3 » Chapter 4: Effects“
- Microsoft recently released a new cross-browser “testing suite” for us web developers – “Expression Web ‘SuperPreview’ makes cross-browser testing like moist delicious cake“
- Collis Ta’eed, the co-founder of Envato (Nettuts, Psdttuts, FreelanceSwitch, Themeforest etc.), has started his own blog!
- If you’re a mobile web developer then you’ll find these compatibility tables by the legendary PPK very useful!
- These videos are awesome: “Animation vs. Animator” & “Animation vs. Animator 2“
Thanks for reading! Please share your thoughts with me on Twitter. Have a great day!
Thanks James!
That screencast ROCKS!
Many thanks James great screencast – very interesting (and great sound quality!)
Very helpful! This was a simple effect to recreate, but it looked confusing to begin with. Very nice job. 🙂
One little suggestion: It would be nice if you had some little quick go over the code at the end, just to refresh our minds. 😀
Ingenious way of changing the header’s colour while having a texture.
For the “Expression Web ‘Super Preview'” thing.. well, there’s always the free IETester program that works pretty well. The other browsers could always be installed and tried out that way.
Awesome tutorial ! What software did you use for it?
I would be happy to be involved in the podcast but I guess you want someone a bit more qualified 🙁
Jack.
Hi!
Please, say me which programm you use?
I only start learn jq and i know onle dreamwever, but wright there script is nit funny =(