Gallery CSS logo

Gallery CSS

  •  0 ratings
In category: Photo and Video Galleries

About Gallery CSS

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

  •   907  
  •   0  
  •   0  
  •   0  
Github stats:
  •  Commits: 74  
  •   11,000  
  •   305  
  •  Latest commit: Jan 21, 2016  

Self-host this app for $0.99/mo only!

Languages/Platforms/Technologies:
Lincenses:

More about Gallery CSS

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 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.

Comments (0)

Please login to join the discussion on this project.

Gallery CSS Reviews (0)

Overall Rating

None

based on 0 ratings

Please login to review this project.

No reviews for this project yet.

↑ back to top

RackNerd Medium Rectangle Banner

Popular Projects

FluxBB

in Social Networks and Forums
 44k    0    0    0  

Nextcloud

in File Transfer & Synchronization
 34k    1    1    0  

Dashboard

in Personal Dashboards
 14k    0    0    0  

Libre Translate

in Miscellaneous
 12k    0    0    0  

Libreddit

in Social Networks and Forums
 12k    0    1    0  

Audiobookshelf

in Audio Streaming
 11k    0    1    0  

Mediagoblin

in Photo and Video Galleries
 9k    0    0    0  

Most Discussed

Nextcloud

in File Transfer & Synchronization
 34k    1    1    0  

Tube Archivist

in Automation
 6k    0    1    0  

OneDev

in Project Management
 4k    0    0    0  

iodine

in Proxy
 3k    0    0    0  

Alf.io

in Booking and Scheduling
 3k    0    0    0  

sysPass

in Password Managers
 2k    0    0    0  

Misskey

in Social Networks and Forums
 4k    0    0    0  
pCloud Lifetime

Top Rated Projects

Gitea

 1 rating
in Project Management

Bagisto

 1 rating
in E-commerce

LinkAce

 1 rating
in Bookmarks and Link Sharing

Pydio

 1 rating
in File Transfer & Synchronization

Audiobookshelf

 1 rating
in Audio Streaming

Nextcloud

 1 rating
in File Transfer & Synchronization

Seafile

 1 rating
in File Transfer & Synchronization

Categories

You May Also Be Interested In

Piwigo logo
Piwigo cover

Piwigo

Photo gallery software for the web, built by an active comm…

Fussel logo
Fussel cover

Fussel

Fussel is a static photo gallery generator. Easily generate…

MediaHut logo
MediaHut cover

MediaHut

A truly single-file, no-database, drop-in PHP media gallery.