Skip to content

jonathansimmons/rdio-grid

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Rdio-inspired Grid View

This is a fork of flisterz rdio-grid http://flisterz.github.io/rdio-grid/. I adjusted the recalculate() function to accept additional parameters for better margin handling.

This is an attempt to recreate Rdio-style grid view, as seen on their album grid view. The column count and target width will adjust depending on window size.

###Example

recalculate(".grid", 175, 15)

Usage

recalculate(target_class, min_width, margin)

Options

Name type description
target string The class of your grid item.
min_width integer The min_width desired for your grid item
margin integer The margin to be applied to the grid item.

###TODO:

  • Find a better margin fix than current "inline-block/margin-left" hack
  • fix jumpiness (css animations?)

About

Rdio-inspired grid view

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 86.9%
  • JavaScript 13.1%