Code Monkey home page Code Monkey logo

isotope-docs's Introduction

Isotope Docs

Documentation for Isotope, the filtering & sorting magical layout library.

This project does not include the source for Isotope. That's over in github.com/metafizzy/isotope.

Build

Building these docs requires npm, Bower, and Gulp.

npm install
bower install
grunt

This will build the docs in build/.

Watch for updates to rebuild docs on the fly.

grunt default watch

Pass --dev to build the site with JS and CSS files included separately, un-concatenated, and un-minified.

grunt --dev

Isotope vs Masonry vs Packery

                 Masonry Isotope Packery
Masonry Layouts     x        x       x
no gaps                              x
draggable                            x
filtering                    x
sorting                      x
multiple layout              x

isotope-docs's People

Contributors

desandro avatar jackrugile avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

isotope-docs's Issues

Add a columnWidth gotcha

When setting columnWidth to a fluidly (%) sized element which is outside of the container, users should make sure that the other container (where sizer is in) has the same width, border and padding as the isotope container. Otherwise the size will be incorrectly calculated.

An example of a legit reasons why the sizer can't be in the same container is when using Ember's CollectionView.

Masonry Column Shift layout mode

hello
i want to ask you where is the Masonry Column Shift layout mode is not available on v2 we need this feature important, i don't know why you delete this feature is helpful i have a accordion filter sliding and below this filter i have some other product inside div when the filter collapsed there are still big empty space above the filter, can you help us to get this working

HTTPS mixed content ressource issue loading

URL : https://isotope.metafizzy.co/v2/methods.html

Problem in the docs

HTTPS is preventing jquery to load from google api because the link is HTTP and your "jquery.min.js" fallback doesn't work either, redirecting to a 404 page.

Mixed Content: The page at 'https://isotope.metafizzy.co/v2/methods.html' was loaded over HTTPS, but requested an insecure script 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js'. This request has been blocked; the content must be served over HTTPS. jquery.min.js Failed to load resource: the server responded with a status of 404 ()

Single Developer License

Hi, does the Single Developer License grant me the rights to create an item that i can sell on a marketplace? or would this license be bought per sale of the item? I am a Freelancer working for myself.

Infinite scroll

Add docs for infinite scroll, currently missing in the v2 docs.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.