jniac / js-flex

kind of flex layout in vanilla js (1D & 2D)

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

js-flex

resolving "kind-of-flex" model in javascript

online demo / test

features:

  • 1D (default) or 2D space
  • include "gutter" style prop (actually missing in the current flexbox model)
  • "fill" / "fit" / and a lot of size options (%, op, ...)

2D-StressTest 1D-StressTest

start developing

Watch changes on ./src (chokidar), build on changes (rollup), test build (mocha giveup, using custom lib).

npm start

or simply test

npm test

visual test

local:

Need to serve the whole folder over http. Currently using super-quick-static:

super-quick-static

http://localhost:8000/test/html

online

here's the (github) page

1D image

2D image

About

kind of flex layout in vanilla js (1D & 2D)


Languages

Language:JavaScript 94.9%Language:HTML 3.3%Language:CSS 1.8%