Retro-looking tool by Sara Vieira Pixelr →Pixelr Source (GitHub) → ⚠️ Did notice it to be a bit buggy though: checking and then unchecking greyscale for example rendered the image still in greyscale.
Convert an image to pixel “art” with Pixelr
Category Archives: Elsewhere
Learning from W3C MiniApps
Recently the W3C announced MiniApps: MiniApp as a new form of mobile application, leveraging both Web technologies (especially CSS and JavaScript) as well as capabilities of native application. I was a bit confused about them at first, and thought they were directly competing with PWAs. Thankfully Thomas Steiner chimed in, referring to a whole presentation …
PHP Curl Security Hardening
Good post — with accompanying code — on PHP.Watch on how to tighten the almighty curl: Limit Curl Protocols Do not enable automatic redirects unless absolutely necessary If redirects are enabled enabled, limit allowed protocols (if different from #1 above) If redirects are enabled, set a strict limit Set a strict time-out Do not disable …
The Surprising Things That CSS Can Animate
Back in June, Will Boyd wondered what things CSS can animate, which turns out to be quite a lot. This articles explores some of the unexpected things that CSS can animate and some nifty things you can do by animating them. I like this demo where you choose between two options (in which a z-index …
Continue reading “The Surprising Things That CSS Can Animate”
CommonJS to ESM in Node.js
With Node 12 and up supporting ES Modules natively and Node 10 — the last version to not support it unflagged — going EOL, it’s time to start migrating your code to ES Modules. Aral Balkan took the time to convert his tool “Place” to embrace them and documented his work: Yesterday, I refactored Place, …
Bootstrap 5 for IE 11
Not that you should ever need it, but if you were to find yourself in such a situation: it exists. Bootstrap 5 drops support for Internet Explorer 11, but you can add support back by simply adding a CSS file and a few JavaScript polyfills. Bootstrap 5 for IE 11 → Find out here what’s …
Observing Rendered DOM Nodes
Sam Thorogood has been looking into all kinds of changes that can happen to DOM Nodes: This post will explain how to be notified when: an element is added or removed from the DOM the bounding box of an element changes (i.e., resizes) an element moves around the page for any reason Expect some ResizeObserver, …
Easily include Blurhash placeholders in your React projects with react-blurhash
react-blurhash allows you to easily integrate Blurhash Placeholder Images images in your React Projects: Blurhash component is the recommended way to render blurhashes in your React projects. It uses BlurhashCanvas and a wrapping div to scale the decoded image to your desired size. You may control the quality of the decoded image with resolutionX and …
Continue reading “Easily include Blurhash placeholders in your React projects with react-blurhash“
LEGO® White Noise
Today, the LEGO Group is launching LEGO® White Noise, a new playlist designed to help listeners find a moment of relaxation in their busy lives. The playlist is composed of a series of audio tracks created using nothing but the iconic sounds that the LEGO brick makes, sounds that are recognised by generations all over …
Make the page count of a 3D book visible using CSS Custom Properties
Michael Scharnagl: I am currently building a book section for this site and thought it would be cool to show the books in 3D and also to make it visible how many pages a book has. In this article I would like to show you how to use CSS custom properties to adapt the thickness …
Continue reading “Make the page count of a 3D book visible using CSS Custom Properties”