#ffffff — Public Fediverse posts

For some weird reason in the snippets of code, the hex colour #ffffff is counted as a hashtag but #000000 isn't.

Maybe it's to reduce false positives, so messages like "Rust is the #1 programming language" don't get "#1" counted as a hashtag.

It's extremely fun playing around with some of the parameters and seeing what you get. In the following bit of code instead of moving halfway from X to P, the code moves a smaller distance, 0.4 times. This generalisation of moving halfway is called linear interpolation (or lerp), with this case using t = 0.4.

<canvas id="canvas" width="720" height="720"></canvas>
<script>
    const ctx = canvas.getContext("2d");
    ctx.fillStyle = "#000000";
    ctx.fillRect(0, 0, canvas.width, canvas.height);
    ctx.fillStyle = "#ffffff";
    let x = 0.5, y = 0;
    function lerp(x0, x1, t) {
        return x0 + (x1 - x0) * t;
    }
    const t = 0.4;
    for (let i = 0; i < 100000; i++) {
        const r = Math.random() * 3;
        if (r < 1) {
            x = lerp(x, 0.5, t);
            y = lerp(y, 0, t);
        } else if (r < 2) {
            x = lerp(x, 0, t);
            y = lerp(y, 1, t);
        } else {
            x = lerp(x, 1, t);
            y = lerp(y, 1, t);
        }
        ctx.fillRect(x * canvas.width, y * canvas.height, 1, 1);
    }
</script>

Fun fact: Fractals like this Sierpiński triangle can be generated using very little code, enough to fit in a single 1024 character Mastodon post. Copying the following HTML into a text file and opening it in your browser will create a canvas that renders this image.

<canvas id="canvas" width="720" height="720"></canvas>
<script>
    const ctx = canvas.getContext("2d");
    ctx.fillStyle = "#000000";
    ctx.fillRect(0, 0, canvas.width, canvas.height);
    ctx.fillStyle = "#ffffff";
    let x = 0.5, y = 0;
    for (let i = 0; i < 100000; i++) {
        const r = Math.random() * 3;
        if (r < 1) {
            x = (x + 0.5) / 2;
            y /= 2;
        } else if (r < 2) {
            x /= 2;
            y = (y + 1) / 2;
        } else {
            x = (x + 1) / 2;
            y = (y + 1) / 2;
        }
        ctx.fillRect(x * canvas.width, y * canvas.height, 1, 1);
    }
</script>

#fractal #programming #graphics

@neineon77

If I may present the opinion of an owner of a pair of not-so-gently-used eyeballs, the dotted lines are kind of hard to see, but the text is pretty clear.

I do prefer #000000 on #FFFFFF, but that's just because my eyes need the contrast. XD

@neineon77

If I may present the opinion of an owner of a pair of not-so-gently-used eyeballs, the dotted lines are kind of hard to see, but the text is pretty clear.

I do prefer #000000 on #FFFFFF, but that's just because my eyes need the contrast. XD

@neineon77

If I may present the opinion of an owner of a pair of not-so-gently-used eyeballs, the dotted lines are kind of hard to see, but the text is pretty clear.

I do prefer #000000 on #FFFFFF, but that's just because my eyes need the contrast. XD

@neineon77

If I may present the opinion of an owner of a pair of not-so-gently-used eyeballs, the dotted lines are kind of hard to see, but the text is pretty clear.

I do prefer #000000 on #FFFFFF, but that's just because my eyes need the contrast. XD

@neineon77

If I may present the opinion of an owner of a pair of not-so-gently-used eyeballs, the dotted lines are kind of hard to see, but the text is pretty clear.

I do prefer #000000 on #FFFFFF, but that's just because my eyes need the contrast. XD

tbh now that I've done it and like how it looks and I gotta say yeah I think light-mode is more comfortable when it's not booty blasting white searing my fucking eyes

I encourage people to stop using eye searing #ffffff white or like have something off white/light grey as another option like how alot of apps have a couple dark mode variations

tbh now that I've done it and like how it looks and I gotta say yeah I think light-mode is more comfortable when it's not booty blasting white searing my fucking eyes

I encourage people to stop using eye searing #ffffff white or like have something off white/light grey as another option like how alot of apps have a couple dark mode variations

tbh now that I've done it and like how it looks and I gotta say yeah I think light-mode is more comfortable when it's not booty blasting white searing my fucking eyes

I encourage people to stop using eye searing #ffffff white or like have something off white/light grey as another option like how alot of apps have a couple dark mode variations

tbh now that I've done it and like how it looks and I gotta say yeah I think light-mode is more comfortable when it's not booty blasting white searing my fucking eyes

I encourage people to stop using eye searing #ffffff white or like have something off white/light grey as another option like how alot of apps have a couple dark mode variations

tbh now that I've done it and like how it looks and I gotta say yeah I think light-mode is more comfortable when it's not booty blasting white searing my fucking eyes

I encourage people to stop using eye searing #ffffff white or like have something off white/light grey as another option like how alot of apps have a couple dark mode variations

What’s somehow even worse about this: if I open up the image in Photos on both of my phones, the *same* thing happens. In iOS 18, it’s #ffffff, but in iOS 26, it’s #fefefe. So iOS 26 is not accurately showing me the content of my (admittedly insanely simple) image, for… reasons. Good grief.

(If I’m wrong here or there’s some kind of weird setting I’ve turned on, please do say. But I cannot find anything. I’ve already turned off all accessibility stuff, just to check.)

What’s somehow even worse about this: if I open up the image in Photos on both of my phones, the *same* thing happens. In iOS 18, it’s #ffffff, but in iOS 26, it’s #fefefe. So iOS 26 is not accurately showing me the content of my (admittedly insanely simple) image, for… reasons. Good grief.

(If I’m wrong here or there’s some kind of weird setting I’ve turned on, please do say. But I cannot find anything. I’ve already turned off all accessibility stuff, just to check.)

What’s somehow even worse about this: if I open up the image in Photos on both of my phones, the *same* thing happens. In iOS 18, it’s #ffffff, but in iOS 26, it’s #fefefe. So iOS 26 is not accurately showing me the content of my (admittedly insanely simple) image, for… reasons. Good grief.

(If I’m wrong here or there’s some kind of weird setting I’ve turned on, please do say. But I cannot find anything. I’ve already turned off all accessibility stuff, just to check.)

What’s somehow even worse about this: if I open up the image in Photos on both of my phones, the *same* thing happens. In iOS 18, it’s #ffffff, but in iOS 26, it’s #fefefe. So iOS 26 is not accurately showing me the content of my (admittedly insanely simple) image, for… reasons. Good grief.

(If I’m wrong here or there’s some kind of weird setting I’ve turned on, please do say. But I cannot find anything. I’ve already turned off all accessibility stuff, just to check.)

What’s somehow even worse about this: if I open up the image in Photos on both of my phones, the *same* thing happens. In iOS 18, it’s #ffffff, but in iOS 26, it’s #fefefe. So iOS 26 is not accurately showing me the content of my (admittedly insanely simple) image, for… reasons. Good grief.

(If I’m wrong here or there’s some kind of weird setting I’ve turned on, please do say. But I cannot find anything. I’ve already turned off all accessibility stuff, just to check.)

@elblogdelazaro Yo lo hice con bg #ffffff. Fue solo una prueba rápida, a ver si mejoraba.

@elblogdelazaro Yo lo hice con bg #ffffff. Fue solo una prueba rápida, a ver si mejoraba.

@elblogdelazaro Yo lo hice con bg #ffffff. Fue solo una prueba rápida, a ver si mejoraba.

@elblogdelazaro Yo lo hice con bg #ffffff. Fue solo una prueba rápida, a ver si mejoraba.

@elblogdelazaro Yo lo hice con bg #ffffff. Fue solo una prueba rápida, a ver si mejoraba.

3/5**
```
🤍 このプロジェクトの特徴：
😻 配色は2色のみ：#0a1929 + #ffffff
🥩 9言語対応：JA • EN • ES • ZH • PL • GA • NO • FR • NL
💝 多言語SEO + フルアクセシビリティ
🐾 追跡・クッキー・広告一切なし
🍗 ページ容量100KB未満・超高速読み込み
#Language #story

The Basic Economics of Home Building

.bh__table, .bh__table_header, .bh__table_cell { border: 1px solid #C0C0C0; } .bh__table_cell { padding: 5px; background-color: #FFFFFF; } .bh__table_cell p { color: #2D2D2D; font-family: 'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; } .bh__table_header { padding: 5px; background-color:#F1F1F1; } .bh__table_header p { color: #2A2A2A; font-family:'Trebuchet MS','Lucida Grande',Tahoma,sans-serif !important;…

https://somervilleyimby.org/2026/04/30/the-basic-economics-of-home-building/

The Basic Economics of Home Building

.bh__table, .bh__table_header, .bh__table_cell { border: 1px solid #C0C0C0; } .bh__table_cell { padding: 5px; background-color: #FFFFFF; } .bh__table_cell p { color: #2D2D2D; font-family: 'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; } .bh__table_header { padding: 5px; background-color:#F1F1F1; } .bh__table_header p { color: #2A2A2A; font-family:'Trebuchet MS','Lucida Grande',Tahoma,sans-serif !important;…

https://somervilleyimby.org/2026/04/30/the-basic-economics-of-home-building/

The Basic Economics of Home Building

.bh__table, .bh__table_header, .bh__table_cell { border: 1px solid #C0C0C0; } .bh__table_cell { padding: 5px; background-color: #FFFFFF; } .bh__table_cell p { color: #2D2D2D; font-family: 'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; } .bh__table_header { padding: 5px; background-color:#F1F1F1; } .bh__table_header p { color: #2A2A2A; font-family:'Trebuchet MS','Lucida Grande',Tahoma,sans-serif !important;…

https://somervilleyimby.org/2026/04/30/the-basic-economics-of-home-building/

The Basic Economics of Home Building

.bh__table, .bh__table_header, .bh__table_cell { border: 1px solid #C0C0C0; } .bh__table_cell { padding: 5px; background-color: #FFFFFF; } .bh__table_cell p { color: #2D2D2D; font-family: 'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; } .bh__table_header { padding: 5px; background-color:#F1F1F1; } .bh__table_header p { color: #2A2A2A; font-family:'Trebuchet MS','Lucida Grande',Tahoma,sans-serif !important;…

https://somervilleyimby.org/2026/04/30/the-basic-economics-of-home-building/

The Basic Economics of Home Building

.bh__table, .bh__table_header, .bh__table_cell { border: 1px solid #C0C0C0; } .bh__table_cell { padding: 5px; background-color: #FFFFFF; } .bh__table_cell p { color: #2D2D2D; font-family: 'Helvetica',Arial,sans-serif !important; overflow-wrap: break-word; } .bh__table_header { padding: 5px; background-color:#F1F1F1; } .bh__table_header p { color: #2A2A2A; font-family:'Trebuchet MS','Lucida Grande',Tahoma,sans-serif !important;…

https://somervilleyimby.org/2026/04/30/the-basic-economics-of-home-building/

Stylusで投稿入力Textareaを黒背景にした
こんな感じ

/* ==UserStyle==
@name fedibird.com
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document url-prefix("https://fedibird.com") {
textarea, .compose-form__upload-wrapper {
background-color: #282c37 !important;
color: #ffffff !important;
}

.compose-form .compose-form__buttons-wrapper {
background-color: #282c37 !important;
color: #ffffff !important;

}
}

🌟 Things are not always #000000 and #ffffff"

💌 Inky Hop! ce sont des tattoos temporaires, des badges, des magnets et de la papeterie.

🛍️ www.inkyhop.com

#design #mastoart #tattootemporaire
#illustration

🌟 Things are not always #000000 and #ffffff"

💌 Inky Hop! ce sont des tattoos temporaires, des badges, des magnets et de la papeterie.

🛍️ www.inkyhop.com

#design #mastoart #tattootemporaire
#illustration

🌟 Things are not always #000000 and #ffffff"

💌 Inky Hop! ce sont des tattoos temporaires, des badges, des magnets et de la papeterie.

🛍️ www.inkyhop.com

#design #mastoart #tattootemporaire
#illustration

🌟 Things are not always #000000 and #ffffff"

💌 Inky Hop! ce sont des tattoos temporaires, des badges, des magnets et de la papeterie.

🛍️ www.inkyhop.com

#design #mastoart #tattootemporaire
#illustration

🌟 Things are not always #000000 and #ffffff"

💌 Inky Hop! ce sont des tattoos temporaires, des badges, des magnets et de la papeterie.

🛍️ www.inkyhop.com

#design #mastoart #tattootemporaire
#illustration

This pairs well with a banner that warns you if an image doesn't have alt text, so you know not to boost it if you want to keep Mastodon accessible to people with vision problems (and encourage alt text, because I love reading people's descriptions of images and often get more out of it if there's alt text):

.media-gallery__item:not(:has(button.media-gallery__alt__label))::before {
content: "Do not boost - no alt text";
font-size: 16px;
color:#FFFFFF;
background-color: red;
}

This pairs well with a banner that warns you if an image doesn't have alt text, so you know not to boost it if you want to keep Mastodon accessible to people with vision problems (and encourage alt text, because I love reading people's descriptions of images and often get more out of it if there's alt text):

.media-gallery__item:not(:has(button.media-gallery__alt__label))::before {
content: "Do not boost - no alt text";
font-size: 16px;
color:#FFFFFF;
background-color: red;
}

This pairs well with a banner that warns you if an image doesn't have alt text, so you know not to boost it if you want to keep Mastodon accessible to people with vision problems (and encourage alt text, because I love reading people's descriptions of images and often get more out of it if there's alt text):

.media-gallery__item:not(:has(button.media-gallery__alt__label))::before {
content: "Do not boost - no alt text";
font-size: 16px;
color:#FFFFFF;
background-color: red;
}

This pairs well with a banner that warns you if an image doesn't have alt text, so you know not to boost it if you want to keep Mastodon accessible to people with vision problems (and encourage alt text, because I love reading people's descriptions of images and often get more out of it if there's alt text):

.media-gallery__item:not(:has(button.media-gallery__alt__label))::before {
content: "Do not boost - no alt text";
font-size: 16px;
color:#FFFFFF;
background-color: red;
}

This pairs well with a banner that warns you if an image doesn't have alt text, so you know not to boost it if you want to keep Mastodon accessible to people with vision problems (and encourage alt text, because I love reading people's descriptions of images and often get more out of it if there's alt text):

.media-gallery__item:not(:has(button.media-gallery__alt__label))::before {
content: "Do not boost - no alt text";
font-size: 16px;
color:#FFFFFF;
background-color: red;
}

@alice
here you go, it's hacky (like all things I make) so hopefully someone else can refine. Only works for the mastodon web interface.

.media-gallery__item:not(:has(button.media-gallery__alt__label)) {
outline-offset: 0px !important;
border-radius: 0px !important;
border: 2px solid red;

}

.media-gallery__item:not(:has(button.media-gallery__alt__label))::before {
content: "MISSING ALTTEXT";
font-size: 16px;
color:#FFFFFF;
background-color: red;
}

@alice
here you go, it's hacky (like all things I make) so hopefully someone else can refine. Only works for the mastodon web interface.

.media-gallery__item:not(:has(button.media-gallery__alt__label)) {
outline-offset: 0px !important;
border-radius: 0px !important;
border: 2px solid red;

}

.media-gallery__item:not(:has(button.media-gallery__alt__label))::before {
content: "MISSING ALTTEXT";
font-size: 16px;
color:#FFFFFF;
background-color: red;
}

@alice
here you go, it's hacky (like all things I make) so hopefully someone else can refine. Only works for the mastodon web interface.

.media-gallery__item:not(:has(button.media-gallery__alt__label)) {
outline-offset: 0px !important;
border-radius: 0px !important;
border: 2px solid red;

}

.media-gallery__item:not(:has(button.media-gallery__alt__label))::before {
content: "MISSING ALTTEXT";
font-size: 16px;
color:#FFFFFF;
background-color: red;
}

@alice
here you go, it's hacky (like all things I make) so hopefully someone else can refine. Only works for the mastodon web interface.

.media-gallery__item:not(:has(button.media-gallery__alt__label)) {
outline-offset: 0px !important;
border-radius: 0px !important;
border: 2px solid red;

}

.media-gallery__item:not(:has(button.media-gallery__alt__label))::before {
content: "MISSING ALTTEXT";
font-size: 16px;
color:#FFFFFF;
background-color: red;
}

@alice
here you go, it's hacky (like all things I make) so hopefully someone else can refine. Only works for the mastodon web interface.

.media-gallery__item:not(:has(button.media-gallery__alt__label)) {
outline-offset: 0px !important;
border-radius: 0px !important;
border: 2px solid red;

}

.media-gallery__item:not(:has(button.media-gallery__alt__label))::before {
content: "MISSING ALTTEXT";
font-size: 16px;
color:#FFFFFF;
background-color: red;
}

Und ich brauche das wirklich #000000 und #FFFFFF