Mastodawn

RE: https://mastodon.social/@mdn/116381006037132695

I remember when MDN started to migrate to React, and was heavily criticized by part of the dev community for that. It made no sense for a site that helped millions to learn the basics of web development and is widely accepted as *the* reference by experienced devs to use such a heavy tech debt generating stack.

Glad they finally came to their senses.
(Note: the link provided in the quoted post ~~is incorrect.~~ This is the one: https://developer.mozilla.org/en-US/blog/mdn-front-end-deep-dive/ ) (Edit: they fixed it.)

Massimo Artizzu 🇺🇦🔱Mar 28

westbrook Mar 28

Do I know any @developers devs that work close to #css that I could nerdsnipe into figuring out how chromium could catch up to webkit in so far as a `:host(:has(~ ul li)) {}` selector?

See it in action, here: https://codepen.io/Westbrook/pen/EayLZow

Checkout the #CSSWG convo, here: https://github.com/w3c/csswg-drafts/issues/11859#issuecomment-3834942939

#webComponents developers want all the same `:has()` goodies that anyone can leverage, and you could be the hero we both need and deserve!! 🦸

host has successive sibling with descendant

...

Massimo Artizzu 🇺🇦🔱Mar 28

k3ym𖺀 Mar 26

In today's episode of "Can It Run Doom": DNS fucking TXT records.

Some absolute madlad (cough Adam Rice cough) compressed the entire shareware DOOM WAD, split it into around 1,964 chunks, shoved them into Cloudflare TXT records, and wrote a PowerShell script that reassembles and runs the whole goddamn game from DNS queries alone. Nothing touches disk. The DLLs are in DNS. THE FUCKING DLLS ARE IN DNS.

RFC 1035 was written in 1987. Those engineers are spinning in their graves fast enough to generate municipal power.

Bonus: this is a fully functional globally-distributed covert data exfil channel that your NGFW will never fucking see if you're not doing deep DNS inspection. Sleep well.

blog: https://blog.rice.is/post/doom-over-dns/

repo: https://github.com/resumex/doom-over-dns

Also lmao @ every blue team that has never once looked at their DNS query volume. How's that DLP policy working out for you.

It was always DNS.

#infosec #dns #doom #itisalwaysdns

Massimo Artizzu 🇺🇦🔱Mar 10

Language Tales Mar 9

1/ Artificial language:

Latino es lingua internationale in occidente de Europa ab tempore de imperio romano, per toto medio aevo, et in scientia usque ultimo seculo. Seculo vigesimo es primo que non habe lingua commune. Hodie quasi omne auctore scribe in proprio lingua nationale, id es in plure lingua neo-latino, in plure germanico, in plure slavo, in nipponico et alio. Tale multitudine de linguas in labores de interesse commune ad toto humanitate constitute magno obstaculo ad progressu.

Massimo Artizzu 🇺🇦🔱Feb 26

CSS by T. Afif

Feb 25

💡 CSS Tip!

Ready to start using style queries and if()? Which of the following syntaxes do you think is the correct one? Spoiler: Both of them are valid!

https://css-tip.com/if-trick/

Learn the difference between them and when to use each one. It's the key to correctly using these features.

#CSS #HTML

Massimo Artizzu 🇺🇦🔱Feb 25

Firefox for Web Developers Feb 25

You can throw away innerHTML and replace it with the new setHTML(), which has a built-in sanitizer. Here's how it works:

Massimo Artizzu 🇺🇦🔱Feb 18

Alvaro Montoro Feb 18

Not the usual type of comics I do...

Massimo Artizzu 🇺🇦🔱Feb 17

Show thread

Jon Lunman Feb 16

@jensimmons @mia Indeed, many folks forget (or weren't aware) that web apps existed long before javascript became ubiquitous. As far back as the mid-to-late 90s, we had fully web-based apps for email, live chat, online banking, stock trading, tax prep, mapping and directions, and enterprise apps of all sorts. (And they were usable even over slow dial-up internet connections.)

Fun fact, the original branding of Hotmail (pre-microsoft acquisition) emphasized the letters H T M L in their logo.

Massimo Artizzu 🇺🇦🔱Feb 14

Eric A. Meyer Feb 13

I saw yet another “CSS is a massively bloated mess” whine and I’m like. My dude. My brother in Chromium. It is trying as hard as it can to express the totality of visual presentation and layout design and typography and animation and digital interactivity and a few other things in a human-readable text format. It’s not bloated, it’s fantastically ambitious. Its reach is greater than most of us can hope to grasp. Put some *respect* on its *name*.

Massimo Artizzu 🇺🇦🔱Feb 9

nycki Jan 27

I'm #colorblind and I use https://xkcd.com/color/rgb/ frequently.

Randall 'xkcd' Monroe did a survey of over 100,000 readers where he showed them random rgb colors and said "what would you call this?" and afterwards he did his best to sort the results into the most popular color names and the colors they refer to.

It's like a box of Crayola for the internet. Finally, my colorblind self can grab a sample of "dark magenta" that doesn't just look like "grape purple" to everyone else.

The data is freely available as a .txt file under CC0, which I've converted into a .css file here: https://git.hatspace.net/nycki/nycki.net/src/branch/main/static/xkcd.css

so now when I want a color on my website I can just write `color: var(--xkcd-off-white)` or so on. it's really convenient :)

edit: blog post discussing this data in more detail: https://blog.xkcd.com/2010/05/03/color-survey-results/

#programming #color #css #website