A rather geeky/technical weblog, est. 2001, by Bramus
Yesterday the aforementioned Pika announced some new things. One of the things that stood out is Pika CDN: The Pika CDN was built to serve the 60,000+ npm packages written in ES Module (ESM) syntax. This module syntax runs natively in the browser, so you can build for the web without a bundler. With our …
Harry Roberts: One of the quickest wins—and one of the first things I recommend my clients do—to make websites faster can at first seem counter-intuitive: you should self-host all of your static assets, forgoing others’ CDNs/infrastructure. In this short and hopefully very straightforward post, I want to outline the disadvantages of hosting your static assets …
create-es-react-app – A create-react-app like template using only es-modules (no build step).
create-es-react-app is a create-react-app like template demonstrating how far you can get creating progressive web apps (using react) with no build step. It takes advantage of static and dynamic imports which enables you to break up your app into small reusable ES modules that are compiled for you by the browser at run time. TIL: …
Good news! Firefox 69 will support subgrid. As Rachel Andrew explains: In terms of new syntax, and new things to learn, this is a very small change for web developers who have learned grid layout. A grid defined as a subgrid is pretty much the same as a regular nested grid, albeit with its own …
As of late May Google Fonts has added support for a display querystring parameter. Using it you can control the CSS font-display Property which allows you to control what happens while the font is unavailable. Specifying https://fonts.googleapis.com/css?family=Roboto&display=swap as the font to load, will yield the following: @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: …
Continue reading “Control Google Fonts font loading with font-display”
Past Monday the fifth and final episode of HBO’s Chernobyl miniseries aired. I’ve enjoyed watching this show, which covers the events that lead up to and followed the Chernobyl Nuclear Disaster in 1986. Solid acting, good storytelling, brilliant atmosphere, … Highly recommended! Also: That font (not the one from the trailer but the one from …
In addition to SwiftUI Apple also introduced SF Symbols at WWDC. Think of it as the Glyphicons that ship with Bootstrap, but then for iOS/iPadOS/tvOS apps. SF Symbols provides a set of over 1,500 consistent, highly configurable symbols you can use in your app. Apple designed SF Symbols to integrate seamlessly with the San Francisco …
The folks at Igalia has been recently working on the implementation of CSS Containment in Chromium – which already shipped in Chrome 52, back in 2016 – by providing some fixes and optimizations based on the standard. Their post forms a nice intro on the subject: The main goal of CSS Containment standard is to …
Customer support is an R&D exercise. Every support ticket is an opportunity to think through: 🎫 How can we avoid having this support ticket on the future? 👓 How could we make the product clearer? 🤷🏻♀️ How could we avoid the confusion? 🐛 Fix the bug. —@parkerconrad — Garry() (@garrytan) June 1, 2019 Treat causes, …
Paul Hudson, creator of Hacking with Swift: 🧐What if I said I was thinking of writing a book about all the SwiftUI techniques I've learned? 😳What if I said I'd ALREADY written it? 🤩What if I said I was making videos too? 🤯What if I said it was online NOW, free? Wonder no more, folks: …
Continue reading “SwiftUI by Example – Free Course on SwiftUI”