Ana Tudor 🐯

#tinyCSStip

Sometimes, if you notice a teeny tiny misalignment and you cannot understand why because *nothing* in your CSS looks like it could have caused it... try using `round()` to round to an integer number of pixels.

It just solved my own tiny misalignment problem that was driving me batty. 🦇

#CSS #cssMaths #code #coding #frontend #web #dev #webDevelopment #webDev

RE: @webstandards_dev@mastodon.social

I mean... especially if you *don't* use AI for your work because... well, it's not exactly producing quality output and you have more self-respect than to put your name on crap... fill it in to put *that* out there.

Hey, found another fraud taking @codepen@fosstodon.org demos, copy-pasting the screenshot and code with no mention it's someone else's work.

Oh, bonus, there's a script detecting ad blockers. Yeah, fuck off!

My original from years before https://codepen.io/thebabydino/pen/bGwYVOm

With a *real* explanation linked. #CSS

I can't stand the smell of pizza, but here's yet another "why in Satan's name was this even necessary?!"

(just like the "remove child before washing" t-shirt label)

If you have a YouTube channel, I am begging you to turn off the auto-dubbing option for your vids once & for all from your settings.

Your viewers don't have the option to turn it off for all videos they see. They have to do it for every damn auto-dubbed video every time it plays.

AI voice annoyance aside, translations are bad (if even I can tell they're bad for languages I half-understand, they're BAD) when they even are at all. At times it chokes and there's just... silence! While lips move.

RE: @webstandards_dev@mastodon.social

Already working on part #2, which goes through the #filter primitives 😼

If you're a member on Ko-fi or Patreon, you may have already seen bits of it, cool little examples of what some simple #SVG filters can do.

#SVGFilter #code #coding #frontend #web #dev #webDev #webDevelopment

Out of all the places I've ever been to for shows, this has to be my favourite. ❤️

2026 is probably going to be my first year in almost a decade (if the 2020-21 live streams count) that I don't see Insomnium live, but...

2027, please let me see this tour (with Amorphis too!) and The Halo Effect one... 🥺

✨ `:has()` boolean logic ✨

💫 OR - use comma-separated values inside `:has()`

💫 AND - use chained `has()` selectors

You can play with it here https://codepen.io/thebabydino/pen/KKeMLja

#css #tinyCodingTips #CodePen

#cssChallenge2023
How would you code this with:

⚠️ 1 element, no pseudos
⚠️ no SVG, no images in general save for CSS gradients
🚫 no JS
⚠️ no lists of values of length > 8
⚠️ same amount of compiled CSS regardless of whether we have 6 or 25 bars
⚠️ at most 7 CSS declarations

#css #coding #frontend #webDev #webDevelopment #maths #trigonometry

Stupid #a11y question.

What is best to use for each release of a discography page?

Each release element contains the cover art, album name, release date and type (full-length studio album, single, live, etc.).

Should this element be a figure with the text info in the figcaption?

Should it be an article with the name being a heading?

Should it be a li?

What is best? Any good resources on this?

#accessibility #html