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.

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

Deploy this app to RackNerd 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
 42k    0    0    0  

Nextcloud

in File Transfer & Synchronization
 33k    1    1    0  

Dashboard

in Personal Dashboards
 12k    0    0    0  

Libreddit

in Social Networks and Forums
 11k    0    1    0  

Audiobookshelf

in Audio Streaming
 10k    0    1    0  

Libre Translate

in Miscellaneous
 9k    0    0    0  

Mediagoblin

in Photo and Video Galleries
 8k    0    0    0  

Most Discussed

Nextcloud

in File Transfer & Synchronization
 33k    1    1    0  

Tube Archivist

in Automation
 5k    0    1    0  

OneDev

in Project Management
 3k    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
 3k    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

Coppermine logo
Coppermine cover

Coppermine

Multilingual photo gallery that integrates with various bul…

Quru Image Server logo
Quru Image Server cover

Quru Image Server

High performance dynamically resizing image server offering…

HomeGallery logo
HomeGallery cover

HomeGallery

Self-hosted open-source web gallery to browse personal phot…