Live data from Hacker News

Ask HN: What are weird and/or novel ways to do web UIs?

news.ycombinator.com

161–170 of 364 posts

Re: Ask HN: What are weird and/or novel ways to do web UIs?

#161

I've heard that some people build UIs with thousands of dependencies, in JavaScript that hits the server for text that is then parsed to object that are then passed through all sorts of classes that each spit out HTML. They also do some weird stuff with events like key-ups in order to re-render input fields based on objects rather than letting the browser manage those kinds of things. Sounds pretty weird to me.

> ...passed through all sorts of classes that each spit out HTML.

They generally don't spit out HTML, that's how you get XSS. Rather, they turn the data into DOM nodes, dynamically. In theory, that's more efficient, because the data should be smaller than the marked-up data. That's also how you get a UI to sort of rival a Desktop application, you cannot do this all server-side.

Also, all your server-side code that renders HTML is usually more privileged than your client code, unless you did your job very well, which I know you didn't, because you don't have the time and/or money. That's a huge risk surface area. There's a reason why Wordpress instances (which also have "thousands" of components) get hacked all the time, while static-site-generator sites don't.

> They also do some weird stuff with events like key-ups in order to re-render input fields based on objects rather than letting the browser manage those kinds of things.

The browser doesn't manage those things, or if it does, it's very limited and likely different for each browser. You need some amount of Javascript for all but the most trivial forms.

Re: Ask HN: What are weird and/or novel ways to do web UIs?

#162
post #38
post #23

Earlier quoted context omitted.

I have been thinking about this weirdness a lot. In my book communicating via electric currents while seeming weird, isn't because of it's pure practicality. Digitizing these currents instead of transmiting an analog signal seems weird, but isn't because it allows faster, errorfree and more diverse communications etc. You can go on and follow the technical developement, but you will inevitably reach a point where peo…

A 10X programmer or 100X programmer finds a way to remove layers of abstractions.

I'm actually shocked at the downvotes. The previous post was discussing the problem of all the layers of abstractions, and I was pointing out that a "10x programmer" could be getting 10x results by finding ways around those abstractions.

Re: Ask HN: What are weird and/or novel ways to do web UIs?

#164
post #41
post #29

http://www.dontclick.it/ is a super old (Flash) demo of a UI that doesn't have any clicking

It felt so awkward...

I quite like it. Its seems like an advanced version of where menus pop up on hover rather than having to actually click.

Re: Ask HN: What are weird and/or novel ways to do web UIs?

#165

You might find some interesting examples by going through the websites here: http://brutalistwebsites.com They definitely dont all have weird UI, but some do.

I’m already seeing this in the wild, at least for more artsy clients, museums, that sort of thing! I kinda like it. Some of their examples are over the top, of course, but think of it as the fashion show pieces that retail chains will digest into more realistic designs over the coming years. I think we kinda need this to escape the tacky, bloated default look that 99% of websites do, nowadays.

Re: Ask HN: What are weird and/or novel ways to do web UIs?

#166
post #27

This website uses scatterplots instead of lists to display products: https://www.productchart.com So on Product Chart, you can for example say "Show me 300 smartphones and put the price on the x-axis and the size on the y-axis". It's a bit like you would lay out things on a table and then organize them by some criteria.

So I checked the Smartphone section. Very limited amount of arguments. The visual representation is nice, but the Tweakers Pricewatch website [1] has a better search because it has better (more) arguments (they could however benefit from the scatterplot system).

[1] https://tweakers.net/pricewatch/

Re: Ask HN: What are weird and/or novel ways to do web UIs?

#167
post #147

Craigslist. Here is something novel: let html and browsers do their job. Let your browser process simple html at light speed. Let GET be idempotent. Let users be anonymous while getting information.

Hacker News is pretty minimal in terms of UI. I like it for that.

It is, but unfortunately the HTML structure is quite horrible. It is built less like a web page and more like an Excel spreadsheet. Makes it terribly hard to parse automatically.

Re: Ask HN: What are weird and/or novel ways to do web UIs?

#168

I once worked at Chase Manhattan Bank and one of their internal networking teams had a web site for wiring requests. They didn’t want to work too hard so their UI was designed to make data entry as slow as possible, mostly by using huge multi-level drop down lists where the slightest twitch would make them collapse and you would have to start over navigating through them, repeat a dozen times for every run of cable,…

Damn funny

Re: Ask HN: What are weird and/or novel ways to do web UIs?

#169
post #142

I’ve always liked the approach of http://intercoolerjs.org/ . But I’m not a web dev and I don’t know the real reasons why it didn’t get traction :)

I think the main reason is because you have to build your entire back-end based on the assumption that you are using intercooler. It requires the responses to be formatted HTML for anything more complex than changing the content text. It ends up making the whole approach much more complex than it is advertised.

Re: Ask HN: What are weird and/or novel ways to do web UIs?

#170

An impressive implementation of a web UI is Figma: Figma is written in C++ code then run in the browser by cross-compiling it to a subset of JavaScript known as asm.js. The asm.js subset is basically JavaScript where you can only use numbers (no strings, objects, etc.). This is all you need to run C++ code since everything in C++ is either a number or a pointer to a number, and pointers are also numbers. The C++ addr…

That's fantastic- have you used the Ligma fork?
Post reply on HN