🎨 Image maps: the relic of web design's embarrassing past. This article attempts to revive them like a washed-up '90s sitcom nobody asked for. 🤦‍♂️ Meanwhile, Mike Worth is living his best life, riding on #nostalgia and Duck Tales dreams. 🦆✨
https://css-tricks.com/revisiting-image-maps/ #ImageMaps #WebDesign #90sRevival #DuckTales #MikeWorth #HackerNews #ngated
Revisiting Image Maps | CSS-Tricks

Let’s run through a quick refresher. Image maps date all the way back to HTML 3.2, where, first, server-side maps and then client-side maps defined clickable regions over an image using map and area elements.

CSS-Tricks

#Development #Techniques
Revisiting image maps · Sometimes you need to look back to move forward https://ilo.im/163lr6

_____
#Maps #ImageMaps #Accessibility #WebDev #Frontend #SVG #HTML #JavaScript

Revisiting Image Maps | CSS-Tricks

Let’s run through a quick refresher. Image maps date all the way back to HTML 3.2, where, first, server-side maps and then client-side maps defined clickable regions over an image using map and area elements.

CSS-Tricks
Revisiting Image Maps | CSS-Tricks

Let’s run through a quick refresher. Image maps date all the way back to HTML 3.2, where, first, server-side maps and then client-side maps defined clickable regions over an image using map and area elements.

CSS-Tricks

“Designing Mike Worth’s website gave me a chance to blend expressive design with modern development techniques, and revisiting image maps reminded me just how important a tool image maps were during the period Mike loves so much.” @malarkey in CSS Tricks.

https://css-tricks.com/revisiting-image-maps/ #ImageMaps #frontend #design

Revisiting Image Maps | CSS-Tricks

Let’s run through a quick refresher. Image maps date all the way back to HTML 3.2, where, first, server-side maps and then client-side maps defined clickable regions over an image using map and area elements.

CSS-Tricks

@vga256 At work, I had to create some fresh HTML imagemaps, because of $LEGACY.

I couldn’t find any reasonable software that could create these any longer. I had to dig out a Photoshop 6.0 (6.0, not CS6 or something), from 2001. Its "ImageReady" did the trick.

#retrowebdev #imagemaps

^g

#Development #Updates
Old ‘alt’ text advice · An updated guide originally written for the HTML5 specification https://ilo.im/1611ix

_____
#AltText #Images #ImageMaps #Graphics #Icons #CAPTCHA #Accessibility #WebDev #Frontend #HTML

Old alt text advice – HTML Accessibility

<map>: The Image Map element - HTML: HyperText Markup Language | MDN

The <map> HTML element is used with <area> elements to define an image map (a clickable link area).

MDN Web Docs
Is anyone doing anything cool with #HTML #ImageMaps these days?