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.

  •   1523  
  •   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 tall Banner

Popular Projects

FluxBB

in Social Networks and Forums
 51k    0    0    0  

Nextcloud

in File Transfer & Synchronization
 51k    1    1    0  

Teddit

in Social Networks and Forums
 27k    0    0    0  

Libre Translate

in Miscellaneous
 22k    0    0    0  

RustDesk

in Remote Access
 21k    0    0    0  

Dashboard

in Personal Dashboards
 18k    0    0    0  

MeTube

in Automation
 18k    0    0    0  

Most Discussed

Nextcloud

in File Transfer & Synchronization
 51k    1    1    0  

Tube Archivist

in Automation
 9k    0    1    0  

OneDev

in Project Management
 8k    0    0    0  

iodine

in Proxy
 5k    0    0    0  

Alf.io

in Booking and Scheduling
 6k    0    0    0  

sysPass

in Password Managers
 3k    0    0    0  

Misskey

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

Top Rated Projects

Technitium DNS Server

 1 rating
in DNS

Pydio

 1 rating
in File Transfer & Synchronization

Bagisto

 1 rating
in E-commerce

LinkAce

 1 rating
in Bookmarks and Link Sharing

Gitea

 1 rating
in Project Management

Audiobookshelf

 1 rating
in Audio Streaming

Nextcloud

 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…

Coppermine logo
Coppermine cover

Coppermine

Multilingual photo gallery that integrates with various bul…

UberGallery logo
UberGallery cover

UberGallery

UberGallery is an easy to use, simple to manage, web photo …