Lmst

Estas fotos son de la primera vez que me subí en un Talgo Avril. Un avlo desde Santiago hasta Coruña que convirtió la media hora de trayecto en eterna.

Lo de que hace ruido no es una sugestión, me lo pareció en ese momento antes de ni siquiera saber de qué iba ese tren.

Las imágenes:
1. Nada más subir la pantalla no mostraba las teselas del mapa
2. Detalle del horrible diseño. Los colores (#000, #F00, #0F0 y #00F) no ayudan. Tampoco lo hacen las teselas genéricas de OSM, buenas para otras cosas, feas aquí, ni el texto que está todo el rato deslizándose por debajo
3. Recuerda, en caso de emergencia sigue las instrucciones de seguridad
4. Más texto deslizándose horrible

@xero nice code!

I see you're actually calculating things rather than rendering them with a browser (see nf.color2hex in nofus.js, which I use mostly for userscripts). I assume your way is significantly faster.

Given your goal of minification, do you want red to gain a byte with #f00? I see transparent maps to rgba(0,0,0,0) but it could be #0000.

Idea for you: a configurable maximum distance (default=0) per color channel to permit rounding, e.g. 4 means #ff362f becomes #f33 since 0x33 is within 4 of both 0x36 and 0x2f.

(I suppose it'd be better to use the sum of differences or some more sophisticated combination, perhaps keyed to a percent, but that's a dangerous rabbithole of researching color perception (e g. OKLCH). Determining a sane thresholding system and ideal values won't be easy.)

"Red" #f00

feeling red rn

#ff0000 #f00 #hsv(0-0-0)

@troy_s

So from the rough example math in the previous, with #f00, the L cone is receiving 3.5 times more than M.

With the grey, L receives 1.33 times more than M (L cones are more populous).

With the grey, the ganglion cells are switched to where the signal is sent to light/dark.

With the red #f00, the L gets 26% more luminance than the grey, and also L is not really competing with M as here, L is getting 71% more than M.

Point: there are clearly a number of places where the physiology favors a vibrant red vs a grey of same luminance.

@troy_s

Okay, so in the normal eye, there are more L cones than any other. Stim the L cones only, with the L cones making up the majority of the luminance signal (with L cone peak being a greenish yellow).

And meanwhile the S cones are not contributors to the luminance channel (any luminance from the display blue primary is due to the stim of the M and L cones).

The sRGB red primary creates about 21% luminance.

The first image is a neutral grey of 21% luminance #868686 against #f00 .(equal Ys, 0 C vs red 104 C)

The second image is #f00 v #860000 (Lc25)

The third is #009494 vs #f00
(equal Ys — 33 C v 104 C)

The 4th is #d11 v #06f
(equal Ys & equal chroma)

Note: Ys is "screen luminance"

----
Some very rough calcs:

#f00 mostly stims L cone to Ys=21.3%

#868686, the values are
R Ys= 4.5
G Ys=15.3
B Ys= 1.5

So #f00
L 16.6%
M 4.7%
L gets 3.5 x more than M

#868686
R
L cone 3.5%
M gets 1.0%,

G & B
Remaining 16.8%:
L 9.7%
M 8.9%
=
L for the Grey 13.2%
M for the Grey 9.9%

L 1.33 more than M

red target against blue BG equal luminance equal chroma

Huh! Did you know, it's possible to style highlighted text fragments?

For example:

example.com#:~:text=hello

The word "hello" can be highlighted with:

`::target-text{ background:#f00; }`

https://developer.mozilla.org/en-US/docs/Web/URI/Reference/Fragment/Text_fragments#styling_matched_text_fragments

@anatudor @codepen

Here is a fix to poor text selection color with the filter trick:

```css
/* inner span helps fix background-letter overlap */
span { isolation: isolate; }

::selection {
background: #0ff;
color: #f00;
}
```

#CDU u. #AfD bsky.app/profile/ahaa... 1. Werden d. #Migranten deportiert; 2. Werden alle m. #F00 - #F99 auf d. #Gesundheitskarte abgeholt. 3. ... 1933 - 2025 - Ich weiß es. Lebe nicht weit von #Hadamar. #ALLE! wußten es! 4/... www.gedenkstaette-hadamar.de

bsky.app/profile/ahaa..

#Germany #Politics #Elections #2025Btw #Plan of Heil #Weidel and Fritze #Merz: 1. all #migrants away! 2. all who look like migrants, away! 3. all who have #F00 - #F99 on their #HealthCard! 4. ... You realize that too, right? Does anyone here know #Musk? 1/... de.wikipedia.org/wiki/T%C3%B6...

Tötungsanstalt Hadamar – Wikip...

#CDU #AfD bsky.app/profile/ahaa... 1. Werden d. #Migranten deportiert; 2. Werden alle m. #F00 - #F99 auf d. #Gesundheitskarte abgeholt. 3. ... 1933 - 2025 - Ich weiß es. Lebe nicht weit von #Hadamar. #ALLE wußten es. Jede Woche roch es nach verbrannten Menschen. www.gedenkstaette-hadamar.de

RE: https://bsky.app/profile/did:plc:w563ygpmbrytnudtcrpeomsi/post/3lgx727ugz22h

Gedenkstätte Hadamar

looking at lingerie and why is everything either black or #f00 red? where is the fantasy?

Mannaggia!

Ho ▲ ▼ come indicatori di ordinamento, e per renderli evidenti diventano #f00;

E come mai si potrebbe chiamare la classe CSS che indica quando sono attivi?

Ma è ovvio, class="frecciarossa" 🤣

Però ora la visualizzazione è in ritardo, chissà com'è.

⛳
⛳
⛳
🚩
🚩
🚩

@lexi@catcatnya.com test test test

I can set the start position of a CSS `linear-gradient` with an angle, a starting position & direction, or a rotation from 0,0.

Is there a logical property value to set the start position / edge instead?

Like `inset-inline-start` to start from the left in LTR languages but from the right in RTL langs?

I want:

```
background:
linear-gradient(
inset-inline-start,
transparent 0%,
transparent calc(100% - 0.1em),
#f00 calc(100% - 0.1em),
#f00 100%
);

```

#CSS #i18n

@khalidabuhakmeh @sarajw with Sass, you can extend CSS classes like:
```scss
.error {
border: 1px #f00;
background-color: #fdd;

&--serious {
@extend .error;
border-width: 3px;
}
}
```
https://sass-lang.com/documentation/at-rules/extend/

Which sorta seems like what you are looking for, but yeah as @sarajw mentioned - the CSS results in something like this:

```
.error, .error--serious {
// same styles in both classes
}

.error-serious {
// class specific
}
```

"Red"
#f00

@nilsbinder Absolutely! Looking forward to it! :-)

(Also, small easter egg with your colors: I like to pronounce them as words, so #f00 is "foo". So #f09 is "fog" and #90f is "gof". And if you would excuse my inner 10-year old, the colors combined are "fog gof" :D)

Schon länger nichts Neues aus der #Frontend Welt gepostet:

text-wrap: balance und text-wrap: pretty:
- nur in Chrome/Edge ab v117
- balance: bis zu 6 Zeilen ausgewogen verteilen
- pretty: Einzelnes Wort in letzter Absatz-Zeile vermeiden
https://bleech.de/en/blog/the-ups-and-downs-of-text-wrap-balance-and-a-polyfill/

light-dark() – Funktion für Farben im Light-/Dark-Mode ohne extra Weiche: color: light-dark(#f00, #0f0);
- color-scheme-Angabe wird berücksichtigt und ist min. auf Root-Ebene 1x nötig
- bisher nur FF ab v120
https://www.bram.us/2023/10/09/the-future-of-css-easy-light-dark-mode-color-switching-with-light-dark/

#F00

Client Info