The Nerdwriter on what makes Toy Story 4 feel so authentic.
Author Archives: Bramus!
Handling JavaScript events with Web Workers
Alex MacArthur: The advantages of Web Workers are many, but things really clicked for me when it came to the several DOM event listeners in any given application. These all necessarily live on the browser’s main thread, and if that thread is congested by a long-running process, the responsiveness of those listeners begins to suffer, …
Continue reading “Handling JavaScript events with Web Workers”
CSS-Only Carousel
TeeJungle – T-Shirts and Stuff for Geeks
Fullwidth Content Strips and CSS Subgrid = ❤️
When having fullwidth content strips on your site CSS Grid is a thankful piece of technology. You can use it to place items between the first and last grid-line, as detailed in Breaking Elements out of Their Containers in CSS 💁♂️ Alternatively you can also use this .full-bleed utility class To lay out the content …
Continue reading “Fullwidth Content Strips and CSS Subgrid = ❤️”
Getting started with GitHub Actions and Laravel (~PHP)
Ruben Van Assche from Spatie: When GitHub released its new product: GitHub Actions a whole new world opened for developers. Let’s dive right in and see what it brings for the Laravel community. In How to set up PHP for use in a GitHub Action I’ve layed out how to use shivammathur/setup-php@v1 in GitHub Actions. …
Continue reading “Getting started with GitHub Actions and Laravel (~PHP)”
Run a PHP app in a Docker Container (Notes)
The past week I took a closer look at the several options on how to run a PHP app with Docker. In the past I’ve ran a few pre-built containers, but now I wanted to truly get to the bottom of it all as I don’t always need a full blown container with all extensions, …
Continue reading “Run a PHP app in a Docker Container (Notes)”
How to add Dark Mode to a JavaScript App (React / Angular / Vue / etc)
In this post I’ll cover how to add Dark Mode to a JavaScript App. All major frameworks (React, Angular, Vue, etc.) are covered!
GHOSTBUSTERS: AFTERLIFE
ESNext: Relatively format time with Intl.RelativeTimeFormat
A proposal to the ECMAScript Internationalization API Specification (ECMA-402) that just moved to Stage-4, is Intl.RelativeTimeFormat. It’s a way to format time in a relative manner – e.g. “10 minutes ago” or “in 3 quarters” – while also taking a language into account. const rtf_en = new Intl.RelativeTimeFormat('en'); console.log(rtf_en.format(-1, 'day')); // ~> 1 day ago …
Continue reading “ESNext: Relatively format time with Intl.RelativeTimeFormat“