The new responsive: Web design in a component-driven world

In this session from Google I/O 2021, Una Kravets talks about “the new responsive”, short for being responsive to the user, container, and form-factor (text-version available via link below): The web community is entering into a new era of responsive design and shifting our perspectives on what it means. With user preference queries, container queries, …

Reset React Native Cache (Watchman Cache, Bundler Cache, Build Artifacts, etc) with react-native-clean-project

I used to drag a little shell script around between each React Native project that cleaned out various cache directories (Watchman Cache, Bundler Cache, Build Artifacts, Yarn Cache, etc.) for me. A better alternative is the react-native-clean-project you can use. Cleans your React Native project by purging caches and modules, and reinstalling them again. Installation …

Using deepfake to create better Lip-Syncing

Now this is a good use of deepfake: correct the mouth and jaw movements of actors in dubbed video to match the new language track. The result is a (nearly) seamless lip-synced experience. TrueSync is the first AI offering from our neural network film lab. Filmmakers and content owners are now able to visually translate …

What’s New In CSS?

At the excellent Web Directions Hover ’21, Adam Argyle opened with a rad presentation covering all what’s new and upcoming for CSS. From risky and may never be in your browser, to stable and just released yesterday; follow Adam as he strolls through proposals, specs and supporting tools for all the this new CSS hotness. …

Your relationship with Apple: It’s complicated

This tweet by Niels Leenheer on his relationship with Apple hit more than close to home: My complex relationship with Apple: 1️⃣ As a customer I love their products. 2️⃣ As a developer I love their platform and hate their policies. 3️⃣ As a consumer I think they are greedy and hurting competition. 4️⃣ As …

Rethinking JavaScript Infrastructure

Christoph Nakazawa, former Engineering Management at Facebook and now Front End Engineer at Stripe, is writing a series about JavaScript infrastructure. In this second part of this still in progress series he digs into eliminating the ongoing need for installing dependencies from the development iteration cycle. I provide recommendations that I personally implemented and have …

Konva.js — HTML5 Canvas JavaScript framework

For all your working-with-layers-on-<canvas> needs: Konva is an HTML5 Canvas JavaScript framework that enables high performance animations, transitions, node nesting, layering, filtering, caching, event handling for desktop and mobile applications, and much more. You can draw things onto the stage, add event listeners to them, move them, scale them, and rotate them independently from other …