TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Fixie.js - Automatic filler content for HTML documents.

115 pointsby zacharytamasabout 13 years ago

13 comments

duopixelabout 13 years ago
I dislike using lorem ipsum or other non-sensical text for mockups, but I admit that it fills a very real need for designing content-centric websites when the content isn't ready yet.<p>I've encountered just too many cases where the design looks great as a mock-up but when you start plugging in real data the layout start breaking apart, either because the content is too short, too long, or the designer didn't consider long usernames.<p>My dream for a filler content generator would be a large database of real content types, so you would have a list of real twitter handles, facebook names, blog post titles, world news articles and so on. You could then do stuff like h1 class="fixie worldnews title" or class="fixie twitter username".<p>Designers often argue that the purpose of Lorem Ipsum is to help the client focus on the look and not the content. I think this posture is wrong because you need the client thinking about content as early as posible.<p>Front-end developers also need the randomness of real world data to test the sturdiness of their layouts and account for edge cases as early as posible.
评论 #3922545 未加载
评论 #3923171 未加载
评论 #3922330 未加载
stephenhandleyabout 13 years ago
awesome. maybe an alternative api would be to allow for something like<p><pre><code> fixie.init([".array", "#of .selectors", ".that", ".should", "#be .populated .with .lorem"]) </code></pre> or just a string like<p><pre><code> fixie.init(".string, #of .comma .separated .selectors, .that, .should, #be .populated .with .lorem") </code></pre> I think that would address the class proliferation issue and still be explicit about which dom nodes should be populated. easier to maintain / comment out.
评论 #3922375 未加载
评论 #3923304 未加载
JohnnyFlashabout 13 years ago
This would be so much more awesome if you could assign the class to a container div. Then on each page reload it would randomly add content - be it paragraphs, headers, imgs, lists, tables etc.<p>This would be a fantastic tool for testing templates against a wide variety of random content. When making a template for clients to use you can never be too sure what they are going to add so you do your best to style everything. Getting random content on each page load would really solidify this testing.<p>Adding a class to individual elements... I don't find this too useful.
评论 #3925053 未加载
kwamenum86about 13 years ago
Depending on what browsers you're supports it's probably far easier to use generated content (:before, :after). Maybe combined with calc or CSS expressions.
评论 #3922246 未加载
raingroveabout 13 years ago
I like how the words generated are totally hipster!
评论 #3923332 未加载
juddlyonabout 13 years ago
Great idea!<p>I'd use this on client projects if:<p>- I could pass a selector rather than adjusting my markup (maybe I can add 'fixie' via jQuery?)<p>- There's an easy way to swap out the word list - I've had Bacon Ipsum, Hipster Ipsum, and Gangster Ipsum all slip through before and it's embarrassing (depending on the client).
SirensOfTitanabout 13 years ago
Very cool. However, I don't particularly like the fact that I need to add a class to each applicable container.<p>Maybe a configuration file that allows for selection of specific classes/ids instead?
评论 #3922296 未加载
nXqdabout 13 years ago
I don't this is a good idea. Because even if you want quick design but later you will have to fix them all. And nowadays designers are familiar with html ( the most basic skill ). But it's nice btw
评论 #3923661 未加载
minikomiabout 13 years ago
Thought this might be something like <a href="http://jsfiddle.net/MNFV8/1/" rel="nofollow">http://jsfiddle.net/MNFV8/1/</a> but I like the addition of the paragraph generators too.
teuobkabout 13 years ago
This looks pretty cool. It would be a great companion to <a href="http://placehold.it" rel="nofollow">http://placehold.it</a> (which fills a similar role for images).
评论 #3922183 未加载
abrichrabout 13 years ago
I can't remember the number of times I've wished for something like this. I'll be sure to check it out for the next web project :)
kailashbaduabout 13 years ago
Like it. The only nuisance is the class attribute you have to repeat across all tags that you need to fill in.
评论 #3922285 未加载
评论 #3923591 未加载
评论 #3922287 未加载
franciscoapintoabout 13 years ago
Won't work with javascript disabled, obviously. This makes it unusable for me.