Hallazgos de CSS del nuevo diseño de Facebook

Ahmad Shadeed investiga el código de interfaz del nuevo Facebook.

Uno que me llamó la atención:

.element { inset: 4px 0; /* Which is equivalent to: top: 4px, bottom: 4px, left: 0, right: 0 */}

¿What? Esta es la primera vez que oigo hablar de la insetpropiedad. Ahmad dijo que lo vio funcionar en Chrome 80, pero definitivamente no es para mí (ni para Safari). Sin embargo, lo hace en Firefox.

Es una abreviatura de top/ right/ bottom/ left(al igual que margin, en cierto sentido), lo cual es ciertamente bienvenido si me preguntas. Traiga el apoyo.

Si te gusta que la gente explore sitios grandes para aprender cosas…

• Elad Shechter escribió recientemente Ingeniería inversa del CSS de WhatsApp Web .
• Tee Diang UI de Twitch.tv con ingeniería inversa

Enlace directo →

Tal vez te puede interesar:

1. El diseño web responsivo cumple diez años.
2. Comparación de navegadores para diseño responsivo
3. Diseño inclusivo 24
4. diseño de formulario

Hallazgos de CSS del nuevo diseño de Facebook

¿What? Esta es la primera vez que oigo hablar de la insetpropiedad. Ahmad dijo que lo vio funcionar en Chrome 80, pero definitivamente no es para mí (ni para

programar

es

https://pseint.es/static/images/programar-hallazgos-de-css-del-nuevo-diseno-de-facebook-1399-0.jpg

2024-06-13

Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente