Show HN: A tool to build real websites built exclusively in SVG • Hacker News Board

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

#161

Post by AndrewSwift » Sat, Dec 04, 2021, 9:11 PM UTC

oofoe wrote: post #98

AndrewSwift wrote: post #2

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…

For what it's worth, Xara (xara.com) offers SVG output. I wonder if it could work with your setup? They also have their own integrated web site builder as well.

I'm definitely going to check it out — someone else also mentioned it.

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

#162

Post by mro_name » Sat, Dec 04, 2021, 9:15 PM UTC

AndrewSwift wrote: post #128

mro_name wrote: post #108

Nice! If you add a dark background inline style to the html root element, you get rid of the white background lurking from behind when pulling down. The white is blinding.

Thanks, I've added it to our list of upgrades!

great, see an example in both, dark and light mode, of https://demo.mro.name/shaarligo

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

#163

Post by AndrewSwift » Sun, Dec 05, 2021, 2:35 PM UTC

chrismorgan wrote: post #148

• Good job on presenting the content sans JavaScript, even if JavaScript is required for the best results (responsive reflow). • Page is rather heavy to load. • Page load felt a bit sluggish on even a fast device; but on review I think the massive background JPEG at the top (4000×8047!) was a large part of this: you should have an approximation of it (background colour plus radial gradient) underneath it so that its…

Thanks so much for taking the time to comment.

I need to optimize the images more. There is a background color etc., but the main image is much too heavy.

Many people have noted the horizontal scrollbar issue — it's from a problem with Windows years ago and I will make a note to take care of it.

It's not really possible to serve the document as a pure SVG, because the browser automatically resizes the content to fit vertically. The user would just see the whole page, shrunkent to fit in the middle of the screen.

There will be text flow in the future, but our immediate plans are to concentrate on using the system of exact coordinates with both HTML and SVG — it has the potential to radically simplify the code necessary and to allow for much easier design.

Once we have that down, we'll add in reflow.

I loved styluslabs.com - instant bookmark. I'll have to spend more time with it, but I'm curioushow it will work with search engines.

Thanks again!

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

#164

Post by robertlagrant » Mon, Dec 06, 2021, 12:54 PM UTC

AndrewSwift wrote: post #43

robertlagrant wrote: post #41

Axe accessibility report on that website: TOTAL ISSUES 220 AUTOMATIC ISSUES 220 NEEDS REVIEW 160 GUIDED ISSUES 0 Critical 1 Serious 55 Moderate 2 Minor 2

If you read the page called WTF, I talk a lot about accessibility. I totally appreciate the importance of it. But, the fact that I don't a perfect solution right off the bat is not a reason to stop exploring! Also: ALL CAPS.

> Also: ALL CAPS.

Yes, the report is output in all caps. Nothing wrong with your eyes!