Control Google Fonts font loading with font-display

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: …

Chernobyl

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 …

SF Symbols

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 …

Optimize Rendering with CSS Containment

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

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, …

SwiftUI by Example – Free Course on SwiftUI

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: …

React: When to use useMemo and useCallback

Insightful post by Kent C. Dodds on the costs and benefits of React’s useMemo and useCallback. We hear a lot that you should use React.useCallback to improve performance and that “inline functions can be problematic for performance,” so how could it ever be better to not useCallback? Just take a step back from React and …

PHP Insights – Analyze the Code Quality of your PHP Projects

PHP Insights is a Static Analysis Tool for your PHP code. It contains built-in checks for making code reliable, loosely coupled, simple, and clean. Works out-of-the-box with the current set of popular frameworks. # First, install: composer require nunomaduro/phpinsights –dev # Then, use it: ./vendor/bin/phpinsights PHP Insights →

The North Face – Top of Images

When you first start planning a big trip, step one will likely happen at the Google search bar. Step two might be clicking onto the images of your target destination. The North Face, in a campaign with agency Leo Burnett Tailor Made, took advantage of this consumer behavior to keep its name top of mind …

Unraveling the JPEG

“Unraveling the JPEG” is a great deep dive into the JPEG image format. This article is about how to decode a JPEG image. In other words, it’s about what it takes to convert the compressed data stored on your computer to the image that appears on the screen. It’s worth learning about not just because …