Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

It's 2020 and I'm using image maps

videoinu.com

Post reply on HN
Print view View original

61–70 of 109 posts

Re: It's 2020 and I'm using image maps

#61

Post by jes5199 »

at_a_remove wrote: post #53

It's funny this came up. I've been doing webstuff and getting paid for it since about 1996 or 1997; imagemaps were a pretty big deal back then. Recently, I found myself thinking, "How do they do that these days?" I have gotten out of the webbish stuff and even before that, I tended to stick to the tried and true. I don't think the need for something very much like imagemaps will ever go away. The lure of arbitrary po…

the modern web just doesn’t do that, though. I don’t think I’ve seen a clickable polygon in the last 15 years

Re: It's 2020 and I'm using image maps

#63

Post by zucker42 »

davidmurdoch wrote: post #54
app4soft wrote: post #48

Earlier quoted context omitted.

> It runs completely on the client-side, so all the editing, previewing, rendering, and exporting is done using web technologies. If so, why just not use native desktop/mobile video editor app instead?

Because you'd have to download an app like this and then trust that it won't install malware or spyware or do anything else malicious.

Why would you use browser-based video editing over desktop-based free software, where you can read the source (or listen to someone you trust who has read the source) to make sure it's not doing anything malicious? Besides the fact that it might be easier/simpler for very small projects.

Re: It's 2020 and I'm using image maps

#64

Post by Reelin »

phailhaus wrote: post #60
app4soft wrote: post #56

Earlier quoted context omitted.

> Because you'd have to download an app like this and then trust that it won't install malware or spyware or do anything else malicious. How you would check that web app, which JavaScript/WebAssembly source/binary should be firstly loaded into your browser from 3rd-party website, would not "install malware or spyware or do anything else malicious"?

Modern browsers are pretty secure nowadays. By comparison, you have pretty much zero guarantees about an app you install onto your computer. The only concern is that these browser apps are quietly sending your files elsewhere, but this is easily inspectable via the dev tools.

To be fair, modern OSes are quickly catching up in this regard. WASM is also increasingly available for use as a native sandbox. Examples: (https://github.com/WAVM/WAVM) (https://github.com/bytecodealliance/lucet)

Re: It's 2020 and I'm using image maps

#65

Post by bonestamp2 »

app4soft wrote: post #48
Acconut wrote: post #23

The author seems to be have written this post based on work for an in-browser video editor ( https://videoinu.com/editor ). It runs completely on the client-side, so all the editing, previewing, rendering, and exporting is done using web technologies. Of course, it's not comparable to a professional editing tools but nevertheless that's very impressive achievement in my opinion!

> It runs completely on the client-side, so all the editing, previewing, rendering, and exporting is done using web technologies. If so, why just not use native desktop/mobile video editor app instead?

It's true, a proper desktop editing application would probably be better in most cases, but I guess it would still be useful for the case where your computer can't run desktop applications (ex. chromebooks) or your administrator doesn't give you permission to install such applications.

Re: It's 2020 and I'm using image maps

#66

Post by klodolph »

LoSboccacc wrote: post #50
jcfields wrote: post #28

Earlier quoted context omitted.

They're x, y pairs for the top-left and bottom-right corners of the rectangle. They're coordinates in the fourth quadrant of the Cartesian plane (i.e., with the origin conceptually in the top-left corner), which is also the way coordinates are given in most windowing systems (including X). This is more obvious when using the "poly" attribute rather than "rect," where you can have an arbitrary number of x, y pairs (an…

something I always wondered since the age of programming mode 13h, is the use of the fourth quadrant so that loop would fill video memory in the order the scan line goes reading it?

I think it’s just designed to match the English order for text. This way your text mode can go through memory linearly. Graphics mode can just reuse the same order.

Re: It's 2020 and I'm using image maps

#67

Post by 101008 »

dpcan wrote: post #59
tech-historian wrote: post #49

I'm reminded of the first image map I ever saw -- Microsoft's 1994 homepage: https://www.versionmuseum.com/images/websites/microsoft-webs...

I remember seeing image maps for the first time as well. I can't remember exactly what they were for (possibly the Yahoo logo when it had circular buttons around it), but I distinctly remember the feeling of being able to click on an area of an image and something different happening. It floored me at the time because it was, in my mind, when Dorothy opened the door to Oz and a huge, beautiful world just appeared bef…

I couldn't agree more with your feelings, it was beautiful at the time. I remember I spent hours visiting websites with JS snippets, to do simple things, the web felt so much amateur and collaborative. Seeing it now through the times, I think the difference was that to create an amateur website, you don't need to understand a lot of techs, just HTML and how to use a FTP software. Now everything seems much more complex.

Anyway, I just wanted to tell my experience with Image Maps. A friend of mine had a much better CPU, where his father also worked creating websites, and he had Macromedia Dreamweaver. He could create image maps with the cursor, clicking here and there, and it was amazing. Meanwhile, in my house, my CPU only allowed me to run stuff like Notepad++, which meant I had to memorize my friend's code, running back home, start typing it and trying to understand how it worked to modify it at my piacere. The best feeling in the world was when the click did what I expected in the area I wanted. What a feeling.

Re: It's 2020 and I'm using image maps

#68

Post by bonestamp2 »

lallysingh wrote: post #33
Pmop wrote: post #4

> 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…

Almost everyone uses them like that. It's the index of the right point in the graphics buffer when treating it as a 2D array.

Back when image maps were common on websites, it was also easy to find the coordinates in your image by placing your Paint Shop Pro crosshairs at the desired points in your image and then transposing those coordinates to the html. Using a relative number for the second point would have added a lot of work for complex image maps. Maybe that's just a coincidence because it was actually driven by the underlying array, but it was super helpful on the design side too.

PS - This brings back my memory of server side image maps which were fun for treasure hunt type images because you couldn't view the page source to figure out where the hotspots in the image were. Good times.

Re: It's 2020 and I'm using image maps

#69

Post by acomjean »

purerandomness wrote: post #8
skocznymroczny wrote: post #5

I still use tables for layouting because divs and messing with positioning/floating never really clicked for me.

Flexbox (for one-dimensional layout) and Grid (for 2-dimensional layout) really improved the situation and finally made floating and positioning obsolete. There are plenty gamified learning tutorials like https://cssgridgarden.com/

And the flex box game.

https://flexboxfroggy.com/

I like flexbox /grid: Though I've been staying with flexbox since I know it better.

firefox has some really good grid inspection tools built in.

Re: It's 2020 and I'm using image maps

#70

Post by [deleted] »

perilunar wrote: post #19
egfx wrote: post #2

interesting mentions of the and tags. I have a modern app that makes use of these properties for making gif's. blink will make any content in the gif flash on the canvas and marquee will move it side to side : https://imgur.com/rgHrsoa

and can be pretty much replicated with CSS animations — there's no need for the tags anymore.

[deleted]
Post reply on HN