A rather geeky/technical weblog, est. 2001, by Bramus
Last summer Kilian Valkhof did a wonderful write-up on the Polypane blog covering CSS Media Queries. Media queries are what make modern responsive design possible. With them you can set different styling based on things like a users screen size, device capabilities or user preferences. But how do they work, which ones are there and …
This message by Elaina Natario writing over at Thoughtbot cannot be repeated enough: While both the alt attribute and the figcaption element provide a way to describe images, the way we write for them is different. alt descriptions should be functional; figcaption descriptions should be editorial or illustrative. Examples of both functional and editorial descriptions …
Nice demo on CodePen by Ryan Mulligan, featuring some sections with a sticky parallax background image: See the Pen CSS Sticky Parallax Sections by Ryan Mulligan (@hexagoncircle) on CodePen. I expected to find the the translateZ() + scale() method to create the parallax layers in there, but turns out Ryan took another approach: Scale down …
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”
I especially like the New CSS Angle Visualization Tool 🙂 What’s New In DevTools (Chrome 88) →
At the headquarters of Cloudflare, in San Francisco, there’s a wall of lava lamps: the Entropy Wall. They’re used to generate random numbers and keep a good bit of the internet secure: here’s how. How geeky! 🤩
I like this demo. Very pleasing on the eyes. To easily create WebGL demos the author created a little library called RGBA.js which is used under the hood. Focusing on hiding WebGL/JavaScript code from you and giving ability to write fragment shader code only Once included, this is the only code one has to write: …
Interesting post over at the Flare blog, where they had to delete over 900 million records from a MySQL table. They couldn’t simply run a DELETE FROM table query, as that would lock it: When a deletion query using a WHERE clause starts, it will lock that table. All other queries that are run against …
Continue reading “How to delete lots of rows from a MySQL database without indefinite locking”
There was this interesting Twitter conversation last week between Chris Coyier and Schepp last week. Apparently if you have Smooth Scrolling enabled, it also affects the behavior of Find in Page in Chrome: Whenever you want to go to the next result it will smooth scroll, instead of jump to it. Anecdotal thing: when I …
Continue reading “Smooth Scrolling and Find In Page, a not so Smooth Combination …”
Speaking of meta tags in the previous post, the Meta Tags tool has been sitting in my bookmarks for quite a while now: With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more! Drop in an image, type some text, and …
Continue reading “Preview, Edit and Generate Meta Tags with MetaTags.io”