soy Kseso y esto EsCSS

CSS al día. Novedades

Sólo unos apuntes rápidos de novedades CSS significativas para dejar constancia de ellas y que me/te sea fácil recordar y localizar en un futuro si se necesitase ampliar información sobre ellos.

CSS al día. Novedades

·Por Kseso ✎ 0

Sólo unos apuntes rápidos de novedades CSS significativas para dejar constancia de ellas y que me/te sea fácil de recordar y localizar en un futuro si necesitase ampliar información sobre ellas.

Mantenerse al tanto de esos detalles CSS que marcan la diferencia entre estar al día o quedarse desfasado es obligado.

A continuación unos tips que por su brevedad no ameritan un artículo en exclusividad para cada uno de ellos pero que es conveniente (creo) conocerlos.

CSS al día: últimas novedades

background-clip: text;

Llegará a Firefox 49.

Recuerda que el valor text no está en la especificación.

Hasta ahora si querías cubrirte las espaldas era obligado el uso de algún polyfill como éste de Divya Manian [2013] o el mostrado en este pen:

See the Pen -webkit-background-clip: text Polyfill by Tim Pietrusky (@TimPietrusky) on CodePen.

La propiedad background-clip en EsCss

La cruz: Mientras que desde Webkit anuncian que dejan de utilizar su prefijo privativo -webkit- Firefox anunciaba que daría soporte a algunas propiedades CSS bajo el prefijo -webkit-

@Media query

Las siguientes queries han sido marcadas como deprecated en el último documento del W3c

  • Deprecated #css media queries
    1. device-width
    2. device-height
    3. device-aspect-ratio

En su lugar se recomienda el uso de width height aspect-ratio

subgrid en el Grid Layout

Sigue el desarrollo e implementación del CSS Grid Layout y en su avance lo normal son las "novedades" por redefinición de alguno de sus aspectos.

Recientemente un cambio significativo ha sido la nueva definición de la keyword subgrid. Si no estás familiarizado con el concepto que hay tras este valor de las propiedades grid-template-rows y grid-template-columns piensa que viene a ser como el equivalente a display: contents en el espacio del Grid Layout.

El CSS Grid Layout en EsCss

Aquí desespero comiendo un huevo

O larga es la espera para quien espera. Cuatro "novedades" CSS que Firefox sí soporta y Chrome no

  1. CSS scroll snap points
  2. Hyphenation o corte de palabras
  3. La función CSS element()
  4. Position: sticky

En próximas entregas la contra: en Chrome sí y Firefox no.

Todo el mundo sabe de CSS

Por qué lo llaman humor cuando quieren decir "la vida misma":

Todo el mundo sabe de CSS
Vía Jorge Aznar en Twitter

El centrado vertical en CSS es imposible ¡LOL!

avatar del Editor del blog

the obCSServer ᛯ Ramajero Argonauta, Enredique Amanuense de CSS.
#impoCSSible inside
Dicen que, en español, EsCss es el mejor blog de CSS. Posíblemente exageren.
@Kseso EsCss Kseso