#0f0 — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #0f0, aggregated by home.social.
-
-
-
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 -
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 -
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 -
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 -
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 -
-
@artlung Your border is 60px. border-image-slice: 60 is perfect. 24 selects the blue bar, 36 the blue and teal, etc.
Add something like "#0f0 0" as a fifth bar and try values over 60. For border-image-slice: x, the regular border compresses to 60/x and the green takes the other (x-60)/x.
I don't know how to take your em calc and make it "unitless" so you're not repeating the 60. And I can't scrute the percentage, which is for vector graphics and might not apply.
-
-
-
-
-
-
-
-
-
-
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/ -
How to check something isn't an email address?
https://shkspr.mobi/blog/2023/09/how-to-check-something-isnt-an-email-address/In web-development circles, it is a well-known fact that trying to validate an email using a regular expression is… complex.
The full set of modern email standards allows for such wonderful addresses as:
chief.o'brien+ds9@spásárthach.भारतSo determining whether or not your user has entered a valid email address becomes an ever-increasing challenge.
But what if you have the opposite issue? Suppose you have a form which takes something which mustn't be an email address?
For example - imagine you have a login form which requires a username. And yet your stupid users keep entering their email addresses instead! How can you quickly, cheaply, and simply detect email addresses?
Well, no matter whatever else is in an email address, there will always be an
@somewhere. The@is necessary but not sufficient for an email address.So you can use HTML5's
patternattribute.Here it is in action:
<input type="text" pattern="^[^@]+$">That says "don't accept anything with the
@symbol in it".We can take it a bit further and add some more attributes to help our users
<input type="text" pattern="^[^@]+$" required placeholder="Your username (which is NOT your email address)" title="Don't use your email address!!!!!" id="notemail">Try it out!
As soon as you type an
@the form will go into an invalid state and can't be submitted. You won't be able to click the login button.Should You Use This?
Well… perhaps in a pinch. The real solution is to be agnostic towards your users' choice of login. Some may prefer to use an email, some a username. Some may expect their username to start with an
@. Be tolerant of their needs and desires.https://shkspr.mobi/blog/2023/09/how-to-check-something-isnt-an-email-address/
-
chroma.scale(['#f00', '#ff0', '#0f0', '#0ff', '#00f', '#f0f', '#f00']).mode('lab').colors(9).slice(0, 8).map(c => [chroma(c).darken(), chroma(c)]).flat()['#c20000', '#ff0000', '#c7a000', '#ffd100', '#78cb00', '#aeff00', '#00ca32', '#3aff65', '#00cbcc', '#00ffff', '#0030cb', '#485aff', '#7300ca', '#ab00ff', '#c70091', '#ff00c2'] -
chroma.scale(['#f00', '#ff0', '#0f0', '#0ff', '#00f', '#f0f', '#f00']).mode('lab').colors(9).slice(0, 8).map(c => [chroma(c).darken(), chroma(c)]).flat()['#c20000', '#ff0000', '#c7a000', '#ffd100', '#78cb00', '#aeff00', '#00ca32', '#3aff65', '#00cbcc', '#00ffff', '#0030cb', '#485aff', '#7300ca', '#ab00ff', '#c70091', '#ff00c2'] -