▶   We’ve been acquired by Pluralsight!   ▶   Upgrade your account to Pluralsight   ▶   More details…

Gallery CSS


Download Free Preview

Purchase includes iPod download Purchase includes Quicktime (zip) download

W3C invited expert and PeepCode author Ben Schwarz built this carousel using only HTML and CSS.

In this 40 minute video, Ben walks you through building and understanding a simple set of carousel slides using Gallery CSS.

You’ll use the grunt tool to build a static set of HTML and CSS into an animated gallery. You’ll learn how CSS animations work. You’ll build solid markup to drive the gallery.

Topics covered:

  • Layout & setup
  • CSS transitions
  • Gnarly CSS selectors
  • Interactivity without JavaScript
  • Maintainable vendor prefixing
  • Advanced use of Sass and SCSS
  • CSS animation
  • Grunt.js build system

Ben’s gallery is already in use around the Internet. See a demo or get straight to learning and using it with this video!


Assumes basic knowledge of HTML and CSS.

Revision 1 (Notes) · Updated: May 06, 2013 · Length: 40 min · 198 MB

Screencast Catalog