Popularity
6.7
Growing
Activity
0.0
Stable
1,102
57
314

Monthly Downloads: 0
Programming language: CSS
License: MIT License
Tags: Images     Photo and Video Galleries     Gallery    
Latest version: v1.0.2

Gallery CSS alternatives and similar software solutions

Based on the "Photo and Video Galleries" category

Do you think we are missing an alternative of Gallery CSS or a related project?

Add another 'Photo and Video Galleries' Software solution

README

Gallery.css is all CSS. Think: Simple, maintainable and understandable galleries without the use of Javascript.

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.

Installation

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.

Getting started

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

Read the getting started guide, or checkout the examples

How does it work?

Gallery CSS screencast: Building advanced web componentry using only CSS

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?

Browser support

Safari Firefox Chrome IE8 IE9 IE10 ✔ ✔ ✔ ✖† ✔ ✔

† [Absolutely possible](examples/ie-8) using a variety of JS selector shims, although not recommended.

Build instructions

Gallery CSS is built using grunt & RubySASS.

You'll need:

  • Ruby (and sass - gem install sass)
  • Run npm install from the root directory.
  • To run a build, you'll simply need to run grunt.