[HN Gopher] Tell HN: I let my 6-year-old daughter design my website
___________________________________________________________________
Tell HN: I let my 6-year-old daughter design my website
We had some free time during the Chinese New Year vacation (we live
in Taiwan). So I thought it would be fun to work with my daughter
on a little web project. She did all the drawings. I digitized
them and added them to the page as inline SVGs. Then I wrote the
code. Nothing fancy -- it's just one HTML page with a few links.
But I like the end result (yes, I'm 100% biased): https://kevin.tw
Fun technical facts: the page is entirely self-contained (except
the favicon). It doesn't have any JavaScript at all. And it weighs
35Kb total (52Kb if you include the favicon).
Author : kbst
Score : 754 points
Date : 2022-02-15 10:59 UTC (12 hours ago)
| toto444 wrote:
| > the page is entirely self-contained (except the favicon)
|
| I have made a self contained page as well a few days ago. This is
| oddly satisfying. I use pixel art to make the illustrations (it's
| all CSS though).
|
| If you want to take a look at it :
| https://drdru.github.io/pixel_art_book/pixel-art(1).html
| merelysounds wrote:
| I also like self contained pages, especially how they simplify
| long term maintenance.
|
| For images I do a different hack, I encode images to base64 and
| embed them via CSS `background:
| url('data:image/jpeg;base64,/...')`, or img src. The base64
| encoding is not very efficient though, so I wouldn't do this
| for larger images.
|
| Example: https://merely.xyz (page background has a subtle
| "concrete" pattern).
| iply wrote:
| Excuse my ignorance. What does self-contained mean? I've seen a
| lot of people mentioning it but haven't been able to find a
| good source to read from and learn more about
| detaro wrote:
| That it's _only_ the HTML file, no external files (CSS, JS,
| images, ...) loaded /needed.
| memalign wrote:
| I've been working on something similar - embedding pixel art as
| ASCII with some JavaScript to render it as images:
|
| https://memalign.github.io/m/pceimage/index.html
| burtekd wrote:
| Pixelart images?? You sir have too much free time on your hands
|
| Love the outcome though
| toto444 wrote:
| The reason we write software is to save us time :-). The way
| I do it is :
|
| - download (free) video game tiles
|
| - upload them to https://www.pixelartcss.com/ to turn them
| into CSS
|
| - use this tool (kindly made by thecodingfox a few days ago)
| to place the tiles on a grid and create the whole image from
| the CSS returned by pixelartcss :
| https://www.thecodingfox.com/interactive/pixel-world-editor/
| burtekd wrote:
| One word to sum this up: wow
| sandos wrote:
| I was wondering why the zoom was all wrong and I had to zoom
| out 2 steps. Turns out thats what happens when you use 125% ui
| scaling in windows 10.
| zelphirkalt wrote:
| And it does all that without requesting untrusted third party JS?
| Amazing! Have my upvote.
| luckystarr wrote:
| Your coronavirus app misses a significant feature: to select the
| time frame when doing a logarithmic plot. Without being able to
| reduce the time to say a few weeks, you can't tell visually if
| the current situation is exponential or not.
| hmate9 wrote:
| So good! Websites rarely have personalities any more.
| yreg wrote:
| Tiny accessibility suggestion:
|
| Add a <span class="sr-only">Kevin Basset</span> into your H1.
| .sr-only { position:absolute; left:-10000px;
| top:auto; width:1px; height:1px;
| overflow:hidden; }
|
| Source: https://webaim.org/techniques/css/invisiblecontent/
| mkovach wrote:
| Awesome stuff.
| davmar wrote:
| i love it. love love love it.
| mhh__ wrote:
| I couldn't draw/write that neat until I was probably twice that
| age.
|
| Nicely done
| m4xm4n wrote:
| This makes me feel warm and fuzzy again for the old web. This is
| wonderful!
| cpach wrote:
| Very nice site. Kudos to your daughter :)
| [deleted]
| sandGorgon wrote:
| This is awesome and so cool. How did you digitise the drawings?
| jmclnx wrote:
| Very Nice and unique, I like its design a lot
| dschuessler wrote:
| That's a great idea and it turned out way better than the
| headline made me fear. You keep the spirit of her drawings but
| present it in a really creative way.
|
| I also like the no-bs approach on the technical side. This is
| indeed a page that does not need a single line of Javascript and
| it's a testament to what you can do with most basic web
| technology. I hope this lightness will have its big comeback
| someday.
| SeanLuke wrote:
| So... why _does_ it look like a snail?
| mcs_ wrote:
| Very impressive. Congrats to you both. It is an excellent idea,
| and it would be nice to see a lot more inspired by this. Thanks
| for sharing.
| pests wrote:
| I'm sure you know but you could inline the favicon with a data:
| uri scheme if you wanted to go completely self-contained
|
| <link href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAA
| AAAQEAYAAABPYyMiAAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGy
| Ws+AAAAF0lEQVRIx2NgGAWjYBSMglEwCkbBSAcACBAAAeaR9cIAAAAASUVORK5CYI
| I=" rel="icon" type="image/x-icon" />
| sdfhbdf wrote:
| I'm pretty sure browsers are gonna request /favicon.ico anyway.
| samatman wrote:
| I for one 'knew' this but had forgotten, as is so easy with
| this kind of trivia. These little pro tips are a big part of
| what keep me coming back to the site, and there's always
| _someone_ who didn 't know.
|
| The disclaimer is of course polite, I'm just saying thanks.
| zactato wrote:
| This gives be some strong 90s web vibes. Before the days of
| html5, javascript frameworks and professional UX designers we
| used [ImageMap|https://www.w3schools.com/html/html_images_imagema
| p.asp].
|
| It was maybe not clean and professional but it felt fun. This
| also feels fun. It's clear that the person that designed this
| website found joy in the process.
| the_gastropod wrote:
| Adding to the echo here a bit, but once more: this is so cool!
| Good on you for sharing something special like this with your
| daughter. Well done.
| brundolf wrote:
| Love the idea
|
| Fwiw, it's slightly broken on my iPad; I see the arrow at the
| bottom pointing to something below the fold but I can't scroll
| down
| mashaole wrote:
| I love this it looks different uniqueness is missing in websites
| as most people use templates which takes away the art and beauty
| of most websites ...you Should keep her as your design
| bla3 wrote:
| Looks nice!
|
| In landscape mode on chrome/android, the footer overlaps the main
| part of the page.
| labster wrote:
| Landscape on iOS, you can't even see the header nor can you
| scroll it.
|
| Given the web today, I wonder is anyone still turns their
| phone. I hold a phone in landscape sometimes, and see 14px of
| content, a header, a huge cookie choices bar (scroll to see the
| "decline cookies" button, which leads to a maze of twisty
| toggles all alike), and an advertising bar at the bottom with a
| teeny tiny X. Even broken this site's design is better.
| kypro wrote:
| This is such a cool idea and it looks great. You both did a
| really good job with this.
|
| On a side note, I miss how creative people used to be with their
| personal websites. I'm guilty of it too, but everyone's blog is
| so similar these days. Apart from slight variants in page width
| and typeface there really isn't much creativity on the web these
| days. It's nice to see something different.
| pengo wrote:
| Very cool site!
| kirillzubovsky wrote:
| This is so awesome. This is what the web used to look like in the
| 90s when I was a kid learning to program, and it was glorious.
| Now everything top-10000 websites looks the same. Let's have more
| daughters design websites!
| nnoitra wrote:
| Heartwarming and awesome!
| eimrine wrote:
| Wasn't it possible to do some antialiasing for Firefox? So
| painful to look at these stairs instead of good old lined pages
| from notebooks. And only two holes in the page which meant to be
| a spring notebook is kind of lame. And afaik margins and holes
| for spring are on different sides of a sheet. And of course it
| looks sooo ugly on vertical ultrawide because of noticeable
| incline of buttons (on usual monitor they are not) and the insane
| height of a notebook page. BTW it will be interesting to see the
| design of new (also clickable) arrows gathered in stack when this
| page will contain more links to your works (now it is
| progressier.com and coronavirus.app and they are not stacking
| until some third work will appear). So, your daughter has done a
| great job but you still have some space to grow.
| eimrine wrote:
| Why am I downvoted so heavily? I tested the website in two
| computers and have payed my attention to any element in dev
| console, then wrote down all the issues I have found. If I was
| rude or something, why not just to tell me?
| dashwehacct wrote:
| The community guidelines are a pretty good start. If I were
| to take a guess, your comment came off as more of a complaint
| than constructive feedback. Your point may have been valid,
| but the delivery was just "off".
| [deleted]
| dorkwood wrote:
| Was it necessary to say "of course it looks sooo ugly" before
| delivering your feedback? This sort of phrasing isn't
| constructive, and taints the rest of your message.
|
| When I was younger, I thought it was enough that I was
| speaking the truth, even if I phrased things harshly. I'd
| think to myself "they should listen to what I have to say,
| because I'm correct. If they don't like how I phrased it,
| that's their problem." Unfortunately, humans aren't robots.
| If you're going to deliver harsh feedback, it's important to
| do it in a way where the other person is likely to accept the
| message you're trying to communicate. Otherwise, you may as
| well have not sent any message at all.
| chrismorgan wrote:
| Firefox has always done a spectacularly bad job of thin and
| especially thin slight-angled gradients. I'm not sure quite why
| they allow it to remain so bad. I wish they would fix it--but
| my wish is nowhere near great enough to try to figure out how
| to fix it myself, which would doubtless be an arduous journey.
| danielpettersso wrote:
| Nice!
|
| Did the same kind of thing a few years ago. When my kids were in
| to tower defense games.
|
| https://pettersson.casa/td2/
| NoWizards wrote:
| Came for copper i found gold. got a nice inspiration by seeing
| this website
| zild3d wrote:
| haha the crayon styling is great, care to share any
| implementation details?
| danielpettersso wrote:
| Thanks, courtesy of my kids 8 years ago. =)
|
| The implementation is nothing fancy at all. The graphics is
| done with PixiJS, and there is a sprinkle of jQuery and
| TweenMax for the movement.
| Serverless_joe wrote:
| This is awesome! You should feel proud dad!
| sg47 wrote:
| Teaching my daughter HTML, CSS, Github with this -
| https://methidal.github.io. The poems are her own.
| pcardoso wrote:
| Very cool.
|
| I also did a small web project with my 9yo son, while my 1yo
| daughter stayed on my lap.
|
| He mentioned a website name, tiramacacos.com (means take-
| boogers). I said we could do something about it and in a few
| minutes we had the artwork and some minimal html to support it.
| Mezzie wrote:
| She's a better web designer than I was at 6!
|
| Did she design it as a website? It's interesting that she went
| with drawings/a piece of paper as the default presentation.
| (Assuming that was her decision).
| vinniecentr wrote:
| She's a better web designer than I am at age 37 ;-)
| globular-toast wrote:
| She's 6. Of course she didn't. She drew it on paper and then he
| made a website that looks like something a 6 year old drew on
| paper.
| Fnoord wrote:
| Sure. I mean, she's 6. The point is that she contributed to
| it, the point is she collaborated with dad to make a website,
| just like my 4 year old daughter contributes in the kitchen,
| 'helping'. Its 'helping' because its helping in spirit. It
| would be more productive if she didn't help, but then she
| wouldn't learn from it. Which is the point of this: learning
| by doing (and its good for the dad-daughter connection). I
| love the concept (before result), I also love the end result.
| Well done, daughter & dad. Inspiring (not that I'm into web
| design, so perhaps rather: encouraging) <3
|
| To draw a parallel: I got skates for my birthday. I got
| nothing with skating, I will probably dislike it. I haven't
| used them yet. But I will. And then my daughter will see how
| I learn it, and guess what? We already bought her skates as
| well. If she's anything like me (and she is, given she was
| late walker and finds playground scary), she's gonna find it
| difficult. But if she overcomes it, she's gonna love it (like
| I had with running, hiking, swimming). We'll also go to the
| swimming pool together. We already got 3 bicycles for
| different stages in her life, also for her brother (she used
| the walking one already). Its just that she's occupied with a
| different goal right now (just turned 4, getting out of
| diapers, going to school, plus we had the Covid pandemic), so
| I was & am procrastinating.
| erwincoumans wrote:
| It could be that the kids artwork is cuter than her dads
| artwork.
| Mezzie wrote:
| I had a website that was up when I was 6 that an adult had
| never touched. It was shit, but it existed, and I understood
| the difference between 'designing' for paper (I also liked
| drawing) and a website.
|
| I thought it was interesting because when I was 6, it was
| 1994 and the Web was very different from analogue
| information, presentation wise, and so I never really tried
| combining my artistic skills and my Web skills, but now the
| Web is full of images + videos and everybody knows that using
| neon text/backgrounds aren't a great idea just because we're
| not using ink.
|
| So a kid's conception of what can go on a website now is
| completely different and I thought that was neat. Makes me
| wonder what a 6 year old designing a website will look like
| in 2052.
| nullzzz wrote:
| Beautiful site. Your kid is very talented. Best of luck to you
| both!
| vincenth wrote:
| Love this! My little dude is nearly two, I now have his first
| project ready.
| azmodeus wrote:
| The website looks great. Did she do the drawings with an e-ink
| pen or do you have a process to make these images from a paper
| drawing?
| charly357 wrote:
| About a decade ago, I asked my little sister to draw a header and
| a logo to my website https://www.frozenfrog.es
|
| She used watercolor and I think Adobe Illustrator for the logo It
| is not a very business-oriented design, but most customers do not
| visit that site at all. They usually go directly to the specific
| app page.
| xvilo wrote:
| The design looks great, and behaves good on smaller width
| screens. However, the site breaks a bit when you have a smaller
| height screen. Maybe thats something you could fix :)
| conartist wrote:
| Fantastic idea and fantastic execution. I love that it is
| different to every other personal website I may visit.
| jimmyblanco wrote:
| This is really great, your product website is excellent too.
| thescribbblr wrote:
| This is so awesome
| anon_123g987 wrote:
| Mostly off topic nitpicking, but...
|
| In the International System of Units (SI): k:
| kilo- = *1000, prefix K: kelvin = the unit of
| thermodynamic temperature
|
| In the IEEE 1541-2002 standard: b: bit = the
| basic unit of information B: byte = a set of adjacent
| bits (usually, but not necessarily, eight)
|
| This thread contains all possible combinations of the above, with
| unclear intent, and I don't like it at all. It's not that hard to
| be unambiguous.
|
| https://en.wikipedia.org/wiki/International_System_of_Units
|
| https://en.wikipedia.org/wiki/IEEE_1541-2002
| jhvkjhk wrote:
| I think your daughter has talent!
| revskill wrote:
| Drawing talent ?
| scrollaway wrote:
| This is SO COOL! Well done! First of all, it's an adorable idea;
| second, it looks great!
|
| And the style of the notebook page behind it, fantastic idea.
| Save this stuff so hard; one day, your daughter might be a
| professional designer, and this should absolutely be in her
| portfolio :)
| username91 wrote:
| It looks great! :D It's a lovely idea.
|
| Because of the filesize, this would be right at home on the 512KB
| club: https://512kb.club/
| beckman466 wrote:
| this is the cutest!
| perino wrote:
| I know a future web designer when I see one!
|
| As a side note and you're probably not interested in this, but
| since you mention the total size: your avatar/favicon can be
| compressed down. to 14.3kb (saving 18,6%) which keeps the Toal
| just under 50Kb!
| Tepix wrote:
| I like it a lot! Looks great on a 4k screen.
|
| Perhaps the next logical step would be to move the blog over at
| medium to your site.
| johnnyballgame wrote:
| Love it! Better looking than most corporate templated websites
| these days.
| onion2k wrote:
| It's a good idea to run SVGs through SVGO before you use them. In
| this case, the robot SVG data can be shrunk by almost 50% by
| using SVGO (or svgomg https://jakearchibald.github.io/svgomg/)
| with a precision of 0 and using the 'prefers viewbox' option. I
| didn't try the others.
| mchusma wrote:
| Svgo is so good. It's like a cheat code. I use that GUI too.
| uxamanda wrote:
| FWIW, ImageOptim[0] is a nice, very simple desktop app that
| includes SVGO and a bunch of other optimizers for various
| formats. Drop images, done.
|
| [0] https://imageoptim.com
| vmception wrote:
| nice, I'm going to see if I can compress some intricate SVGs
| enough to make fancier NFTs with onchain image data instead of
| IPFS or external dedicated webserver.
|
| fixing one of the criticisms with that technology. a couple
| more to go
| acdha wrote:
| This is great! I miss the personal site era where you saw
| different designs all of the time rather than just the common big
| social network templates.
| ta988 wrote:
| This is excellent, much clearer and nicer than all those
| "minimal" style personal websites.
| phkahler wrote:
| Love it. Only complaint is the red highlighting since I've got a
| mild red-green issue it doesn't show up as well as the blue.
| sdoering wrote:
| That is a cool project. And a great way to show her that it is
| quite easy to create something and put it out there.
|
| I love the site and the story behind it even more.
|
| Thanks for sharing.
|
| ps.: This reminded me of when my dad (in the early 90ies) took me
| to his workshop and let me help build a shelf. I was allowed to
| sand the wood and I was allowed to drill holes (I was only a
| little older than your daughter).
|
| I had an incredibly good time with my father.
|
| Two weeks later it got even better. On my birthday (my mother had
| taken me on a trip to get me out of the house) my father built
| the "shelf" - it was a loft bed for me - homemade and just as I
| had always wanted.
|
| That made it even more awesome for me.
| NicoJuicy wrote:
| It looks good, i'd say it's not biased!
|
| Practical: no "actual" portfolio except 2 links/why do you want
| people to visit the site?
|
| Not everyone likes going to LinkedIn to see more about you, since
| it automatically tracks the visitors.
| dmos62 wrote:
| > Practical: no "actual" portfolio except 2 links/why do you
| want people to visit the site?
|
| Not OP, but I hate having to update multiple sources when I
| update my portfolio. I jumped through some hoops to get around
| that and I'm still not content with my setup. Not sure if
| that's the reason OP didn't put his resume on his site, but if
| it is, I sympathize.
| NicoJuicy wrote:
| Why would you need to constantly update things? Just give a
| brief description of yourselve ( eg. like an intro on
| github). Or give a couple of examples of a portfolio (
| doesn't need to be up to date)
|
| They can see employment details on Linkedin, if they are
| curious.
| flas9sd wrote:
| in a video a developer recalls how his teenage daughter made
| early progress in webdesign. It was all fun and games until she
| wanted to show her work to friends. He reached for firebase
| deploy as an easy means to get files in the current directory
| uploaded and an url back that is public.
|
| This works with supervising / developer parents and maybe a
| linked billing account. But what are other easy means in reach
| for the very young? Mozilla had initiatives like "Hackasaurus"
| and "Webmaker" since discontinued. Publishing on the phone itself
| intrigues me the most still.
| floren wrote:
| Maybe neocities? I haven't experimented with it, but you get a
| gigabyte of storage with the free version, you can use their
| HTML editor or just upload files, etc. Seems like it abstracts
| away the un-fun parts and lets you get down to just building
| the site.
| roflchoppa wrote:
| This is dope, nice work Kyra!
| xwowsersx wrote:
| That's awesome. On FF, it's complaining that there's an issue
| with the SSL cert FYI: Error code: SEC_ERROR_UNKNOWN_ISSUER
| DubDouble wrote:
| its awesome!
| DubDouble wrote:
| It's awesome!
| shmoe wrote:
| She designed a better site than I ever will :P
| ydlr wrote:
| A few years ago, the company I work for acquired a small web
| agency. I was tasked with migrating their client sites to our
| infrastructure. One of the gems I found was
| https://www.jubyla.com/.
|
| After a little asking around, I learned that it was created by
| the daughter of one of the agency's employees.
|
| I couldn't be responsible for depriving the world of this, so I
| left it running.
| leonvv wrote:
| This is great. If some kerbal developers see this please name a
| planet Jubyla in Kerbal 2.0!
| debo_ wrote:
| This would also make a great content addition to Hypnospace
| Outlaw!
| johnmorrison wrote:
| With tons of flowers, and a restaurant and malls!
| samlu wrote:
| This is brilliant. I love finding old pages, my uncle used to
| have a page way back in the day and I remember (as a kid) being
| absolutely fascinated by it. Seemed like magic to me. It's now
| mostly defunct (nothing works anymore, the tabs don't even show
| up, but it still has a landing page) http://wildrock.de/
| syastrov wrote:
| Another gem:
| http://www.christianpoulet.com/iemac/en/indexf.htm
| CRConrad wrote:
| Weird -- I reloaded the page, but the view counter didn't
| update!
| rgrs wrote:
| Wow! those butterflies are from CorelDraw. you reminded my
| childhood. :)
| chasing wrote:
| I loved it when the web looked like that. Like a giant art
| project made by people just having a fun time being expressive.
| tgerhard60 wrote:
| 22 Feb should be Intergalactic Jubyla Day.
| Octopodes wrote:
| This looks exactly like a site out of Hypnospace Outlaw, an
| video game where you moderate websites in an alternate 1990s
| where mind-reading technology exists.
| irrational wrote:
| >Please respect Jubyla's Copyright (c) 2000
|
| Curses! I was totally going to steal this site! Foiled again!
| SamBam wrote:
| Very nice.
|
| My 8-year-old is wanting to start a podcast where she reads
| aloud the stories she has written. She was disappointed when I
| told her I probably wouldn't be able to get them listed on
| Audible or on Pinna, but I think a website like that might be
| just the ticket.
| edgartaor wrote:
| That sounds lovely. Please encourage her and help her. It's
| an amazing feeling when you put your work on the web on a
| safe manner as a kid.
| floren wrote:
| It's really easy to get a podcast into Apple Podcasts, just
| submit a URL for the RSS feed. If you don't mind intervening
| to edit the XML when a new episode goes up, _all_ you need is
| a directory on a web host somewhere... you drop in a hand-
| jammed XML file for the RSS feed and all the mp3 files.
| leftnode wrote:
| This is great. Thanks for maintaining this artifact of pre-Web
| 2.0 days. And who knows, the next hot startup Jubyla may want
| to buy the domain for millions.
| chrischen wrote:
| Eventually six-letter domains will be the new 5-letter
| domains!
| ftio wrote:
| This is insanely cute, and posting WAV audio files on a website
| in 2000 strikes me as pretty sophisticated! Did you or someone
| else convert some older audio-playing mechanism to <audio>
| tags? I don't remember those existing back in 2000.
|
| My two boys both have colds today, so the little-kid congestion
| in the recordings is extra adorable for me at the moment.
| Thanks for sharing.
| shakna wrote:
| The earliest browser to support the audio tag that I can find
| would be Safari 3.1, or the first release of Chrome, in 2008.
|
| (No support in Netscape. Firefox in 2009, IE got it in 2010,
| Opera in 2011).
|
| Before then, I'd be expecting bgsound on IE, or embed for
| everyone else, or object and a plugin.
| spdegabrielle wrote:
| You could do audio with the adobe svg plugin round about
| 2002-3 I think. I made a pong game with stereo ball noise.
| nkozyra wrote:
| If I recall correctly the audio tag RFC first came out in
| 2000 but I'd be shocked if any major browsers supported it.
| relaxing wrote:
| You could use EMBED to autoplay WAV and MIDI. IE (in
| classic Microsoft fashion) also defined BGSOUND for the
| same.
|
| I remember an email signature from around that time that
| went "If I wanted your website to make sound, I'd have
| licked my finger and rubbed it across my monitor."
| tjoff wrote:
| It was quite trivial actually, the problem was that
| downloading a wav file on dial-up wasn't the best experience
| so you'd have to make sure to downsample for it to be usable.
| ydlr wrote:
| When I first came across the site in 2017, all the audio
| files were in embed tags and they all autoplayed at once. It
| looks like one of my coworkers "fixed" that in 2019.
| johnmorrison wrote:
| I played them all simultaneously to see how it'd be and I
| can confirm it is great
| sam0x17 wrote:
| This really makes me think I wonder if someone could get a
| business model working for "permanent" web presences to be set
| up for small sites with a fixed amount of traffic per month,
| where you could pay an up front fee and it will be hosted
| "forever"
| flir wrote:
| Some of the big private Victorian cemeteries around London
| were funded like this. I guess they thought they could get
| enough money together to create a fund, and run the cemetery
| off the profits. I don't think it worked out anywhere.
| btdmaster wrote:
| The primary issue would be the domain name which, unlike
| computing power, keeps going up in price. Once you solve that
| static site hosting is available basically anywhere from
| Neocities to GitHub and Codeberg Pages.
| na85 wrote:
| > discovered a new planet named Jubyla. It has rings like
| Saturn. It looks like chocolate ice cream.
|
| That is so wholesome. I miss the old web.
| Metacelsus wrote:
| See also: https://www.lilywise.com/
|
| (JeffTK's daughter, he comments around here sometimes)
| bosky101 wrote:
| reminds me of geocities
| actually_a_dog wrote:
| Nah. Needs more animated "under construction" GIFs, a hit
| counter, and maybe a guest book... lol.
|
| In all seriousness, yeah, I agree. It would be an excellent
| design if the text were more readable. There's not much
| contrast between the text color and background image.
|
| Edit: Hey, @jefftk, here's a before and after of a tiny tweak
| I did to Lilly's page to increase readability:
| https://imgur.com/a/AEAc4pk
|
| All I did was add text-shadow: 1px 1px 1px
| lightgrey;
|
| to the html element style. Maybe you can suggest she and her
| sister make a similar change? :)
| jefftk wrote:
| Thanks! I showed it to her when she came home from school,
| and she decided she liked it, so I've made the change.
|
| (She also updated the picture)
| actually_a_dog wrote:
| Awesome! Glad to be of help. :)
| MrsPeaches wrote:
| My fave section on this is "Birthdays I've Been To"
| RyanOD wrote:
| The Bad Day - "I didn't like today, and also it was super bad."
|
| Simple and to the point. I love it.
| jefftk wrote:
| Her sister has one too: https://www.annawise.net/
|
| The pages look exactly how they tell me they should look, for
| better or worse.
| rodneyzeng wrote:
| Looks really great!
| omarhaneef wrote:
| And people say the child labor laws are too strict ...
|
| Jokes aside, I can tell from the responses that there are two
| kinds of people: those with recent experience of a 6 year old,
| and those without.
| vodou wrote:
| It's great! Lacks nothing.
|
| On a related note: I friend of mine once said that an architect
| (the kind that design buildings) shouldn't be allowed to be older
| than eight. Still feels like a low-hanging fruit to make the
| world better.
| WesolyKubeczek wrote:
| I wish my drawings at 6 yo were that good. Maybe my kid will beat
| me when she's 6.
| nathias wrote:
| very cool
| alan-hn wrote:
| The website looks great! It has a really nice feel to it.
|
| It makes me want to see more pages designed by kids, but at some
| point I think there might be an issue of child labor.
|
| The design _feels_ unique and genuine
| Semiapies wrote:
| This is the most charm and personality I've seen in a landing
| page in some time.
| rwultsch wrote:
| OT: How is the tech scene in Taiwan?
|
| My wife is from Taiwan. Every time we visit I am very sad to
| leave. We have thought about moving to Taipei.
| misterbwong wrote:
| Also interested in this and also very sad every time we need to
| leave Taiwan! I've always liked the idea of moving to Taipei
| though the summer weather does dampen my enthusiasm :D
| binarymax wrote:
| Clickable: https://kevin.tw
|
| I love it!
| dewey wrote:
| I just found out that links in the OP are actually clickable
| now even if they don't look like it. That seems like a new
| thing.
| binarymax wrote:
| Interesting! When I first opened the post before I made the
| comment it wasn't clickable, and now it is. Maybe it requires
| a moderator approval?
| mkl wrote:
| Yes, moderators manually enable it:
| https://news.ycombinator.com/item?id=28215165
| ramphisreyes wrote:
| Great! I was like that and this will help her A LOT.
|
| Save this website for later Maybe it could become a NFT haha
| wanderer_ wrote:
| Yep! Just as soon as, like my parents used to say, "you become
| very rich and famous and buy your dear old parents lots of nice
| things".
| ksec wrote:
| Absolutely beautiful, I was expecting some kid looking fancy
| website. And I will leave a polite message of encouragement.
| Instead I thought this is extremely well made. It has the good
| old Apple skeuomorphism for Notepad which I know HN hated it but
| I love it.
|
| And it was fast. Very fast. I am not sure if I am impressed by
| your implementation of your daughter's design or both. Could you
| describe the process of "digitized them and added them to the
| page as inline SVGs." ?
|
| You also went from Sales and Marketing to product designer and
| Founder. This is going to be an interesting read if you ever
| decide to write about it.
| fouc wrote:
| I've seen a lot of love for skeuomorphism on HN
| salehenrahman wrote:
| I remember when hand-drawn web design was highly trendy back in
| 2009-2013, and many of them would be featured on awwwards.com.
|
| They were beautiful.
| ivvve wrote:
| This is cool! Constructive critique: Maybe add some text labels
| for a11y? From a cursory glance in dev tools it seems a little
| confusing, looking at the heading and some of the illustrations.
| rcarmo wrote:
| Awesome. I like the style :)
| geocrasher wrote:
| If you want to include the favicon, you can base64 encode it.
| Works nicely, and it's what I did at https://justyourip.com.
|
| Also, I LOVE IT SO MUCH. The web needs more of this kind of
| thing!
| hobasuk wrote:
| cnlwsu wrote:
| My son and I made a video game when he was 6 (started at
| least). I did 99% of the coding, was 3d and math a little
| advanced but he drew it out, recorded audio and did a lot of
| research and work for it.
|
| If the kid is excited about project you don't need to explain
| much, it's more holding them back from grandiose ideas. Kid
| doesn't need to be a genius, hard work trumps that.
___________________________________________________________________
(page generated 2022-02-15 23:01 UTC)