Fixie is an open source tool that that automatically adds filler content to HTML documents. It's very simple, and we welcome contributions.
To learn more, check out fixiejs.com
When designing and developing websites, it's often useful to add lorem ipsum text to see what your page will look like without worrying about your final content.
Unfortunately, adding lots of filler content involves lots of copy-pasting and manual editing, and also makes your HTML unwieldy.
Fixie.js makes filler content succinct, making it faster and easier to test out your designs.
Add <script type="text/javascript" src="fixie.js"></script>
to the bottom of your html document, right before your closing </body>
tag.
Wherever you need filler content, add data-fixie="true"
.
For example, if you wanted one filler paragraph, you could use
<p data-fixie="true"></p>
Fixie inserts the right type of content based on the tag name. Here are some major types you should be aware of:
<h1 data-fixie="true"></h1>
- Adds a few words of text. Same goes forh2 - h6
<p data-fixie="true"></p>
- Adds a paragraph of text.<article data-fixie="true"></article>
- Adds several paragraphs of text.<section data-fixie="true"></section>
- Adds several paragraphs of text.<img data-fixie="true"></img>
- Adds an image which displays the width and height of the image.<a data-fixie="true"></a>
- Adds a randomly named link.
When you start adding real copy to your page, try adding the following CSS to your stylesheet:
.fixie{ border:4px solid red; }
This CSS will highlight all of your dummy content, making it easier to make sure you didn't miss anything.
you want to dynamically insert content.
Returns a word.
Returns several words.
Returns several words, followed by a period.
Returns several sentences.
Returns several paragraphs.