Justified.js - jQuery Plugin to create Justified Image Gallery

  •        14

jQuery Plugin to create Justified Image Gallery

http://nitinhayaran.github.io/Justified.js/demo/index.html
https://github.com/nitinhayaran/Justified.js

Tags
Implementation
License
Platform

   




Related Projects

micron - a [μ] microInteraction library built with CSS Animations and controlled by JavaScript Power

  •    CSS

Micron.JS is a micro interaction library which can be used to add Interactions to different DOM Elements. Micron.JS animates an element using CSS power and the interactive behaviours are controlled by JavaScript. Micron.JS is easy to adapt and can bring interactions to life using html5 data attributes or a chain of JavaScript methods.

Justified-Gallery - JQuery plugin that allows you to create a gallery with a justified grid

  •    HTML

This is a JQuery plugin which allows you to create responsive, infinite, and high quality justified gallery of images.A common problem, for people who create sites, is to create an elegant image gallery that manages the various sizes and aspect ratio of images. Flickr and Google+ manage this situation in an excellent way, the purpose of this plugin is to give you the power of these solutions, with a new fast algorithm.

Timesheet.js - JavaScript library for HTML5 & CSS3 time sheets

  •    Javascript

With Timesheet.js you can easily create simple time and data sheets or timelines using HTML5, JavaScript and CSS3. Yep, it's a Vanilla JS library. Just a few lines JavaScript to generate a beautiful HTML5 layout and some really delicious CSS to be customized by almighty you.

bounce.js - Create beautiful CSS3 powered animations in no time.

  •    CSS

Bounce.js is a tool and JS library for generating beautiful CSS3 powered keyframe animations. The tool on bouncejs.com allows you to generate static keyframes that can be used without any extra JavaScript, but if you'd like your application to generate these on the fly, you can use the Bounce.js library. You can also view and download all releases from here.


animsition - A simple and easy jQuery plugin for CSS animated page transitions.

  •    CSS

A simple and easy jQuery plugin for CSS animated page transitions.To contribute to animsition, clone this repo locally and commit your code. Please check that everything works before opening a pull-request.

SAY IT WITH CSS! Slide Show implemented as pure CSS3 / HTML 5 solution

  •    

The solution demonstrates CSS3 coding technique, which allows to implement online slide show with "darkbox" (or "lightbox") effects using pure CSS3 and HTML5; it does not require any Javascript/jQuery coding.

parser-lib - Collection of parsers written in JavaScript

  •    Javascript

The ParserLib CSS parser is a CSS3 SAX-inspired parser written in JavaScript. It handles standard CSS syntax as well as validation (checking of property names and values) although it is not guaranteed to thoroughly validate all possible CSS properties.The CSS parser is built for a number of different JavaScript environments. The most recently released version of the parser can be found in the dist directory when you check out the repository; run npm run build to regenerate them from the latest sources.

Ink - An HTML5/CSS3 framework used at SAPO for fast and efficient website design and prototyping

  •    Javascript

Ink is an interface kit for quick development of web interfaces, simple to use and expand on. It uses a combination of HTML, CSS and JavaScript to offer modern solutions for building layouts, display common interface elements and implement interactive features that are content-centric and user friendly for both your audience and your designers & developers. Ink is part of SAPO's Open Source Software initiative.

Paragraph Adjuster with Hyphenation

  •    Perl

Paragraph justification in any of the following formats: left-justified, right-justified, centered, or both left- and right-justified, with option for word hyphenation in case the word does not fit on a line

justified-layout - Pass in box sizes and get back sizes and coordinates for a justified layout

  •    Javascript

Pass in box sizes and get back sizes and coordinates for a nice justified layout like that seen all over Flickr. The explore page is a great example. Here's another example using the fullWidthBreakoutRowCadence option on Flickr's album page. Open Source Licensed under the MIT license.

Hover - A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on

  •    CSS

A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS. Hover.css can be used in a number of ways; either copy and paste the effect you'd like to use in your own stylesheet or reference the stylesheet. Then just add the class name of the effect to the element you'd like it applied to.

radiobox

  •    CSS

A tiny set of CSS3 animations designed for your radio inputs. Include dist/css/boing/boing.min.css instead, if you want to use only the Boing animation, for example.

checkbox

  •    Javascript

A tiny set of CSS3 animations meant for your checkbox inputs. Include dist/css/yo.min.css instead, if you want to use only the Yo animation, for example.

Scene.js - JavaScript & CSS timeline-based animation library

  •    Typescript

Scene.js is a JavaScript & CSS timeline-based animation library. It supports two plays Javascript and CSS animation. It provides effect presets that can give animation effects or make animation easier.

Flat-UI - Flat UI Free - Design Framework (html/css3/less/js)

  •    CSS

Flat UI is a beautiful theme for Bootstrap. We have redesigned many of its components to look flat in every pixel. To get started, check out getting started page or follow instructions below.

deck-of-cards - HTML5 Deck of Cards

  •    Javascript

Pure vanilla JS (+ CSS3) – no dependencies, by Juha Lindstedt & contributors. Frontside card graphics are slightly modified from Chris Aguilar's awesome Vector Playing Card Graphics Set.

minify - CSS & JavaScript minifier, in PHP

  •    PHP

And it comes with a huge test suite. The object constructor accepts 0, 1 or multiple paths of files, or even complete CSS/JS content, that should be minified. All CSS/JS passed along, will be combined into 1 minified file.

css-in-js - React: CSS in JS techniques comparison

  •    Javascript

React: CSS in JS techniques comparison. More ticks doesn't mean "better", it depends on your needs. For example, if a package supports the css file extraction you can run the autoprefixing at build time.