Live data from Hacker News

Show HN: A tool to build real websites built exclusively in SVG

svija.love

151–160 of 164 posts

Re: Show HN: A tool to build real websites built exclusively in SVG

#151

Your site is laggy, zero accessibility, microscopic text unless your window is large enough, does not support anything you'd expect from a regular website. Just ship a PDF already. The web is not paper, don't design for it as if it as. Oh, and this little page weighs 4.5MB

> Just ship a PDF already

Like this website? https://lab6.com/

(Hacker News discussion: https://news.ycombinator.com/item?id=27880905)

Re: Show HN: A tool to build real websites built exclusively in SVG

#152
post #79

Earlier quoted context omitted.

Yeah auto-music is bad. Sound effects are hard to do too, although when done well they can work (at least for me). Example of a site with sound effects that isn't overwhelming: https://www.joshwcomeau.com/

Thanks for sharing. I only got a sound effect when turning the sound off, but didn't find any others?

There are a few attached to some of the navigation.

Re: Show HN: A tool to build real websites built exclusively in SVG

#153

How do you address font engine rendering discrepancies among OSes? IIUC those discrepancies are a good reason most SVG export features convert everything into paths. Fun story-- awhile back some troglodytes living somewhere in the Linux font stack tripped some switch in their magical rendering engine. Whatever the change was, it caused even a mono-spaced font like DejaVu Sans Mono to have a significantly fatter width…

So far it has not been an issue. In five years of building sites this way, I have not had a single case where the font rendering was noticeably off.

There is one big fat glaring exception: Safari for Mac doesn't resize fonts exactly, but instead uses a series of steps.

This means that when the page is resized, the text changes size slightly. I had to do a little back-end magic to compensate for this.

You can see for yourself by opening this in Safari and resizing the window:

‹html›‹body style="font-size:5vw"›‹div width=100%›

Slowly drag the side of the window‹br› and watch when the font changes size‹br› ‹br› In Safari it jumps, in any other browser it's smooth

‹/div›‹/body›‹/html›

You'll have to swap out the tags — I replaced the real brackets with French single quotes to make it appear correctly (possibly not necessary).

Re: Show HN: A tool to build real websites built exclusively in SVG

#154
post #139

Your server seems to return a 500 error when sent a HEAD request: % curl -I https://svija.love/en/wtf HTTP/1.1 500 Internal Server Error Server: nginx/1.18.0 (Ubuntu) Date: Fri, 03 Dec 2021 23:35:52 GMT Content-Type: text/html Content-Length: 145 Connection: keep-alive X-Frame-Options: SAMEORIGIN Vary: Cookie, Accept-Language X-Content-Type-Options: nosniff Referrer-Policy: same-origin Content-Language: en

Thanks for the heads up. I'll look into it.

Re: Show HN: A tool to build real websites built exclusively in SVG

#156

Earlier quoted context omitted.

Have you tried it on different screens?

I uses the responsive design mode in my browser. I guess you can serve multiple layouts by screen size detection initially, but people can rotate their phones in real life.

Try that, and reload.

Re: Show HN: A tool to build real websites built exclusively in SVG

#157

This ain't it. Hard pass. May as well just be a hosted PDF.

What would be wrong with a hosted PDF?

- no links

- doesn't resize to the window

- no headers, footers, menus etc.

- different pages don't reuse common fonts or images, making it slower to load

- proprietary format

Anything I'm not thinking of?

Re: Show HN: A tool to build real websites built exclusively in SVG

#158

>> But as with every casino, the only way to win is to own the casino, not to play the games. We’re all the proverbial suckers at the table. Lol wut? Does the author advocate keep their money under their couch?

What were you replying to?

Re: Show HN: A tool to build real websites built exclusively in SVG

#159
post #15

I was getting really frustrated with CSS and HTML (I was originally a print designer), so built a tool for building websites using only SVG content. It's essentially a website builder that uses Adobe Illustrator for creating pages. The results so far have been really promising: - building websites is extremely rapid - very little debugging or verification is needed - it's easy to create beautiful content Techniques t…

One of the issues you run into with SVG is performance, particularly if you need any kind of styling of the SVG. As the tool scales you have to put in some effort into optimizing the generated SVG to help. If you aren't handrolling or compiling the SVG yourself you also need to look out for whatever your tool is doing. Illustrator and Sketch in particular do some wonky nonsense with filters to support things like inn…

> wonky nonsense with filters to support things like inner/drop shadows

How else would you implement that with SVG? And in my experience filters have been very well supported for the past years. They are part of the SVG conformance tests anyway, so any mismatch is also a broken SVG implementation.

Re: Show HN: A tool to build real websites built exclusively in SVG

#160

Earlier quoted context omitted.

> The only exceptions I know of are Illustrator and Inkscape. Aren't those the two most common vector graphics programs?

Illustrator is, but I don't think Inkscape is. I haven't been able to find any real information about Inkscape adoption rates, but I participate in several vector forums and Inkscape only ever comes up in terms of amateur illustration. I would love to be wrong about this. Figma and Adobe Xd are pretty popular, as is Affinity Designer. Microsoft Visio is popular in certain contexts, and InVision Studio is also popular…

I own Adobe Creative Suite but use Inkscape for illustrations embedded in web pages because the svg source is cleaner* and diff-able, meaning, the illustrations can be checked into GIT and convey sensible (minimal diff) history of changes. Haven’t checked in a few years to see if Illustrator cleaned up yet.

// Similar to the typical problem with HTML generators, they’d write nasty code, so most were write only rather than write/read. To be fair, I haven’t checked Illustrator output in half a decade, so it could be fine now.

/// Definitely trying your tool, thank you for sharing!

Post reply on HN