A rather geeky/technical weblog, est. 2001, by Bramus
To work with forms in React two approaches are to either use Controlled Components or use Uncontrolled Components (as detailed here). Swyx shares a third way of working with forms: A lower friction way to handle form inputs is to use HTML name attributes. As a bonus, your code often turns out less React specific! …
Continue reading “React: You May Not Need Controlled Form Components”
“Worth It: Modern JS edition” is a small tool to analyze how much less JavaScript is downloaded in modern browsers as a result of it using the module/nomodule pattern. Worth It: Modern JS edition → 💡 The module/nomodule pattern is a technique to ship ES2015 modules to browsers that support, whilst also keeping older browsers …
Twenty-five years after the web began, we finally have a real toolkit for creating layouts. Combining CSS Grid, Flexbox, Multicolumn, Flow layout and Writing Modes gives us the technical ability to build layouts today without the horrible hacks and compromises of the past. In this hour-long talk captured live at An Event Apart DC 2019, …
Continue reading ““Designing Intrinsic Layouts” by Jen Simmons”
Matt Staufer has done an extensive writeup on his video/streaming setup. I’ve spent quite a bit of time obsessing over lights and camera, and I wanted to help you—new streamer, podcaster, new remote worker, or someone trying to level up their setup—see a few different types of option for your remote work or streaming setup. …
To be launched later this year: LEGO Super Mario is ready to run and jump in a new real-life game. Create LEGO brick challenges for you and your friends, defeat enemies and of course, collect coins! Pretty sure my son will like it as much as I am. Press Release: The LEGO Group and Nintendo …
The MediaPipe and Tensorflow.js teams have released facemesh and handpose: The facemesh package infers approximate 3D facial surface geometry from an image or video stream, requiring only a single camera input without the need for a depth sensor. This geometry locates features such as the eyes, nose, and lips within the face, including details such …
Continue reading “Realtime Face and Hand Tracking in the browser with TensorFlow”
Now that Google Fonts has some Variable Fonts in their offering, this primer on Variable Fonts might come in handy: Variable fonts let you add nuance and artistry to your web typography without bogging down your site. Now you can accomplish what used to require several files with a single file and some CSS! The …
Paul Hebert on the Paul Hebert blog: Movement in nature doesn’t happen all at once. Imagine a flock of birds taking off, raindrops splashing on the ground, or trees bending in the wind. The magic of these moments comes from many small movements overlapping and converging. I wanted to bring this natural movement into my …
Continue reading “Staggered Animations with CSS Custom Properties”
react-native-ble-plx – React Native Bluetooth Low Energy (BLE) library
This is React Native Bluetooth Low Energy library using RxBluetoothKit and RxAndroidBle under the hood. scanAndConnect() { this.manager = new BleManager(); // Wait for PoweredOn state this.manager.startDeviceScan(null, null, (error, device) => { if (error) { return; } // Check if it is a device you are looking for based on advertisement data // or other …
Continue reading “react-native-ble-plx – React Native Bluetooth Low Energy (BLE) library”
twitter-text-js
If you ever have to work with Tweets, then twitter-text-js will surely come in handy: A JavaScript utility that provides text processing routines for Tweets. The library provides autolinking and extraction for URLs, usernames, lists, and hashtags. The following snippet for example will autolink the hashtag and the mentioned username: twitter.autoLink(twitter.htmlEscape('#hello < @world >')) Installation …
Continue reading “Extract URLs, usernames, hashtags, etc. from tweets with twitter-text-js“