I have considered recently I should make some things with imagemaps again, like there is untapped potential there I'm not clear of but that when I start working with it years of experience and new technologies will clarify.
Make a web framework that renders the UI entirely as mapped images. A PNG would probably be faster to load and render than most of today's multi-megabyte JS monstrosities.
It's 2020 and I'm using image maps
21–30 of 109 posts
Re: It's 2020 and I'm using image maps
#22Earlier quoted context omitted.
Aaaaand it's 1996 again!
No in 1996 we did everything with frames, I once worked with a team that designed a website consisting of 200 frames.
Re: It's 2020 and I'm using image maps
#23Re: It's 2020 and I'm using image maps
#24HTML images maps are not responsive. Just use SVG, it works without any scripts and it resizes with the image.
If you use you can also use a fully responsive tag
Re: It's 2020 and I'm using image maps
#25> To make matters even more exciting, the last two coordinates might not be what you'd expect; when absolutely positioning items in CSS, right and bottom indicate the distance from the right and bottom edges respectively. In image maps, this holds no water. Instead, both horizontal coordinates are counted from the left edge and vertical coordinates from the top edge. Interesting. This order is commonly used by librar…
WinAPI is much older than 1995, these things were inherited from 16-bit Windows 3.x.
Re: It's 2020 and I'm using image maps
#26Re: It's 2020 and I'm using image maps
#27[0] https://developers.line.biz/en/reference/messaging-api/#imag...
Re: It's 2020 and I'm using image maps
#28> To make matters even more exciting, the last two coordinates might not be what you'd expect; when absolutely positioning items in CSS, right and bottom indicate the distance from the right and bottom edges respectively. In image maps, this holds no water. Instead, both horizontal coordinates are counted from the left edge and vertical coordinates from the top edge. Interesting. This order is commonly used by librar…
The way CSS orders border, margin, and padding values is clockwise starting from the top. But these aren't coordinates since they represent sides, not points, so I think the author is confusing things by comparing them.
Re: It's 2020 and I'm using image maps
#29This CSS article[1] goes into details about alternative approaches. It mainly seems to be SVG, or CSS clip paths. I've used (and like) SVG; CSS clip paths are foreign territory to me - has anyone used them in production to replicate image map functionality?
One of the goals I made for myself when developing my canvas library[2] was to bring image-map-like functionality to the element - but as responsive and accessible as I could make it. It's still a work-in-progress but I'm getting there!
[1] - https://css-tricks.com/the-many-ways-to-link-up-shapes-and-i...
[1] Scrawl-canvas - https://scrawl-v8.rikweb.org.uk/
Re: It's 2020 and I'm using image maps
#30I still use tables for layouting because divs and messing with positioning/floating never really clicked for me.
Nothing wrong really. Tables used to sucks in IE era. But now IE is gone. Modern HTML Tables are fine as long as you know its limitations or basically dont try to do any fancy thing with it. For some strange reason I see people keep saying aviod table at all cost. I dont get it. May be someone could explain it better.