O'Reilly logo

YUI 2.8 Learning the Library by Dan Wellman, Daniel Barreiro

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

A very simple slider

What we're aiming to achieve over the course of this example is to produce a small widget that visitors to your site could use to dynamically change the font size of text on the page in a visually appealing manner.

I know that the font-size of any given page can easily be adjusted by your visitors using the native method of their browser's UI, but it's a nice effect to have directly on your own pages, it promotes usability, and would sit nicely in a "user control panel" area of your site/page.

The screenshot below demonstrates how our slider will appear by the end of this example:

A very simple slider

Getting started

The required dependencies for ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required