I'm not a great designer, but I've tried to capture the who, what and jump off points for reading my writing as well as I could. Always impressed by the creativity and soul many other folks seem able to put into their personal homepages!
I’ve been slacking on adding proper CI/CD to my blog, while my apps on Netlify/Vercel don’t have this issue. I’ll take this as the proper kick in the pants to work on that.
Hey folks. Author of this post here. I sincerely apologize, this was accidentally published live prematurely (my fault). It’s got a number of style and structure issues I’ve been working through locally (you are spot on regarding the heading feedback). I have taken it down and will be publishing it in the future once it is actually complete.
I lead engineering for some of Google's developer tooling like Lighthouse. You are correct that we currently have a gap in our ability to measure subframes in the lab locally on your machine (doing so cross-origin reliably is complex), but we're looking at how we can improve this. The important bit I want to call out here is that "framehole" is a measurement gap in LH: you can currently game the score but you're only fooling yourself in the process — there is no benefit to the user experience.
Speaking of real world user experience, accounting for iframes has a number of complicated privacy and security challenges at the resolution of an individual page load. However, the good news is that the Chrome User Experience Report* aggregates anonymized data from many opted-in users and, as a result, is able to account for iframes in its measurement. Which is to say, the field data we surface in our tools (powered by CrUX) does not have this problem. We’re working to get our lab tools to align with this behavior as well.
Sure. If you're a React/Webpack fan, take a look at https://github.com/GoogleChrome/preload-webpack-plugin/tree/.... Twitter.com also just shipped a PWA using the PRPL pattern to production if you take a look at their mobile web app on Android (or via DevTools Device Mode) in case you're looking for something more complex to dive into.
Hey there. Author of the article here. Flipkart implement a version of the PRPL pattern in production :) We've worked with them quite a bit in the past and I gave a talk with them on their architecture at Chrome Dev Summit last year in case you're interested in learning more about what they're doing.
Thanks for the feedback. We used BEM as we find it helps with the long-term maintainability of CSS/SASS codebases (there's also copy/paste support on all of our snippets). That said, if you find the use of BEM a turn-off, we welcome folks just taking our styles and adapting them to the naming scheme that makes most sense for them. Anything that helps.
If there are any animations at all you find are janky, could you file and we'll look at it soon? We've been performance testing on a wide range of devices/browsers but I'm certain there are plenty of areas we can improve on.
Lead for MDL here. Glad you like the idea, spoiler :) Thanks for catching the low contrast issue with the dashboard navigation - is it the same as https://github.com/google/material-design-lite/issues/739?. If not, would you mind filing an issue on the repo and we'll try to get that fixed up soon?
I'll be happy if any of it was helpful :)