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.

  •   746  
  •   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
 40k    0    0    0  

Nextcloud

in File Transfer & Synchronization
 30k    1    1    0  

Dashboard

in Personal Dashboards
 10k    0    0    0  

Libreddit

in Social Networks and Forums
 9k    0    1    0  

Audiobookshelf

in Audio Streaming
 8k    0    1    0  

Libre Translate

in Miscellaneous
 8k    0    0    0  

CasaOS

in Self-hosting Solutions
 7k    0    0    0  

Most Discussed

Nextcloud

in File Transfer & Synchronization
 30k    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

Mediagoblin logo
Mediagoblin cover

Mediagoblin

Free software media publishing platform that anyone can run…

sigal logo
sigal cover

sigal

Yet another simple static gallery generator.

Zenphoto logo
Zenphoto cover

Zenphoto

Open-source gallery and CMS project.