Andrew Thorp changelog.com/posts

Fixie.js - Dynamically generated filler content

Ryhan Hassan has created a neat little JavaScript library that adds filler content to your HTML mockups. Using it is very simple, just add the fixie.js library to your HTML before the closing </body> tag, and Fixie looks for anything with a class of fixie.

<h1 class="fixie"></h1>
<p class="fixie"></p>

It’s smart enough to fill an <h1> tag with a phrase, a <p> tag with a paragraph, an <img> tag with an image, and so on. If you want to add fixie it to a container, it can handle that too!

By default, all images will be pulled from placehold.it, but changing that is very simple:

fixie.setImagePlaceholder('http://flickholdr.com/${w}/${h}/canon').init();

View the sample (refresh the page a few times to see the content generated dynamically) or browse the source at GitHub.


Discussion

Sign in or Join to comment or subscribe

Player art
  0:00 / 0:00