Re: [whatwg] Responsive image maps

2015-03-31 Thread Erik Dahlström
The active area in the svg is whatever the active graphical shape is, I don't quite understand what you mean that it's unclear. The active shape can also be styled with css based on :hover or :active rules, for example to add an outline or to do some sort of visual highlighting. For

Re: [whatwg] Responsive image maps

2015-03-31 Thread Andrea Rendine
The active area in the svg is whatever the active graphical shape is, I don't quite understand what you mean that it's unclear The main difference between native SVG implementation and native area implementation (map/area scenario lets you small room for maneuvering, so it's native anyway) is

Re: [whatwg] Responsive image maps

2015-03-26 Thread Simon Pieters
On Thu, 26 Mar 2015 01:47:57 +0100, Martin Janecke whatwg@prlbr.com wrote: Am .03.2015, 16:08 Uhr, schrieb Simon Pieters sim...@opera.com: […] It seems to me that there are two use cases: 1. variable-size image map 2. art direction image map (1) is more common than (2). Yes, you're

Re: [whatwg] Responsive image maps

2015-03-26 Thread Martin Janecke
Am .03.2015, 11:10 Uhr, schrieb Simon Pieters sim...@opera.com: On Thu, 26 Mar 2015 01:47:57 +0100, Martin Janecke whatwg@prlbr.com wrote: Am .03.2015, 16:08 Uhr, schrieb Simon Pieters sim...@opera.com: […] It seems to me that there are two use cases: 1. variable-size image map 2.

Re: [whatwg] Responsive image maps

2015-03-25 Thread Simon Pieters
On Tue, 24 Mar 2015 15:41:26 +0100, Andrea Rendine master.skywalker...@gmail.com wrote: why not improving an existing feature instead of finding so many expensive workarounds? It'd allow authors the choice to use between 2 different tools for different cases. See

Re: [whatwg] Responsive image maps

2015-03-25 Thread Andrea Rendine
why not improving an existing feature See https://wiki.whatwg.org/wiki/FAQ#Where.27s_the_harm_in_adding.E2.80.94 Yes, I think I should have expressed it better. Why not improving *this* specific feature? I'm aware that older elements could end up being incompatible with use cases they have

Re: [whatwg] Responsive image maps

2015-03-25 Thread Anne van Kesteren
On Wed, Mar 25, 2015 at 3:21 PM, Andrea Rendine master.skywalker...@gmail.com wrote: Yes, I think I should have expressed it better. Why not improving *this* specific feature? That's generally not how we do things. We don't start looking at an existing set of features and figure out how we can

Re: [whatwg] Responsive image maps

2015-03-25 Thread Andrea Rendine
Instead, we start by figuring out what problems need solving. Which is what has been done for this subject, I guess. PROBLEM: image maps, intended as shaped link areas related to specific regions of an image are a fairly requested feature. Unfortunately, as current solutions are not responsive

Re: [whatwg] Responsive image maps

2015-03-25 Thread Tab Atkins Jr.
On Wed, Mar 25, 2015 at 10:03 AM, Andrea Rendine master.skywalker...@gmail.com wrote: Instead, we start by figuring out what problems need solving. Which is what has been done for this subject, I guess. PROBLEM: image maps, intended as shaped link areas related to specific regions of an image

Re: [whatwg] Responsive image maps

2015-03-25 Thread Andrea Rendine
One of the 2 objections, I'd say. But the second is probably a matter of implementation. SVG makes it unclear what's the actual active area when navigating through tab key. 2015-03-25 19:32 GMT+01:00 Tab Atkins Jr. jackalm...@gmail.com: On Wed, Mar 25, 2015 at 10:03 AM, Andrea Rendine

Re: [whatwg] Responsive image maps | inline SVGs in general

2015-03-25 Thread Martin Janecke
Am .03.2015, 12:50 Uhr, schrieb Andrea Rendine master.skywalker...@gmail.com: […] IE11 doesn't scale SVG as noticed about previous versions. Thanks Andrea (also for your further feedback on the test cases), that is good to know. Am .03.2015, 14:36 Uhr, schrieb Erik Dahlström e...@opera.com:

Re: [whatwg] Responsive image maps | inline SVGs in general

2015-03-25 Thread Martin Janecke
A workaround for the bug in IE9+ is to add a wrapper element that does the responsive sizing. Something along the lines of http://jsfiddle.net/vo1ofz0w/1/. That's very helpful in practice, thanks! It didn't work 100% correctly yet (it pushes the figcaption away when the window is bigger than

Re: [whatwg] Responsive image maps

2015-03-25 Thread Martin Janecke
Am .03.2015, 16:08 Uhr, schrieb Simon Pieters sim...@opera.com: […] It seems to me that there are two use cases: 1. variable-size image map 2. art direction image map (1) is more common than (2). Yes, you're right. If there is implementor interest, I think it makes sense to make map

Re: [whatwg] Responsive image maps

2015-03-24 Thread Erik Dahlström
On Sun, 22 Mar 2015 15:06:40 +0100, Martin Janecke whatwg@prlbr.com wrote: I've done a few tests and provide links to them below the following discussion. ... Test 4: https://prlbr.de/2015/03/inline-svg-without-height.html Test 5: https://prlbr.de/2015/03/inline-svg-without-size.html

Re: [whatwg] Responsive image maps

2015-03-24 Thread Andrea Rendine
Note that it's perfectly fine to reference svg files from a picture element, see e.g http://sarasoueidan.com/blog/svg-picture/. Which means repeating the map construction for every SVG file. Of course if the SVG is created by a script or a graphics application it can be done easily, but this is

Re: [whatwg] Responsive image maps

2015-03-24 Thread Simon Pieters
On Fri, 20 Mar 2015 20:22:28 +0100, Martin Janecke whatwg@prlbr.com wrote: Am .03.2015, 13:10 Uhr, schrieb Simon Pieters sim...@opera.com: Please leave out syntax proposals for now. What I think is needed first to drive this forward is: * Use cases. Why do you need this? In general

Re: [whatwg] Responsive image maps

2015-03-23 Thread Andrea Rendine
My idea started from considerations about the picture element itself, so I agree with Martin, a native feature to resize image maps should wrk with the picture/img scenario. IE11 doesn't scale SVG as noticed about previous versions. As a side note, I have to notice that selecting areas in SVG

Re: [whatwg] Responsive image maps

2015-03-22 Thread Martin Janecke
I've done a few tests and provide links to them below the following discussion. Am .03.2015, 20:30 Uhr, schrieb Tab Atkins Jr. jackalm...@gmail.com: SVG is highly accessible. Yes, SVG a elements are followed just like HTML a elements, and yes, screenreaders do read out desc elements when

Re: [whatwg] Responsive image maps

2015-03-20 Thread Andrea Rendine
SVG can be resized. Everything inside it cannot, as far as it is not defined by relative units. And percentage is not limited to ingegers, of course, but it requires a value conversion. And I'm not sure it works with polygons. 2015-03-20 21:15 GMT+01:00 Tab Atkins Jr. jackalm...@gmail.com: On

Re: [whatwg] Responsive image maps

2015-03-20 Thread Tab Atkins Jr.
On Fri, Mar 20, 2015 at 1:30 PM, Andrea Rendine master.skywalker...@gmail.com wrote: SVG can be resized. Everything inside it cannot, as far as it is not defined by relative units. If you use percentage coordinates, or use px coordinates plus a viewBox attribute on the svg, the stuff inside

Re: [whatwg] Responsive image maps

2015-03-20 Thread Tab Atkins Jr.
On Fri, Mar 20, 2015 at 12:22 PM, Martin Janecke whatwg@prlbr.com wrote: However, since image maps have been an integral part of HTML since version 3.2 and not been deprecated in favor of a better alternative yet, it might still be a straightforward solution to enhance them. Responsive

Re: [whatwg] Responsive image maps

2015-03-20 Thread Tab Atkins Jr.
On Fri, Mar 20, 2015 at 1:00 PM, Andrea Rendine master.skywalker...@gmail.com wrote: About SVG, I made a couple of tests and they are far from being comprehensive, but this is the fact. SVG image maps need to define 2 elements for each area, i.e. the element itself and its associated

Re: [whatwg] Responsive image maps

2015-03-20 Thread Martin Janecke
Am .03.2015, 13:10 Uhr, schrieb Simon Pieters sim...@opera.com: Please leave out syntax proposals for now. What I think is needed first to drive this forward is: * Use cases. Why do you need this? In general it's needed to allow geometric areas on an image to be associated with

Re: [whatwg] Responsive image maps

2015-03-20 Thread Andrea Rendine
Why are alternatives like CSS-positioned a links or SVG not better? The issue with CSS is easy. All that can be achieved through it is rectangles/squares (and their transformations), circles and some approximation of ellipses (with border-radius). The third feature allowed by image maps,

Re: [whatwg] Responsive image maps

2015-03-19 Thread Simon Pieters
On Wed, 18 Mar 2015 17:22:47 +0100, Andrea Rendine master.skywalker...@gmail.com wrote: ... And as an evidence that someone needs this feature, I could cite several resizing scripts, both standalone https://github.com/davidjbradshaw/image-map-resizer http://stackoverflow.com/a/14576104 and

Re: [whatwg] Responsive image maps

2015-03-18 Thread Andrea Rendine
That's exactly what I had in mind. I worked for a similar solution (now sadly aborted). It implemented a world map with selectable countries instead of free text fields / dropdown list. I had to use Flash because image maps cannot be resized. I like the idea of using both width and height for

Re: [whatwg] Responsive image maps

2015-03-18 Thread Martin Janecke
Am .03.2015, 12:38 Uhr, schrieb Andrea Rendine master.skywalker...@gmail.com: […] why can't map area coordinates be responsive? I know that percentages simply don't work as UAs either interpret them as pixel, or they aren't interpreted at all. But what about rescaling? I'd like to