Live data from Hacker News

Show HN: Mimicking the Bloomberg menu widget without JavaScript

dosyago-coder-0.github.io

81–90 of 144 posts

Re: Show HN: Mimicking the Bloomberg menu widget without JavaScript

#81
post #80
post #64

Earlier quoted context omitted.

What exactly does "semantically meaningful and accessible html" mean?

As an example: Consider using a vs using . The tag is semantic and meaningful, whereas the means nothing. A screen reader (or other markup interpreters) can’t tell what a means

Good point. Perhaps, I would think, Bloomberg's menu does this and he can just "borrow" their semantic + A11Y-centric markup?

Re: Show HN: Mimicking the Bloomberg menu widget without JavaScript

#82
post #2

Context: I like the Bloomberg site and their drop-down menu is cool. Purely as a challenge, I set out to mimick the styles and behaviour of that menu without using JavaScript and trying to keep the HTML/CSS as minimal as possible. Their menu widget does not work if you switch of JS (but this was not a motivation for me to make this). Tested on IE 11, Edge 12, latest Chrome stable and Firefox dev on Windows 10. Source…

Any chance of making it click-based? For example, once I open it, I'd rather click on Markets than hover to change the right side.

Also, and I realize this was just for fun, making it responsive would be a nice touch. For example, force the right col under col 1 and col 2 below a certain width. That's easy and I think more people are likely to find the example more useful.

Otherwise, sweet! Good stuff. Thanks for sharing.

Re: Show HN: Mimicking the Bloomberg menu widget without JavaScript

#83
post #67

Earlier quoted context omitted.

> This is solved by tracking the mouse movement and holding the current menu open if the movement is at a specific angle Was it Amazon that first used this trick on their giant dropdown menus? I remember reading an article about their implementation but do not recall if they were the first or merely the most visible.

No. Mac OS had it.

Correct. I first used a Mac with System 6 somewhere around 1991-1992. I remember using other GUIs (maybe windows 3.1 or X) and being frustrated by the menus, then realizing that the Mac had this diagonal most movement detection and that's what made their menus so much easier to use. Apple figured this out 30 years ago.

Re: Show HN: Mimicking the Bloomberg menu widget without JavaScript

#84
I really, really do not get this obsession with Javascriptless interactivity.

I mean, seriously. Its 2018. JS engines are REALLY fast. And by the way, lets not be deluded into thinking that the Chrome is a lightweight nothing without JS execution. There are already GPU-aided reflow/repaint operations, your whole UI context lives on a different thread, tons of services are pulled back for audio/video capabilities, not to mention addons, HTML engine, etc.

So just learn proper JS, do not overdo it, and write efficient scripts. Its doable.

Re: Show HN: Mimicking the Bloomberg menu widget without JavaScript

#85

I really, really do not get this obsession with Javascriptless interactivity. I mean, seriously. Its 2018. JS engines are REALLY fast. And by the way, lets not be deluded into thinking that the Chrome is a lightweight nothing without JS execution. There are already GPU-aided reflow/repaint operations, your whole UI context lives on a different thread, tons of services are pulled back for audio/video capabilities, not…

Just because a JS engine is really fast doesn't mean you should do everything in JS, esp if CSS is the right tool for the job (not to say that this particular demo is a good example of using the right tool for the job).

Re: Show HN: Mimicking the Bloomberg menu widget without JavaScript

#87

I really, really do not get this obsession with Javascriptless interactivity. I mean, seriously. Its 2018. JS engines are REALLY fast. And by the way, lets not be deluded into thinking that the Chrome is a lightweight nothing without JS execution. There are already GPU-aided reflow/repaint operations, your whole UI context lives on a different thread, tons of services are pulled back for audio/video capabilities, not…

What's the point of your comment? If you can do the same thing without JavaScript or with, the implementation that doesn't use JavaScript is categorically preferable.

Re: Show HN: Mimicking the Bloomberg menu widget without JavaScript

#88

Earlier quoted context omitted.

For one, many people prefer to browse websites with javascript turned off. Aside from performance benefits, you turn off user tracking, flashy ads, autoplay videos, annoying popovers, etc.

MANY people? Source?

zero people block JS: false

only one person blocks JS: false

therefore many block JS

Re: Show HN: Mimicking the Bloomberg menu widget without JavaScript

#89

I really, really do not get this obsession with Javascriptless interactivity. I mean, seriously. Its 2018. JS engines are REALLY fast. And by the way, lets not be deluded into thinking that the Chrome is a lightweight nothing without JS execution. There are already GPU-aided reflow/repaint operations, your whole UI context lives on a different thread, tons of services are pulled back for audio/video capabilities, not…

What's the point of your comment? If you can do the same thing without JavaScript or with, the implementation that doesn't use JavaScript is categorically preferable.

The point of the comment, is that if you can do the same thing without JavaScript or with, the implementation that doesn't use JavaScript is not categorically preferable.

Re: Show HN: Mimicking the Bloomberg menu widget without JavaScript

#90
It's 2018 and we still have to jump through hoops to get browsers to do things perfected on desktops by the mid 1990's. (Without bugs and browser incompatibilities.)

The Web royally screwed UI development and standards to Hell's basement, and nobody seems to want to fix it because the current mess is job security for low-level DOM diddlers.

Post reply on HN