A rather geeky/technical weblog, est. 2001, by Bramus
The entire livestream of PWA Summit 2021 is available online on YouTube. This is the full livestream of the conference, and includes the keynote, all 9 talks, all 3 live Q&A sessions, and the full Future of Web Apps panel. It also includes four talks from our organizing companies. Highlights to me are: Make your …
Talk by Rich Harris, as presented at the most recent JamstackConf: Transitional apps samples elements from both traditional and modern architecture. The term is borrowed from interior design’s framing of “transitional design.” Transitional apps are, like multi-page apps, server-side rendered for fast initial loads, resilient since they work without JS by default, and provide a …
Interesting to see Chris Coyier and Stephen Shaw lift the hood of CodePen, detailing how they use Cloudflare Workers and Cloudflare’s KV Storage. Cloudflare workers are like serverless functions that always run at the edge, making them incredibly fast. Not only that, but the tooling around them is really nice. They can run at particular …
Continue reading “How CodePen leverages Cloudflare Workers and Cloudflare KV Storage”
Recording of George Francis giving his talk “Generative design with CSS Houdini” at the most recent edition of London CSS Learn how the mystical powers of CSS Houdini can be harnessed to create ever-unique, generative user interfaces — think random patterns, shapes, animations, and more! Related: Random Paint Effects with Houdini
They’re used for animation, text rendering, and all sorts of curved shapes! But how do they actually work? well, like, that’s what the video is about, so, watch it to find out etc!!
initial doesn’t do what you think it does
Another great video by Kevin Powell on one of those things in CSS that many may have heard of, but most likely don’t understand entirely (I know I didn’t for a very long time 😅). We often think initial sets something back to how it started, but it actually does a lot more than that. …
Continue reading “CSS initial doesn’t do what you think it does”
grid-template-areas
When working with CSS Grid, I’m a huge fan of using Grid Template Areas. In this short video Kevin Powell builds a small layout where certain elements overlap inside a grid container. I was very glad to see Kevin also go for grid-template-areas here, showing exactly why I like using them: the ability to reshuffle …
Continue reading “CSS Grid: Overlapping grid-template-areas“
Interesting video from the CodePen podcast in which Shaw goes over this approach to SSR with Next and Apollo: A probably-better approach is to use the getDataFromTree method, which walks down the tree and executes the queries to fill up the ApolloClient cache. Create a shared ApolloClient instance Render the page using getDataFromTree() to fill …
Continue reading “Next.js + Apollo + Server Side Rendering (SSR)”
I like this video from Vertiasium on Cosmic Rays and how they can trigger bit flipping in our computers, known as “Single Event Upsets”. Tiny particles from distant galaxies have caused plane accidents, election interference and game glitches. Solid buildup, good pacing, and well explained.