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

How I made Google’s data grid scroll faster with a line of CSS

medium.com

Post reply on HN
Print view View original

101–110 of 223 posts

Re: How I made Google’s data grid scroll faster with a line of CSS

#101

Post by skybrian »

vaughan wrote: post #69
arendtio wrote: post #37

Earlier quoted context omitted.

Doesn't sound like you tested it on a mediocre mobile phone, sounds more like a laptop/desktop. However, regarding your question: For one thing, many pages are being build for mobile devices first nowadays. So you would not simply push 40k rows but use some kind lazy loading which is a lot harder to build and can easily degrade the desktop experience. Furthermore, people often use libraries to get rid off the browser…

I wonder if pushing 40k rows to mobile is such a bad idea. Phones have tons of space now. HD video streaming pulls tons of data. I guess mediocre mobiles complicate matters. Usually there are other factors making it implausible. Such as not compressing/compacting the data on the server, and not being able to limit large blob data columns, unable to control the parsing of data, and lack of normalized relational cachin…

A web page that uses too much memory will cause other browser tabs to be unloaded. If you were writing a comment in another tab, you lose your work.

Re: How I made Google’s data grid scroll faster with a line of CSS

#102

Post by Dylan16807 »

arthurcolle wrote: post #79
dfabulich wrote: post #77

Earlier quoted context omitted.

What you need is Open UI. The browser vendors are working on it. https://open-ui.org/ > The purpose of Open UI to the web platform is to allow web developers to style and extend built-in web UI controls, such as dropdowns, checkboxes, radio buttons, and date/color pickers. > To do that, we'll need to fully specify the component parts, states, and behaviors of the built-in controls, as well as necessary accessibility…

Mandatory standards xkcd

HTML and CSS is one standard, two if you squint. The problem is a hundred nonstandard ways to do it, and this is going to be the first standardization of this for the web. I don't think that comic is relevant.

Re: How I made Google’s data grid scroll faster with a line of CSS

#103

Post by s-lambert »

hitekker wrote: post #39

Wow, $2040 for a table component: https://www.bryntum.com/store/ . I'd pay that in a heartbeat if it had the API and UI that fits in with the rest of my software. Better an upfront price in dollars for a component that I know will be well-supported by a company than a "free" component that will likely be abandoned or mismanaged by one bored developer

The cost doesn't seem that different from ag-grid[0] (which is also fairly popular) and costs like $750 per developer per year.

https://www.ag-grid.com/license-pricing.php

Re: How I made Google’s data grid scroll faster with a line of CSS

#104

Post by [deleted] »

chrismorgan wrote: post #92
wildrhythms wrote: post #63

Earlier quoted context omitted.

I work in UX, I am constantly being given designs that don't work well with native/semantic elements- a great example is tables. As soon as the table needs some kind of animation, drag-drop behavior, anything like that, I can't use a anymore; or it becomes some frankenstein kafkaesque amalgamation that is impossible to maintain. Does the table really need an animation? (probably not) drag and drop? (probably not) But…

And when you reimplement , it won’t feel native because different platforms have different conventions (e.g. placement of dropdown, click-and-drag behaviour, whether focus is selection, keyboard shortcuts like Tab), and very few implementations try even half-baked user-agent sniffing to try to emulate the platform. And that’s just thinking about desktop platforms; on mobile platforms, the native dropdown behaviour is…

[deleted]

Re: How I made Google’s data grid scroll faster with a line of CSS

#105

Post by saagarjha »

dfabulich wrote: post #77
wildrhythms wrote: post #63

Earlier quoted context omitted.

I work in UX, I am constantly being given designs that don't work well with native/semantic elements- a great example is tables. As soon as the table needs some kind of animation, drag-drop behavior, anything like that, I can't use a anymore; or it becomes some frankenstein kafkaesque amalgamation that is impossible to maintain. Does the table really need an animation? (probably not) drag and drop? (probably not) But…

What you need is Open UI. The browser vendors are working on it. https://open-ui.org/ > The purpose of Open UI to the web platform is to allow web developers to style and extend built-in web UI controls, such as dropdowns, checkboxes, radio buttons, and date/color pickers. > To do that, we'll need to fully specify the component parts, states, and behaviors of the built-in controls, as well as necessary accessibility…

> The browser vendors are working on it.

How's progress?

Re: How I made Google’s data grid scroll faster with a line of CSS

#106

Post by chiefalchemist »

ryandrake wrote: post #73
chiefalchemist wrote: post #70

Earlier quoted context omitted.

For the record...the issues you mention were initiated by former print designers, turned wannabe web designers. No one should underestimate the percentage of "web designers" who don't know the difference between a span and a div, or the damage that level of ignorance is doing. FFS, I still see PSDs (which is a silly format for web design) - already approved by clients - with small (read: difficult to read) font sizes…

> Don't blame the developers some of this do push back. Unfortunately, "the creatives" too often have more juice. It's so bizarre how developers are simultaneously considered 1. powerful in the job market, highly in-demand, with companies competing for talent, and 2. totally powerless to push back against dark patterns, privacy invasions, and poor product or design choices. I mean has anyone even tried saying "You kn…

1 and 2 are one in the same. The revolving door feeds itself.

It's not like the recruiter and/or hiring company are going to tell you up front "Yeah, the design team is clueless." True story: you only find that out after the fact. Pushing back is possible, and it does happen, trust me ;) But it either happens too late, management is clueless, or both.

So you update your CV in search of green pastures. That in turn creates an opening. Management won't admit it's them. The narrative is: we need better talent and that means paying more.

And so on.

Re: How I made Google’s data grid scroll faster with a line of CSS

#107

Post by chiefalchemist »

beebeepka wrote: post #94
ryandrake wrote: post #73

Earlier quoted context omitted.

> Don't blame the developers some of this do push back. Unfortunately, "the creatives" too often have more juice. It's so bizarre how developers are simultaneously considered 1. powerful in the job market, highly in-demand, with companies competing for talent, and 2. totally powerless to push back against dark patterns, privacy invasions, and poor product or design choices. I mean has anyone even tried saying "You kn…

I feel like such arguments are rarely made in good faith due to mostly elitist attitudes but I'll give it a try. It's one thing to push against dark patterns, and completely another to constantly fight your design teams. Do you honestly think the developer is making all these design decisions? Lol

All these BAD design decision ;)

Re: How I made Google’s data grid scroll faster with a line of CSS

#108

Post by bla3 »

dfabulich wrote: post #77
wildrhythms wrote: post #63

Earlier quoted context omitted.

I work in UX, I am constantly being given designs that don't work well with native/semantic elements- a great example is tables. As soon as the table needs some kind of animation, drag-drop behavior, anything like that, I can't use a anymore; or it becomes some frankenstein kafkaesque amalgamation that is impossible to maintain. Does the table really need an animation? (probably not) drag and drop? (probably not) But…

What you need is Open UI. The browser vendors are working on it. https://open-ui.org/ > The purpose of Open UI to the web platform is to allow web developers to style and extend built-in web UI controls, such as dropdowns, checkboxes, radio buttons, and date/color pickers. > To do that, we'll need to fully specify the component parts, states, and behaviors of the built-in controls, as well as necessary accessibility…

https://open-ui.org/charter

> Most recent revision: April 1, 2020

That doesn't inspire confidence...

Re: How I made Google’s data grid scroll faster with a line of CSS

#109

Post by surajrmal »

onion2k wrote: post #22
cxcorp wrote: post #11

Earlier quoted context omitted.

Unfortunately, as is often the case when one learns of a new CSS property or a Web API, the browser support is just not there yet. Safari, for example, doesn't support this at all: https://caniuse.com/mdn-css_properties_contain

Writing good browser based software is about delivering the best possible experience for all users regardless of their browser choice. That doesn't mean withholding beneficial features just because they're not available everywhere. It means writing software to take advantage of every possible benefit that improves the user experience, and detecting browser support where necessary to provide fallbacks and polyfills if…

This is how you end up with "the performance sucks if you don't use chrome" complaints though. I imagine Google makes use of optimizations only possible in Chrome quite often making their applications provide sub par experiences on other browsers.

Re: How I made Google’s data grid scroll faster with a line of CSS

#110

Post by wdb »

dfabulich wrote: post #77
wildrhythms wrote: post #63

Earlier quoted context omitted.

I work in UX, I am constantly being given designs that don't work well with native/semantic elements- a great example is tables. As soon as the table needs some kind of animation, drag-drop behavior, anything like that, I can't use a anymore; or it becomes some frankenstein kafkaesque amalgamation that is impossible to maintain. Does the table really need an animation? (probably not) drag and drop? (probably not) But…

What you need is Open UI. The browser vendors are working on it. https://open-ui.org/ > The purpose of Open UI to the web platform is to allow web developers to style and extend built-in web UI controls, such as dropdowns, checkboxes, radio buttons, and date/color pickers. > To do that, we'll need to fully specify the component parts, states, and behaviors of the built-in controls, as well as necessary accessibility…

Confusing naming as there already exists https://openui5.org Open-source sibling of SAPUI5
Post reply on HN