gallery-css

CSS only Gallery

  • Owner: benschwarz/gallery-css
  • Platform:
  • License:: MIT License
  • Category::
  • Topic:
  • Like:
    0
      Compare:

Github stars Tracking Chart

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

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.

Main metrics

Overview
Name With Ownerbenschwarz/gallery-css
Primary LanguageCSS
Program languageJavaScript (Language Count: 2)
Platform
License:MIT License
所有者活动
Created At2013-03-14 11:47:02
Pushed At2021-12-14 11:48:58
Last Commit At2016-01-22 07:43:09
Release Count3
Last Release Name1.0.2 (Posted on )
First Release Name1.0.0 (Posted on )
用户参与
Stargazers Count1.1k
Watchers Count57
Fork Count296
Commits Count74
Has Issues Enabled
Issues Count32
Issue Open Count4
Pull Requests Count3
Pull Requests Open Count1
Pull Requests Close Count4
项目设置
Has Wiki Enabled
Is Archived
Is Fork
Is Locked
Is Mirror
Is Private