A rather geeky/technical weblog, est. 2001, by Bramus
caret-color property
Thanks to this tweet by Álvaro Trigo I found out that you can change the color of the caret — that little blinking | in text inputs — using the caret-color CSS property: There are CSS properties I never heard of before! Hello `caret-color` 👋 pic.twitter.com/ndcDUjN13R — Álvaro Trigo 🐦🔥 (@IMAC2) November 24, 2020 Example: …
Continue reading “Customise the caret color with the CSS caret-color property”
If you’re dealing with images it’s quite common to show a small placeholder while the image is loading. You could go with grey placeholders, but a low-res blurred version of the original is preferred. That way you can, in the example use case of a website, use the Blur Up technique once the image is …
Continue reading “BlurHash — Low-res Blurred Placeholder Images Represented as Text”
Today we are painting a girl taking a selfie, with mathematics. I like how the author, a few minutes into the video, says … none of which is too complicated to be honest … while I’m hardly understanding any of the things that he’s explaining 🥵 You can play with the result over at Shadertoy.
aspect-ratio
In “CSS Box Sizing Module Level 4” a new aspect-ratio CSS property is defined. Let’s take a look on how to use it …
I was delighted to read that CodePen now has built-in support for Skypack. This is a huge step forward to working with packages on CodePen. Great addition to the product! But what exactly is Skypack? Well, it’s the successor to the aforementioned Pika CDN with some extra juice: Skypack not only serves packages that export …
Continue reading “Skypack — Load optimized npm packages with no install and no build tools”
The journey of the folks over at Laracasts on how they stopped spam (for now) on their forums. Keyword Censoring Email Confirmation Language Detection Throttling Honeypots reCAPTCHA Comes with (Laravel) code snippets to go along with that. The 6 Stages of Spam Protection → Yes, that dreaded reCAPTCHA. Hate it all you want, but it …
The folks over at Spatie are at it again, this time with Front Line PHP. An ebook on cutting edge tactics in PHP 8, accompanied by videos and practical examples. The videos covering the new additions to PHP 8 are free to watch, and should give you an idea of what you can expect. At …
Continue reading “Front Line PHP – Building modern web applications with PHP 8”
Earlier this week WPGraphQL 1.0 got released. It adds a GraphQL server to WordPress. WPGraphQL →WPGraphQL Docs →
Very nice video by Sam Selikoff in which he sets up a web manifest to make his site feel more app-like. Great production quality. There are some tweaks I’d suggest though: Fixate the header using position: sticky; instead of position: fixed;. No need for that extra margin on the content then. Update: See note below …
Continue reading “8 Tips to Make Your Website Feel Like an iOS App”
Handy Single Serving Site to keep track whether certain apps run on the Apple silicon M1 or not. Is Apple Silicon Ready? →