I like this idea. Using SVG on websites is quite fun to break the rigidness.
Text selection seems very wonky, sadly.
Show HN: A tool to build real websites built exclusively in SVG
131–140 of 164 posts
Re: Show HN: A tool to build real websites built exclusively in SVG
#132Earlier quoted context omitted.
> Techniques that were trivially easy for me 30 years ago in print are still impossible in HTML. Out of curiosity, what techniques are impossible in HTML? I ask this because I too am working on a website builder, and wonder what might be too complicated or impossible for people to implement.
Any kind of freeform curve, rotation, or continuous form across the entire page is extremely difficult, as is content that is staggered, diagonal or overlapped is difficult. For example, https://svija.love/en/imagine would be almost impossible in HTML. The main thing that makes HTML difficult is that everything is interlocking — you can't just drag the H1 headline down 20px and over 100px, because there's already som…
Hmm I have seen many pages that look a lot like that page does (on mobile at least). I don't see anything that is impossible - I'd be fairly confident that I could do a pixel-perfect replica in HTML and CSS without too much fuss.
FWIW CSS is quite powerful these days - rotations, translations, overlapping etc are all trivial. You can absolutely position elements down to the pixel if you want.
People tend not to do these things any more though as they make for an annoying and potentially illegal website (accessibility laws), plus maintaing it is a pain in the arse as you lose all the reflow benefits of HTML that is screen size and shape agnostic
Re: Show HN: A tool to build real websites built exclusively in SVG
#133I like this idea. Using SVG on websites is quite fun to break the rigidness. Text selection seems very wonky, sadly.
It's because some of the text is rendered from a text tag within svg, and some of the text is drawn.
Re: Show HN: A tool to build real websites built exclusively in SVG
#134Cool idea, here's some feedback.
It looks nice on my phone (although it's really slow to load, and laggy when scrolling). However, on my 1440p 32" monitor it's really bad. First of all everything is HUGE, and it seems like it just scales up/down with the size of my browser window. The content is not reorganized as I change the size of my browser window. If I scale my browser window up and down, everything just get larger or smaller, to the point where it's unreadable. Also, for some reason the page is just blank until I open DevTools, and if I "snap" the browser window in Windows 10, the page content doesn't scale to the right size.
Re: Show HN: A tool to build real websites built exclusively in SVG
#135I'll admit, I didn't want to like this at first. Building entire websites out of SVG sounds like a nightmare.
But I checked it out. On first load I got a blank page. Waited and waited, looked at the devTools,and just had nothing. I refreshed the page and it loaded properly. Ok, I get it, this is not ready for prime-time, so let's see what we've got.
So, now I'm looking at this and thinking....what new amazing capability has this provided that we couldn't do before. I was expecting amazing 3D svg animations or something. But this is just a very average template style website. Why would I want this to be made as an SVG. The "illustrator to website" doesn't appeal to me personally, and I'm not sure I know why this would be valuable.
Re: Show HN: A tool to build real websites built exclusively in SVG
#136I'll admit, I didn't want to like this at first. Building entire websites out of SVG sounds like a nightmare. But I checked it out. On first load I got a blank page. Waited and waited, looked at the devTools,and just had nothing. I refreshed the page and it loaded properly. Ok, I get it, this is not ready for prime-time, so let's see what we've got. So, now I'm looking at this and thinking....what new amazing capabil…
I think it’s the other way around. If someone is a designer and use illustrator, why would they learn HTML and CSS when they can use this?
Maybe there are a lot of use case where this is good enough and perhaps better.
Re: Show HN: A tool to build real websites built exclusively in SVG
#137I'll admit, I didn't want to like this at first. Building entire websites out of SVG sounds like a nightmare. But I checked it out. On first load I got a blank page. Waited and waited, looked at the devTools,and just had nothing. I refreshed the page and it loaded properly. Ok, I get it, this is not ready for prime-time, so let's see what we've got. So, now I'm looking at this and thinking....what new amazing capabil…
I think it’s the other way around. If someone is a designer and use illustrator, why would they learn HTML and CSS when they can use this? Maybe there are a lot of use case where this is good enough and perhaps better.
It might be a good way to prototype lower at the concepting stage. However Adobe XD is pretty easy as well and has the bonus of being able to prototype basic apps as well.
Re: Show HN: A tool to build real websites built exclusively in SVG
#138Accessibility seems to be an afterthought. No zoom possible.
Hopefully it can be enhanced to produce gracefully-degrading accessible output.
Or in the other direction, we could add a Wasm PostScript interpreter, and explode fonts by default so we get a sea of inscrutable ‘path’ elements. A WebGPU shader could tessellate it further. :^)
Re: Show HN: A tool to build real websites built exclusively in SVG
#139Your 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: enRe: Show HN: A tool to build real websites built exclusively in SVG
#140I'll admit, I didn't want to like this at first. Building entire websites out of SVG sounds like a nightmare. But I checked it out. On first load I got a blank page. Waited and waited, looked at the devTools,and just had nothing. I refreshed the page and it loaded properly. Ok, I get it, this is not ready for prime-time, so let's see what we've got. So, now I'm looking at this and thinking....what new amazing capabil…
Small businesses/enterprises that could give a damn about the web really.
For example: If I'm starting a restaurant, I can have someone design a cool-looking menu, and then basically host that as an SVG-based site and be done with it. I'll probably want to get my own domain, but I don't need to pay someone who knows how to wrestle with HTML to make it look like the printed menu.