A rather geeky/technical weblog, est. 2001, by Bramus
Ever wondered what the (size) impact of adding an NPM package to your project is? BundlePhobia is a tool that does not only that, it also recommends you other similar packages that have a lesser load. This thing lets you understand the performance cost of npm install‘ing a new npm package before actually adding it …
Continue reading “Find the cost of adding a npm package to your bundle with BundlePhobia”
Dev Tools can do a lot of things. We’re are not going to dive into the nitty gritty details of each and every feature. Instead we’ll take a look at the top 10 helpful features that help us save time and write better React code. Good intro (*) on how to find your way around …
Continue reading “How to use React Dev Tools, an introduction”
prettier or php-cs-fixer with GitHub Actions
Stefan Zweifel shares his GitHub Actions Workflows to run prettier and php-cs-fixer on his repos: Over the past few weeks I’ve added a handful of workflows to my projects. One workflow is really like, is to run prettier and php-cs-fixer to automatically format my code and commit the fixed files back to the repository. Here’s …
Continue reading “Run prettier or php-cs-fixer with GitHub Actions”
The new Native File System API enables developers to build powerful web apps that interact with files on the user’s local device, like IDEs, photo and video editors, text editors, and more. After a user grants a web app access, this API allows web apps to read or save changes directly to files and folders …
Continue reading “The Native File System API: Reading and Writing local files through JavaScript”
💡 Sparked by the 3D Ken Burns Effect from a Single Image post, I was reminded of a few other 3D photo things … About a year ago, Facebook announced a feature named “3D Photos”, a way to show photos taken with Apple’s “Portrait Mode” (or any other device that does the same) interactively: Whether …
Continue reading “How Facebook 3D Photos work, and how to create one yourself”
Still in draft, yet already thoroughly supported, is the CSS Logical Properties and Values Level 1 Specification, a CSS module which gets me excited. CSS Logical Properties and Values is a module of CSS introducing logical properties and values that provide the ability to control layout through logical, rather than physical, direction and dimension mappings. …
Continue reading “CSS Logical Properties and Values, the next Step of CSS Evolution”
Speaking of lag in the previous post, Emojineer Monica Dinculescu (@notwaldorf) recently created a typing experiment in which you can control the amount of delay when typing. Things are starting to itch at around 40ms here … Typing delay experiment: How annoying is too annoying? →
In cooperation with LG U+, Doosan have demonstrated “TeleOperation” – a technology to remotely control construction equipment. They demonstrated it by operating the DX380LC-5 (a 40-tonne excavator) over a distance of 8500km (!). The operator was located in Munich (Germany), the excavator itself in Incheon, South Korea. Here’s a video of TeleOperation in action, at …
Continue reading “TeleOperation: Doosan 5G Remote Excavator”
Nice research by Simon Niklaus, Long Mai, Jimei Yang and Feng Liu: In this paper, we introduce a framework that synthesizes the 3D Ken Burns effect from a single image, supporting both a fully automatic mode and an interactive mode with the user controlling the camera. Our framework first leverages a depth prediction pipeline, which …
Over the years Instagram (as a product) grew a lot. With more features to show, their web experience began to degrade. In a series of (upcoming) posts they’re covering what they have done to improve performance. In this first part they cover script preloading and image prefetching, reducing the loading time of the “feed page” …