Live data from Hacker News

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

medium.com

121–130 of 223 posts

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

#121

Earlier quoted context omitted.

That seems like a bizarre reason not to use it, given that it's strictly a performance optimisation, and browsers will simply ignore CSS rules they don't understand.

I imagine that it could cause accusations from Apple that Google is trying to take their customers out of the ecosystem, putting a nice cash flow at risk.

It doesn't have to be Apple. There would be dozens of articles on HN front news and HN crowd would complain year after years about it.

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

#123
That jscontroller= stuff in the DOM is Google’s internal framework called Wiz. Easily one of the worst things I’ve used in my career. It’s like a hyper engineered Backbone.js. Working with it is so tedious that passionate web developers who might fix these perf issues burn out and leave. What’s left are promo-seeking impact farmers who don’t really care about these sorts of things.

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

#124
post #108

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…

https://open-ui.org/charter > Most recent revision: April 1, 2020 That doesn't inspire confidence...

It’s definitely active, just today I was listening to Dave Rupert talking about a versatile element for tabs widgets (and other things) that’s really making good progress.

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

#125
post #118
post #58

Earlier quoted context omitted.

Microsoft is building a web component framework: https://developer.microsoft.com/en-us/fluentui#/get-started/...

I went to check this out, seems they're only focusing on React and beyond that, a maintainer mentions they're looking for funding. Doesn't sound too promising... https://github.com/OfficeDev/office-ui-fabric-core/issues/12...

A lot of this has morphed into the unfortunately named FAST framework, which focuses on web components rather than react. However, they have both Microsoft fluent and unstyled flavors, in case you just want to style things yourself and not look microsofty

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

#126
post #15

Earlier quoted context omitted.

You should see what you can do with and these days, no more do your native browser elements have to look like complete dog to receive free native device controls

I can't believe these elements slipped under my radar for so long - I have a site with no Javascript (outside of Google Analytics anyway) and and have helped me keep it that way.

Now remove the Google Analytics too

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

#127
post #29

Earlier quoted context omitted.

Browser support aside, it seems very counterintuitive. https://developer.mozilla.org/en-US/docs/Web/CSS/contain suggests that it can cause pages to render differently, which is very strange, considering that the description implies that it only effects when the browser repaints/re-processes region, and not what the result is.

Browsers give no control over when areas are repainted. If you change a bit of CSS or DOM, it will be repainted in the next frame. There is no way to say 'dont paint this yet'. The thing the contain property does is ensure that a particular Dom change won't affect pixels outside the element involved, which means the browser won't need to do any extra repainting.

You can say “don’t paint this yet” if it’s not within the viewport. In addition to ‘contain’ there’s also ‘content-visibility’.

https://developer.mozilla.org/en-US/docs/Web/CSS/content-vis...

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

#128
post #45

Earlier quoted context omitted.

I think it’s a funding issue. A lot of desktop GUI toolkits were funded by the people who created the platform themselves so they had every incentive to make it both flexible and consistent. When I look for a web component, the few component libraries that cover several different components are often extremely incomplete. Often they’re just side projects of a company or even an individual. No one is putting in the mo…

I think that's part of it. I also think that, as far as interactive components, virtually nothing on the web has had a shelf life of longer than 3-5 years. Ever. The lone exception are the base HTML components. I think the last actual change to those was making textarea resizable, and that's kind of a browser override to the spec as much as anything else. Essentially nothing has actually changed in form and UI elemen…

[deleted]

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

#129

Earlier quoted context omitted.

> Modern web interfaces can be designed to be user friendly, performant, and good looking. Right. Name three examples that are all this, and still considered "good UX" by webdev standards. > Try marketing a web app Herein lies the real issue. And it predates the web. I recall a piece of documentation of Windows around 3.11 era, where the developers already threw their hands up in the air over realizing that, no matte…

I like https://airtable.com/ , https://linear.app/ , and https://height.app/ . They are all pushing the limits of interactive web apps, not always entirely successfully, but the overall product experience is mostly smooth and polished. I wouldn't really be able to say what it means to be "considered good UX by webdev standards," but I develop for the web and I like these three.

They look so awesome... wait... neither of them has a working demo at the top of the front page. There is no need to try to talk me into loving something - it wont work. Just show me as many working demos as it takes and show me code. Clearly I'm not the audience. Happy it works for you tho :)

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

#130
post #108

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…

https://open-ui.org/charter > Most recent revision: April 1, 2020 That doesn't inspire confidence...

Isn't that just the charter which lists their goals? Should their organizational goals change massively in a single year? The charter of most NGOs basically stays static for their entire lifetime.
Post reply on HN