Búsquedas recientes

No hay búsquedas recientes

Opciones de búsqueda

Solo disponible si inicias sesión.
masto.es es uno de los varios servidores independientes de Mastodon que puedes usar para participar en el fediverso.
Bienvenidos a masto.es, el mayor servidor de Mastodon para hispanohablantes de temática general. Registros limitados actualmente a invitaciones.

Administrado por:

Estadísticas del servidor:

1,9 K
usuarios activos

masto.es: Acerca deEstadoDirectorio de perfilesPolítica de privacidad

Mastodon: Acerca deObtener la aplicaciónAtajos de tecladoVer código fuentev4.4.2

#css

49 publicaciones42 participantes5 publicaciones hoy
Adrian Roselli

Over on CSS Tricks, another post about responsive text that fails to consider WCAG (other than mis-quoting a Level AAA SC):
css-tricks.com/setting-line-le

I left a comment last week (still in moderation), but the fit-to-width thing is risky:
• github.com/w3c/csswg-drafts/is
• github.com/w3c/csswg-drafts/is

Really wish CSS Tricks was on top of comments as that post is… not ideal.

Setting Line Length in CSS (and Fitting Text to a Container)
CSS-Tricks · Setting Line Length in CSS (and Fitting Text to a Container) | CSS-TricksThe many ways to juggle line length when working with text... including two proposed properties that could make it easier in the future.
#a11y#accessibility#css
CSS by T. Afif :verified:

💡 CSS Tip!

Create an infinite logo marquee using modern CSS and less than 10 lines of code.

css-tip.com/logo-marquee/

Where's the novelty, you might ask? It's responsive, works with any number of images, doesn't rely on magic numbers, and you can easily control it using CSS variables.

Another use case for modern CSS features (shape(), sibling-index(), sibling-count(), etc).

#CSS#HTML
*
andros

Abogo por una arquitectura web más simples y de mayor rendimiento que aprovechen las capacidades nativas del navegador en lugar de SPAs o frameworks de #javascript . Hoy en día tenemos herramientas tan poderosas como View Transitions API (transiciones entre páginas) y Speculation Rules (precargar páginas) para simular las transiciones suaves y sin loadings entre páginas o componentes. Pero además con un sistema de caché, no depender de estados y renderizar en el servidor; tendremos una velocidad fantástica y una experiencia de usuario similar a un APP.
#html #css

Pierre Huyghebaert

On the article referenced in mastodon.design/@julieblanc/11, @julieblanc quoted a #TAG commentary
"Overall, we think #Masonry, #Grid, and wrapping #Flexbox should be incorporated into a unified set of properties. #Chrome’s [New Masonry Layout] proposal splits apart property sets too eagerly, but even the #WebKit [using CSS Grid] proposal seems to miss a chance to develop more-general properties. (…) #CSS currently has 3 layout modes (…): Grid, Multicol, and wrapping Flexbox. This is already causing a lot of author confusion, and Masonry attempts to add a 4th mode. As a general principle, having vastly different ways to accomplish slightly different things is a usability #antipattern. We urge the [CSS] W[orking] G[group] to explore ways to unify these so that authors can port more knowledge from one to the other (even if they are implemented as separate code paths internally). (Issue #1003 on w3ctag/design-reviews, comment on Nov 20, 2024, by #JeffreyYasskin /@jyasskin)

AmyFou 🕊️

what controls when submenus open downward vs when they open upward?

Here on the 'don, my 'emojis' submenu typically opens downward (boo - it often goes past the bottom of the screen) on a first try, and upward (yay! always works) on a second try.

Screencaps from a submenu in calendly.com that opens downward (yay! all options visible!) when it's the at the top of a list, but upwards (boo! opens *behind* a spacer that obscures several options).

#UI#webdev#css
Tom Sheppard

I criticize web devs for making really bone-headed decisions on web sites, and they do, but maybe I need to cut them some slack if they're as confused and exhausted as I am from the battle to get their code displayed the way they intended.

I use CSS to set the max-width of a <td> to 100px and the browser's developer tools tells me there are no other overriding styles yet the computed size is 101.890625px. ChatGPT's suggestions don't help. Is there a sacrifice I need to make to the #CSS gods?

En tendenciaCronologías
Acerca de