A rather geeky/technical weblog, est. 2001, by Bramus
Great site that explains the difference between not-so-different frontend terms. Think of things like: CSS display: none; vs [hidden] DOM currentTarget vs target HTML alt vs title … this vs that &rarr
Pawel Grzybek has set up a workflow that uses GitHub Actions’ Scheduled Events to automatically update his profile README.md. It runs every 6 hours and pulls in his RSS feed to populate the README.md import fs from "fs"; import fetch from "node-fetch"; import parser from "xml2json"; const FEED_URL = "https://pawelgrzybek.com/feed.xml"; const TAG_OPEN = `<!– FEED-START …
Continue reading “Automatically update your GitHub readme through GitHub Actions”
Some nice examples of defensive programming in CSS by Ahmad Shadeed. The just in case mindset aims to educate designers and developers to think ahead of time of some possible failure scenarios for a component. I called it just in case because that’s literally what it means. Just in case the title got longer, do …
No new features, but a lot of changes, paving the way for future releases. The React 17 release is unusual because it doesn’t add any new developer-facing features. Instead, this release is primarily focused on making it easier to upgrade React itself. We’re actively working on the new React features, but they’re not a part …
Sara Vieira (@NikkitaFTW) published her book “The Opinionated Guide to React”. It’s 190 pages of React Recipes and Code Examples. This book is my personal map of the tips, power-ups and not-so-obvious solutions to common questions and problems that I’ve come across during 4 years of React development. I have been finding some of the …
httpstat visualizes curl(1) statistics in a way of beauty and clarity. It is a single file🌟 Python script that has no dependency👏 and is compatible with Python 3🍻. Installation through PiP or HomeBrew: pip install httpstat brew install httpstat Once installed through one of those, you can directly call httpstat: httpstat https://www.bram.us/ httpstat – curl …
Sanjeet Chatterjee built this nice demo where your smartphone can act as a virtual pointer for a webpage. With a fundamental shift to the web, we are able to do really cool things right from our browser. In this tutorial, we will be utilising the Generic Sensor API to turn your smartphone into a pointer …
Continue reading “Use your Smartphone to move a pointer on a remote page with JavaScript”
Axios has a great API that developers love. Redaxios provides that API in 800 bytes, using native fetch(). For those searching for ways to shave a few kilobytes off of their bundles, that’s less than 1/5th of the size. This is made possible by using the browser’s native Fetch API, which is supported in all …
Continue reading “redaxios – The Axios API, as an 800 byte Fetch wrapper.”
content-visibility: the new CSS property that boosts your rendering performance
Coming to Chromium 85 is content-visibility (part of Display Locking): content-visibility enables the user agent to skip an element’s rendering work, including layout and painting, until it is needed. Because rendering is skipped, if a large portion of your content is off-screen, leveraging the content-visibility property makes the initial user load much faster. It also …
Continue reading “content-visibility: the new CSS property that boosts your rendering performance”
If you’re using React Hot Loader, it’s time to start looking at React Refresh Webpack Plugin, an EXPERIMENTAL Webpack plugin to enable “Fast Refresh” (which you might know from React Native) for React components. It’s also to be included with Create React App version 4.0 (now in alpha). Installation per NPM/Yarn: npm install -D @pmmmwh/react-refresh-webpack-plugin …