I too put my site's landing nav in an illustration: https://spenc.es The SVG spec is huge and totally under-appreciated. There is plenty of it too that hasn't been implemented by browser vendors yet, like mesh gradients. There's even an animation language (that doesn't use CSS or JS) called SMIL that I didn't even know existed until about a week ago. SVG though is super powerful and its full potential has yet to be r…
Building an interactive clickable map for my blog
11–20 of 20 posts
Re: Building an interactive clickable map for my blog
#12When I were a nipper, after walking uphill t'mill and uphill back home, after a full 26 hours of work in the evening I'd drag out the cardboard box with the soggy "modem" string and use an image map[1] for that there stuff. Kids these days with their ess-vee-gee... Dunno they're born. 1: https://www.w3schools.com/html/html_images_imagemap.asp
https://rogue.dev/content/media/2023/04/coordinated-html-ima...
Re: Building an interactive clickable map for my blog
#13Looks like the title has been changed to "Building an Interactive Blog Map", which better describes the fact that it's a "map" of the blog, not a map for the blog (which would make you think of something geography-related - at least I did).
Re: Building an interactive clickable map for my blog
#14I too put my site's landing nav in an illustration: https://spenc.es The SVG spec is huge and totally under-appreciated. There is plenty of it too that hasn't been implemented by browser vendors yet, like mesh gradients. There's even an animation language (that doesn't use CSS or JS) called SMIL that I didn't even know existed until about a week ago. SVG though is super powerful and its full potential has yet to be r…
Love the landing page. And you’re right, SVG is powerful.
And re:SVG, HN can be so serendipitous in that way. You're deep in some topic, only to find some of that exact same stuff on the front page the next day.
If anyone is curious (or has advice); I'm working on process that takes architectural photos as input and produces layered SVG illustrations as output. The intent is to turn the city where I live, Bologna, Italy, into kind of a digital dollhouse, where you can click on different buildings and look inside and discover and learn interesting historical stuff.
Re: Building an interactive clickable map for my blog
#15Re: Building an interactive clickable map for my blog
#16Earlier quoted context omitted.
Love the landing page. And you’re right, SVG is powerful.
Hey, thank you so much for the compliment! And re:SVG, HN can be so serendipitous in that way. You're deep in some topic, only to find some of that exact same stuff on the front page the next day. If anyone is curious (or has advice); I'm working on process that takes architectural photos as input and produces layered SVG illustrations as output. The intent is to turn the city where I live, Bologna, Italy, into kind…
Re: Building an interactive clickable map for my blog
#17I too put my site's landing nav in an illustration: https://spenc.es The SVG spec is huge and totally under-appreciated. There is plenty of it too that hasn't been implemented by browser vendors yet, like mesh gradients. There's even an animation language (that doesn't use CSS or JS) called SMIL that I didn't even know existed until about a week ago. SVG though is super powerful and its full potential has yet to be r…
Feedback: browsing from a desktop computer, although the "contact me" globe does not overlap much with "writing" and "projects" visuals, most of the globe's surface triggers a click on either "writing" or "projects" links, instead of leading to the contact page. Happens both on firefox and chromium, linux.
Re: Building an interactive clickable map for my blog
#18Re: Building an interactive clickable map for my blog
#19I too put my site's landing nav in an illustration: https://spenc.es The SVG spec is huge and totally under-appreciated. There is plenty of it too that hasn't been implemented by browser vendors yet, like mesh gradients. There's even an animation language (that doesn't use CSS or JS) called SMIL that I didn't even know existed until about a week ago. SVG though is super powerful and its full potential has yet to be r…
Neat! Feedback: browsing from a desktop computer, although the "contact me" globe does not overlap much with "writing" and "projects" visuals, most of the globe's surface triggers a click on either "writing" or "projects" links, instead of leading to the contact page. Happens both on firefox and chromium, linux.
Re: Building an interactive clickable map for my blog
#20SVG is also really interesting how powerful of a spec it can be, but boy oh boy, having to parse / render it can be an undertaking. I was trying to do some simple stuff once and lets just say I'm thankful there are smarter people out there than me who write rendering engines.