gallery

WebJar for gallery

License

License

MIT
GroupId

GroupId

org.webjars.bower
ArtifactId

ArtifactId

gallery-css
Last Version

Last Version

1.0.2
Release Date

Release Date

Type

Type

jar
Description

Description

gallery
WebJar for gallery
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/benschwarz/gallery-css

Download gallery-css

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.bower/gallery-css/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>gallery-css</artifactId>
    <version>1.0.2</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bower/gallery-css/
implementation 'org.webjars.bower:gallery-css:1.0.2'
// https://jarcasting.com/artifacts/org.webjars.bower/gallery-css/
implementation ("org.webjars.bower:gallery-css:1.0.2")
'org.webjars.bower:gallery-css:jar:1.0.2'
<dependency org="org.webjars.bower" name="gallery-css" rev="1.0.2">
  <artifact name="gallery-css" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bower', module='gallery-css', version='1.0.2')
)
libraryDependencies += "org.webjars.bower" % "gallery-css" % "1.0.2"
[org.webjars.bower/gallery-css "1.0.2"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

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.

Versions

Version
1.0.2