Musings of ErisDS
ErisDS

Archive > Tag > YUI

It’s now been over a month since my last post to this blog. I had promised not to ever let it get longer than 10 days but this past month has been an exceptional circumstance. I’ve had a few enquiries regarding part 3 of my YUI articles, so this post is just a quick update to say it’s still on it’s way!

YUI Carousel Example  2Welcome to Part 2 of my YUI Carousel series. If you haven’t read it, Part 1 is here. Part 2 uses class names to setup multiple carousel instances, and also drops the YUI CSS in favour of writing your own custom css. The final Part 3 will show you how to write your own completely custom navigation for the carousel.

If you haven’t already read the first part of this tutorial, I suggest that you do. If you want to follow along, then please setup your workspace with a basic HTML file and somewhere to put Javascript, CSS & images now, the demonstration page is here . I’ll be using the same images as last time, same rules apply!

Carousel 1Welcome to my first JavaScript related post! I’m currently in the process of both learning *proper* JavaScript and trying to get to grips with the YUI framework. If you have suggestions for how to improve the following code I’d love to hear them.

The YUI Carousel widget is currently in Beta, and the navigation that it generates is very basic and, unlike the rest of the YUI framework, doesn’t have the necessary CSS hooks to style it properly. This may change with the release of YUI 3.0, but the Carousel widget isn’t included yet. So for the time being this three-part series will show you how to setup a Carousel & build custom navigation.

On the first of June I published a summary of my aims for the rest of the year. The plan was that these were 6 month goals, but that I had a cheeky extra month to start working towards them, test them out and see how realistic they were. So now that I’ve had my extra month it’s time to review these goals, and adjust them to make sure they are both realistic and challenging.