A rather geeky/technical weblog, est. 2001, by Bramus
Recently I saw this tweet by Marco Denic fly by: CSS tip: Did you know that you can use your own image, or even emoji as a cursor? pic.twitter.com/P25wSJ0ui6 — Marko ⚡ Denic (@denicmarko) January 6, 2021 To use an emoji as the cursor you can’t simply type in the emoji though. /* ❌ This …
Continue reading “Use an Emoji as the Mouse Cursor on a Website”
mix-blend-mode not working? Set a background-color!
💡 If you find your CSS mix-blend-mode not working as expected (on a white background), you need to explicitly set a background-color on the underlying element. The easiest way to do so is to apply background-color: white; on the html and body elements. html, body { background-color: #fff; } ~ Demos + Explanation Without a …
Continue reading “CSS mix-blend-mode not working? Set a background-color!”
multiple attribute
If you set the multiple attribute on an input[type=”email”] you can have it accept several email addresses. Easy.
I can’t seem to find any mention of this in the Media Queries Module specification, but apparently it’s allowed to nest media queries, as shared by Šime Vidas: Apparently, nested media queries are a thing https://t.co/2L2pEWy2JW — Šime Vidas (@simevidas) January 10, 2021 That’s … awesome! 🤯 Fiddling with it a bit more, turns out this …
“Higher Level Custom Properties” are Custom Properties that control multiple other CSS Properties. Although still a proposal it’s worth having a look already as they’re really exciting.
As the syntax for CSS Custom Properties is overly permissive it’s possible to store a JavaScript attack vector in them …
vi over SSH
One of the things that kept on bothering me when SSH’ing is that the keys of the numpad would not work in vi: when pressing any key on the numpad, another key would be sent somehow. Should’ve Google’d this a lot earlier because the fix is very simple: in the preferences of Terminal, go to …
css-houdini-circles — A Houdini Paint Worklet that draws Colorful Background Circles
Last night — inspired by the Paint Worklet demos on Houdini.how — I decided to give Houdini a spin myself and created my own Paint Worklet. The result is css-houdini-circles which draws a bunch of random circles on the background. As a user you can configure the number of circles, the size range, the opacity …
I needed to test whether mail relaying worked with Exim or not. To do so I used this command: exim -v recipient@example.com After this type in your mail contents as shown below and hit CTRL+D afterwards to send it: From:sender@example.com Subject: Hello From the CLI This is a test from the CLI It’s also possible …
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”