Faux Columns

A jQuery plugin to create columns of lists until column-count works as expected.

There’s an interesting set of CSS properties in early adoption: columns.

Unfortunately, columns are so new, they not only still require browser prefixes, but implementation still varies wildly – specifically in the area where I‘m looking to use them: lists.

So I whipped out a jQuery plugin to address this. Since I use it here on the playground (Easing, Homepage, for example), the plugin itself lives in the main JS file. Go pull it from there for the moment.

I‘m a bit mixed on using this plugin and am contemplating writing a sibling – in order to get the columns, jQuery generates x number of container elements to store each column. This means one <li> is not necessarily a .sibling() of another, even though it really is. Unsemantic tomfoolery will never do.

98 CSS properties

A <ul> full of list items.

  • azimuth
  • background-attachment
  • background-color
  • background-image
  • background-position
  • background-repeat
  • background
  • border-collapse
  • border-color
  • border-spacing
  • border-style
  • border-top
  • border-top-color
  • border-top-style
  • border-top-width
  • border-width
  • border
  • bottom
  • caption-side
  • clear
  • clip
  • color
  • content
  • counter-increment
  • counter-reset
  • cue-after
  • cue-before
  • cue
  • cursor
  • direction
  • display
  • elevation
  • empty-cells
  • float
  • font-family
  • font-size
  • font-style
  • font-variant
  • font-weight
  • font
  • height
  • left
  • letter-spacing
  • line-height
  • list-style-image
  • list-style-position
  • list-style-type
  • list-style
  • margin-right
  • margin-top
  • margin
  • max-height
  • max-width
  • min-height
  • min-width
  • orphans
  • outline-color
  • outline-style
  • outline-width
  • outline
  • overflow
  • padding-top
  • padding
  • page-break-after
  • page-break-before
  • page-break-inside
  • pause-after
  • pause-before
  • pause
  • pitch-range
  • pitch
  • play-during
  • position
  • quotes
  • richness
  • right
  • speak-header
  • speak-numeral
  • speak-punctuation
  • speak
  • speech-rate
  • stress
  • table-layout
  • text-align
  • text-decoration
  • text-indent
  • text-transform
  • top
  • unicode-bidi
  • vertical-align
  • visibility
  • voice-family
  • volume
  • white-space
  • widows
  • width
  • word-spacing
  • z-index