Resources for jank busting on the web.
JavaScript CSS Python Other
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
_layouts Adds "What is Jank?" section Jan 20, 2015
_posts
_site
css Adds "What is Jank?" section Jan 20, 2015
examples
feed Fixes date format for RSS Nov 7, 2013
images added anigif for frame viewer page May 8, 2014
jank-busters-advanced adjusted advanced slides for talk May 23, 2013
jank-busters-cssconf
jank-busters-io-2013 Remove template slides May 20, 2013
jank-busters-io Move io slides to jank-busters-io so I can hijack this domain for oth… Jul 3, 2012
jank-busters-jsconf-eu Add link to frame viewer Sep 15, 2013
jank-busters-tok
less
raf Show visibility status. Jul 3, 2012
silk Specify which properties are transitioning to avoid degenerate CSS tr… Sep 17, 2014
velocity-europe slightly modified css animation example Oct 12, 2012
.gitignore Adds must-see section Nov 13, 2013
CNAME added CNAME to master May 20, 2013
README.md Updates readme Nov 6, 2013
_config.yml switch to kramdown markdown interpretter May 23, 2014
index.html Adds "What is Jank?" section Jan 20, 2015
template.html Move io slides to jank-busters-io so I can hijack this domain for oth… Jul 3, 2012

README.md

jankfree.org

Adding a resource

All files are in markdown inside the _posts folder. They are grouped by where they appear on the site, though that is purely for convenience, the actual placing is done through the categories array in the YAML front matter in each file.

A resource markdown file should be named:

YYYY-MM-DD-title-of-resource.md where the date is today's date.

It's probably easiest to start with another file from the same section and customize it to your needs.

Once you're done commit the file and push to gh-pages. GitHub will do the rest.

Building the CSS

The styles are written in LESS. The CSS file in css/site.css is generated from less/site.less.

  1. Install node.js
  2. Install npm
  3. Install less
  4. Ensure npm's global path is in your path
  5. Run lessc -x less/site.less > css/site.css

Building the site

If you want to build locally simply install Jekyll (sudo gem install jekyll) and then:

jekyll build

Or if you want to run the server go with:

jekyll serve --watch and then hit localhost:4000.

Notes

  • Don't edit existing files in /examples, make copies instead! The existing ones are linked to from old presentations.
  • If adding talk slides, make a new directory for the slides, add any new examples to /examples and other assets under the talk directory.