[HN Gopher] Show HN: UI Filler - placeholders for your designs
___________________________________________________________________
Show HN: UI Filler - placeholders for your designs
Author : alexray
Score : 76 points
Date : 2022-06-30 18:17 UTC (4 hours ago)
(HTM) web link (www.uifiller.com)
(TXT) w3m dump (www.uifiller.com)
| jon-wood wrote:
| One of these days I'm going to build something like this, but
| with realistic profile pictures. A UI with pictures like this
| site has will always look great, but now try it when half the
| profile pics are the user's dog, or the user standing in front of
| the Eiffel Tower, or hanging out with fifteen friends in a bar.
| Suddenly it goes from "oh, that's a post from Bob" to "what even
| is that picture"?
| benbf wrote:
| We had a blast building this! Let us know if there are any other
| types of filler content that would be useful. Maybe a Figma
| plugin?
| aasasd wrote:
| If you aren't testing your interface with names like Ferdinand
| Zvonimir Maria Balthus Keith Michael Otto Antal Bahnam Leonhard
| von Habsburg-Lothringen, you're doing it wrong.
|
| My favorite town is Chrzaszczyzewoszczyce, powiat Lekolody:
| https://youtube.com/watch?v=jaMcIbIWt_4
|
| My favorite country is Sovereign Military Hospitaller Order of
| Saint John of Jerusalem, of Rhodes and of Malta:
| https://en.wikipedia.org/wiki/Sovereign_Military_Order_of_Ma...
|
| For the company, look at those sub-sub-subdivisions of state
| departments. But there's also this cutie: https://find-and-
| update.company-information.service.gov.uk/c...
| VWWHFSfQ wrote:
| Just do {{ name|truncatechars:8 }}
| Ferdina...
|
| Eh, they'll still know who it is.
| aliswe wrote:
| No no hold that thought - it will be a good way to generate
| clicks! _looking at you LinkedIn_
| harlanlewis wrote:
| This is almost perfect, just need a few more special
| characters. Fortunately, Eseeva'e O Cuinneagain Solveig doesn't
| mind being a _very_ early adopter.
|
| Edit: I bet this post looks pretty stupid now after parent
| edited to include special characters.
| jonwinstanley wrote:
| Someone's first name should be <script alert("hello"); and
| maybe get Bobby Tables in there too?
| alexray wrote:
| Once this becomes the next decacorn, we're going to get
| Ferdinand Z. M. B. K. M. O. A. B. L. von Habsburg-Lothringen to
| be our spokesman. Heck, Ferdinand -- if you're in the comments,
| you can be our spokesman now if you want
| onion2k wrote:
| I think I went to school with him.
| aasasd wrote:
| Well, it's not like I made him up, he's 25 now: https://en.wi
| kipedia.org/wiki/Ferdinand_Habsburg_(racing_dri...
|
| Memorable from the 2017 Macau F3 finish:
| https://youtube.com/watch?v=RfWr8mP3P1Y
| cphoover wrote:
| Needs more components! but I like this.
|
| should have lists too.
| alexray wrote:
| Thanks! What kinds of components? We're happy to add more
| alexray wrote:
| Hey HN, Alex and Ben here, and we wanted to share a simple web
| app we created recently.
|
| UI Filler is a quick way to get placeholders for your designs.
|
| We do a lot of UI design and development and frequently need to
| fill it with placeholder content. I usually just Google "Lorem
| ipsum" and end up on a site about the history of lorem ipsum,
| then copy and paste some small chunk of it to fill the field I
| need. Ben, who is even more design-oriented than I am, tries to
| make up appropriate text to fill fields (my favorite thing he
| does is placeholder names, like "Anita McLaren"). We decided to
| make a tool that would save us a bit of time every time we needed
| a placeholder, so we built UIFiller.
|
| Let me know what you think!
| ActualBest wrote:
| If you click just a little too far to the right of the Shuffle
| button, you download instead.
| alexray wrote:
| Oops! I'll fix that :)
| alex3305 wrote:
| Great idea, thanks for this! The only thing I would change is
| the background color of the site. The high visibility jacket
| green does not contrast well with the white boxes and dark gray
| text. I also get a bit of afterimage, but that's probably
| because of me.
| alexray wrote:
| That's a fair callout -- thanks. We will probably make the
| color a little less intense in the future, or at least give
| an option of muting it :)
| lazyjeff wrote:
| Nice idea, I could imagine using this. Just a thought, it might
| be nice to see more variation in the Lorem Ipsum, like with
| text that include numbers and links and capitalized word, maybe
| even multiple paragraphs.
| alexray wrote:
| That's a great idea
| wallawe wrote:
| This makes a ton of sense as a browser extension, why not go
| that route? With this, I still have to google your site (or at
| least type it into the url bar if i remember the exact url)
| alexray wrote:
| How do you imagine using it as a browser extension?
| throwaway888abc wrote:
| Brilliant idea! Bookmarked. Will use.
|
| Some wish list:
|
| - implement seed number (to get same results every time)
|
| - json endpoint
|
| - little bit more of data types
| alexray wrote:
| Those are great ideas. I hadn't thought of including a seed,
| but it shouldn't be too hard to set up. What kinds of data
| types are you imagining?
| danielvaughn wrote:
| I'm about to build something similar, not as a standalone
| product, but as an internal component for a side project of
| mine. If this could be fleshed out, and delivered as an API,
| I'd pay for it.
| alexray wrote:
| Interesting -- want to chat and tell me a bit more? You can
| send me an email at alex at ui filler dot com
| moralestapia wrote:
| Very nice, I would really dig an HTTP API of this.
| alexray wrote:
| Cool, thanks - that seems to be a popular request. I think
| we'll build that next.
| bluetidepro wrote:
| If you google "api for dummy data" there are a ton of sites
| that do exactly that, just a heads up :)
| mellonaut wrote:
| This uses content from logoipsum who explicitly state you cannot
| use their logos for this purpose:
|
| "You can not:
|
| Re-distribute/re-package as means of creating similar logo
| placeholder website to Logoipsum.com and/or similar to Logoipsum
| Figma Plugin."
|
| see: https://logoipsum.com/license/
| alexray wrote:
| Yeah, rereading the license, it looks like we shouldn't use
| images from there. We have already removed them from the list -
| thanks for the flag
| bartkappenburg wrote:
| So basically a web frontend for Faker?
| alexray wrote:
| I haven't heard of Faker before, but it looks cool! (It's
| https://fakerjs.dev/, for anyone else who discovers this here)
| GrumpyNl wrote:
| Little bug, when you click the shuffle button, the headline from
| the next box get highlighted, like you wanna copy it.
| alexray wrote:
| Good find -- we'll fix that!
| jsjoeio wrote:
| cool to see AZ as one of the placeholders!
| T3RMINATED wrote:
| berkes wrote:
| I like how this includes images and logos.
|
| I typically use https://mockaroo.com/. But its target is probably
| less design and more implementing a design in an app or a site.
| alexray wrote:
| That's cool! We're thinking about adding an API in the future.
| What kinds of things are you using mockaroo for?
| hcarvalhoalves wrote:
| An alternative: https://alistapart.com/blog/post/content-first-
| design/
| outsidetheparty wrote:
| Took me a moment to notice the "shuffle" button; the utility of
| the site became a lot clearer after that!
|
| Are those real peoples' photos? I know this is intended for
| mockups and placeholders, but the absence of any licensing info
| would still give me a little pause before trying this for
| anything but a personal project. (I recognize the 'fake logos'
| from logoipsum.com, they don't require attribution but you
| miiiiight be on the wrong side of the line of their "as long as
| you don't use the logo to make similar website as Logoipsum then
| it's all good" thing.)
|
| I hate to be the copyright party pooper, but this is a nifty
| idea; a quick note at the bottom confirming sourcing and that
| everything's openly usable would probably encourage more people
| to make use of it!
| mtmail wrote:
| I had the same reaction and won't want to risk using photos
| that a larger company might try to claim copyright over
| later.https://www.uifiller.com/images/portraits/anon-6.jpg is
| https://unsplash.com/photos/lknvOcns4zM which lists a "Free to
| use under the Unsplash License" (https://unsplash.com/license)
| but it's not obvious.
| alexray wrote:
| That's a good point -- our goal is for everything on the site
| to be able to be used without any sort of attribution. I think
| it's that way now, but will go and double check everything
| we're using today
| jw1224 wrote:
| > Are those real peoples' photos?
|
| Certainly not the portrait photos -- they're unmistakably
| sourced from https://thispersondoesnotexist.com/ (once you've
| seen enough of them, they're impossible to miss...)
| alexray wrote:
| Right! We wanted to make sure not to use real people's
| photos. It is a bit eery that all of their eyes stay in the
| same place as you hit shuffle...
| hansoolo wrote:
| What has been seen, cannot be unseen...
___________________________________________________________________
(page generated 2022-06-30 23:00 UTC)