What? No script!? Why? — Gallery css started as an experiment to build interactive, fluid componentry without the need for jQuery, or a jQuery carousel script. Use this library, or don't — either way, hopefully you'll learn from the techniques used within.
The preferred method to install gallery-css is by using Bower, a package manager for front-end components.
bower install gallery-css
Otherwise, if you want to keep it simple, check the dist directory.
You've got a couple options with how you'd like to use gallery.css:
* Without autoplaying animation * With autoplaying animation * With or without browser prefixes
How does it work?
I've prepared a screencast that will take you through how to build something like Gallery-css from scratch, theres tonnes of tiny details that I learnt myself while building it. Its $15, you'll learn and it'll help me keep building for the web. How good is that?
† Absolutely possible using a variety of JS selector shims, although not recommended.
Gallery CSS is built using grunt & RubySASS.
- Ruby (and sass -
gem install sass)
npm installfrom the root directory.
- To run a build, you'll simply need to run