Slides

No-JS Carousel

Why use JavaScript when you've got CSS?

I

Why is it useful?

You can show off your cats. In a slideshow. Because everybody likes slideshows.

II

And there's really no JavaScript?

This technique will work without any dynamic scripting at all.

III

So how does it work?

The key lies in the use of the little known :target pseudo-selector.

IV

What's the browser support like?

:target is a core CSS3 selector. So it's supported by pretty much everything.

V

Why wouldn't I use JavaScript?

Because JavaScript slows everything down for mobile devices. CSS is lean and mean.

VI

Are there alternatives?

Sure, there are alternative ways of achieving a similar effect, like this one using checkboxes and sibling selectors. Unfortunately, it only allows you to go in one direction.

VII

The End

Thanks for viewing!

VIII