Differences

This shows you the differences between two versions of the page.

--- devwiki:html [2021/12/20 07:19] – [html select dropdown and remove focus] ying
+++ devwiki:html [2023/01/24 19:08] – [HTML5 Standards] ying
@@ Line 26: / Line 26: @@
 <head>
 <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
 </head>
 <body>
@@ Line 51: / Line 52: @@
     * 12 or 16 grid system
+**Responsive Elements**
+  * responsive image map:
+    * image map basic and tool
+      * https://www.w3schools.com/html/html_images_imagemap.asp
+      * http://www.htmldrive.net/items/show/704/pure-CSS-Image-Maps
+      * (works) https://summerstyle.github.io/summer/
+      * https://www.mobilefish.com/services/image_map/image_map.php
+    * (works) js method to recalculate map when image resize (need to call when image visible): https://github.com/davidjbradshaw/image-map-resizer
+    * (not sure, not on attemp) instead map, it use generated svg method: https://imagemapper.noc.io/#/
+      * https://stackoverflow.com/questions/19484707/how-can-i-make-an-svg-scale-with-its-parent-container
+      * https://css-tricks.com/scale-svg/
+    * (similar js but old) https://github.com/stowball/jQuery-rwdImageMaps
+      * https://researchasahobby.com/responsive-image-clickable-areas-free/
 **CSS Pre-processor**
   * SASS/SCSS/LESS likes, it turns what you write into a css code