I tried mixing SVG and pixel perfect elements: http://fuse.rupy.se
It's really hard because it behaves differently with different aspect ratios.
Ask HN: What are weird and/or novel ways to do web UIs?
131–140 of 364 posts
Re: Ask HN: What are weird and/or novel ways to do web UIs?
#132I think the weirdest way is using React. I mean, it feels so unnatural for me, compared to the jQuery way. You have to download thousands of packages, keep track of various dependencies and their security holes, adding an overhead for auditing them. HTML5 with jQuery IMHO still beats everything in simplicity and getting work done fastly
I just saw three dependencies (arguably even less): https://www.npmjs.com/package/react Don't know how you reach your conclusion.
If you generate a typical react app with create-react-app, you get ~1000 dependencies in node_modules:
`npx create-react-app some-app-name --typescript`
(it was actually exactly 1000 dependencies which is freaking me out because the number was so round. wondering if it am counting lines wrong `ls | wc -l`)
Re: Ask HN: What are weird and/or novel ways to do web UIs?
#133Earlier 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.
Just hide the nasty layers behind more facades or layers of abstraction. Please never reinvent the wheel, we need more layers, its better software design to reuse the old stuff.
/s
Re: Ask HN: What are weird and/or novel ways to do web UIs?
#134I think the weirdest way is using React. I mean, it feels so unnatural for me, compared to the jQuery way. You have to download thousands of packages, keep track of various dependencies and their security holes, adding an overhead for auditing them. HTML5 with jQuery IMHO still beats everything in simplicity and getting work done fastly
I've been using Preact and the Parcel Bundler for my small projects, I'm able to build awesome stuff like I would with React, but with a few kbs of dependencies and no configuration file !
+1 for Preact! Shout out to Svelte as well.
If you can, don't use it to render entire pages. Use it for only the dynamic parts.
Re: Ask HN: What are weird and/or novel ways to do web UIs?
#135An 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++ address space is just a giant JavaScript array of numbers and pointers are just indices into that array.
Of course wasm is more performant as it matures, but they’ve been at this since 2015 and I’m impressed by how responsive the app is.
https://www.figma.com/blog/webassembly-cut-figmas-load-time-...
Re: Ask HN: What are weird and/or novel ways to do web UIs?
#136Weird UIs were what I miss the most about the web in the late 90s. There were no rules, and people were just winging it. I remember my friends making websites for their bands and bragging about how they made it so hard to use, that it was like a secret club if you figured it out.
Re: Ask HN: What are weird and/or novel ways to do web UIs?
#137I think the weirdest way is using React. I mean, it feels so unnatural for me, compared to the jQuery way. You have to download thousands of packages, keep track of various dependencies and their security holes, adding an overhead for auditing them. HTML5 with jQuery IMHO still beats everything in simplicity and getting work done fastly
Try build a complex website with complex journeys and a component architecture and you'll be begging for React.
It's probably because you haven't seen the light. I'd never ever go back to using jQuery unless it was for a basic marketing site - even then I'd probably think of using Vue if anything got more complex than a carousel on the page.
Re: Ask HN: What are weird and/or novel ways to do web UIs?
#138I'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.
Yes! Web development is "weird" because we (developers) are basically constantly trying to put square pegs into round holes. Over the past ~25 years, a document delivery system has been perverted into a application delivery system. The underlying, fundamental technologies were not intended for "UI" app development.
> ...a document delivery system has been perverted into a application delivery system...
I love it; this is great! I imagine somewhere in the world today, a witty instructor is teaching a computer basics or CIS 101 course and using something like your phrase above as the definition for the term "world wide web". lol :-)
Re: Ask HN: What are weird and/or novel ways to do web UIs?
#139When you say "do", do mean "implementation" or "design"?
Re: Ask HN: What are weird and/or novel ways to do web UIs?
#140Earlier quoted context omitted.
They just hope that Google will keep pouring infinite money into making their JavaScript engine faster. And they never kept track of their dependencies in the first place. That's the job of some build tool. Whatever it pulls in is fine.
We target IE11 with angular1.6, React and Vue and it all runs very fast. The only time we ever had trouble were lists over a few hundred items long that our internal customers didn’t want paginated. But delivering those more demanding apps in react and vue solves all our IE11 is slow problems. On any other brothers the code might as well be native.
Wait why are you using all three of AngularJS, React, and Vue?