Popularity
5.9
Declining
Activity
0.0
Stable
1,134
58
298

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.
Alternatively, view Gallery CSS alternatives based on common mentions on social networks and blogs.

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

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.