Sources Contact Advanced Search Tutorials

An Interest In:

Web News this Week

Search Archive

Some of Our Sources

View All Sources

Help Webnuz

Referal links:

May 6, 2015 08:00 am GMT

Flickity: Beautiful Galleries on All Devices Responsive and With Gesture Control

There are several solutions to creating galleries via JavaScript. But sometimes you may find the handling is not convincing, others provide a rather poor functionality. Flickity, however, is a state-of-the-art JavaScript framework for galleries that works great on desktops, as well as mobile devices. The gallery is responsive and can be controlled with your mouse or gestures – or even your keyboard. Thanks to CSS3 you can quickly navigate through galleries with animations. Quickly Integrated and Configured If you don’t want to read the documentation, you can quickly integrate Flickity into your project without any further configuration. You need to add a JavaScript file for the functionality and a stylesheet file for the layout and animated transitions to the HTML header. Then you can mark up the gallery via HTML. Define a container element that wraps around all gallery elements and assign the classes “gallery” and “js-flickity” to it. This can be a <div> element or any other block element, for example, <figure>. Add the class “gallery-cell” to each gallery element. This can also be a <div> element that wraps around, for example, images or other content. But you can also use a <img> element. You’re completely free to choose […]

* You might also be interested in the following articles:

Original Link: http://feedproxy.google.com/~r/Noupe/~3/kPXZ3qAmq9Q/flickity-beautiful-galleries-on-all-devices-responsive-and-with-gesture-control-91106.html

Share this article:

View Full Article

Noupe

Noupe passionately delivers stylish and dynamic news for designers and web-developers across the globe on all subjects of design

More About this Source Visit Noupe