Musings of ErisDS
beta
ErisDS

Archive > Tag > Javascript

In the middle of writing a blog post about generating placeholder text (think lipsum..coming soon) I started wondering why there is no HTML-native way to load arbitrary content into an element. API’s and RESTful services are all over the web these days, but we continue to have to jump through hoops to access them. Either [...]

Last year I published two parts of a three part tutorial (doh) on the YUI2 Carousel Widget. Since that time, a new couple of new versions of the YUI2: Carousel widget have been released, and it seems my examples do not work with the updated code. This post covers the issues, the reasons why they occur and how to resolve them.

Yesterday I finally got around to sitting down with the Canvas and Processing.js tutorial in last month’s issue of .Net Magazine (Issue 202, page 82). I’ve been wanting to play with Canvas since the HTML5 special of the ExplicitWeb podcast we did back in March (subtle plug) and this tutorial seemed like a good way of getting started.

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.