CSS Scroll Snap Points: control del desplazamiento vía Css

-

CSS Scroll Snap Points: control del desplazamiento vía CssUna de las cuestiones no abordadas hasta le fecha por Css en lo relativo a la Interfaz de Usuario (UI) era el control del scroll o desplazamiento. Desplazamiento realizado por el usuario, ya sea mediante hardware y algún identificador en pantalla o sin ellos en dispositivos "táctiles".

Decía "cuestión no abordada" porque hace escasas fechas (28 de Octubre de 2013) ha sido publicado por el W3c el documento "CSS Scroll Snap Points Module Level 1".

Este documento está marcado como Editor's Draft pues es una propuesta para su discusión realizada por Microsoft.
En la actualidad (2015) ya forma parte del corpus del W3c: CSS Scroll Snap Points Module Level 1 como First Public Working Draft

CSS Scroll Snap Points: control del desplazamiento vía Css

CSS Grid Layout: la revolución que esperas y que ya ha comenzado

-
CSS Grid Layout: la revolución que estabas esperando ya llegó

Yo suelo dividir el corpus de Css, de forma informal o coloquial, en tres grandes grupos:

  1. Estructural: Los documentos (y las propiedades desarrolladas en ellos) dedicados a la composición de la página (su estructura o layout).
  2. Tipográficos: Los que permiten controlar los aspectos relativos a la cuestión tipográfica. Tan vital como el anterior. Unos contenidos ilegibles o o que no inviten a ello hacen abandonar la página tanto como un layout descompuesto.
  3. Decorativos: Aquellas otras que son estéticas o decorativas (para hacerla bonita según gustos).

Y son los englobados en el primero, los estructurales, los que mayor impacto tienen en eso de hacer webs. Como el Flexbox, que posíblemente sea el desarrollo que mayores cambios ha supuesto, hasta la fecha.

Dentro de estos, y una vez que parece ha alcanzado suficiente madurez (creo), ha llegado el momento de fijar nuestra atención en otro de los documentos del consorcio que, de nuevo creo yo, va a suponer otra revolución como lo fue el flexbox.

Para ello me tomo la libertad de transcribir el artículo de Patrick Brosset aka @patrickbrosset publicado en medium sobre el Grid Layout de Css.

CSS Grid Layout: la revolución que esperas y que ya ha comenzado

Apuntes rápidos al margen para iniciar un "Curso Css desde cero"

- Apuntes rápidos al margen para un "Curso Css desde cero"
Apuntarse a cursos web en Septiembre viene siendo lo mismo que hacerlo al gimnasio el 7 de Enero.
Y el resultado suele ser el mismo.

Tranquilo. Pierde cuidado y miedos. No voy a venderte nada. Esto no es ni otro curso más ni nada que se le parezca. No. Es algo más simple.

Desde siempre me han llamado la atención el "temario" o corpus de todos los llamados cursos para aprender css desde cero que uno se puede encontrar por la red. Ya sean de pago o "gratis no hay nada". En foma de "libros", vídeos o artículos en línea.

Por mi discrepancia con el contenido o desarrollo de bastantes de ellos que conozco, me he planteado, de un tiempo a esta parte, cuáles serían los primeros capítulos, lecciones o ideas básicas que yo incluiría en mi curso Css desde cero ideal. Si pensase crearlo, que no pienso.

Y después se me ha ocurrido que quizás estos apuntes rápidos puedan ayudar en algo a quienes estén pensando en iniciarse en Css tomando algún curso o a quién vaya a crear alguno. O no.

Bordes vistosos y originales: clásicas cenefas griegas con SVG y marcos retros con CSS Blend Modes

-
Vistosos y originales bordes: Cenefas griegas con SVG y retros con Blend Modes

Uno de mis blogs favoritos desde hace mucho ha sido el finado demosthenes.info de Dudley Storey aka @dudleystorey.

Pero su desaparición como tal, lejos de ser motivo de lamento, supone una buena noticia: ha renacido, cual ave Fénix, en el nuevo thenewcode.com. Y con el pequeño cambio estético llega con mejoras evidentes en su funcionamiento y prestaciones.

Lo cuenta su autor en el post de presentación, por si tienes curiosidad.

Así que como creo que es una buena noticia también me sirve como excusa para traer a mi blog dos de sus últimos artículos. Ambos sobre bordes:

Transition Vs Animation Css

-

Al momento de aplicar alguna variación o cambio a un elemento en la web de forma gradual y sin cambios bruscos cabe la posibilidad de que surjan dudas entre qué vía Css utilizar: mediante la propiedad transition o animation.

Podría decirse que ambas propiedades permiten a un elemento pasar de un estado 'A' a otro final 'B' de forma progresiva, no instantánea. Entendiendo estado 'A' y 'B' como valores distintos de una propiedad Css determinada. Propiedad que, como es lógico, debe ser por definición animatable.

Entonces la cuestión es, si ambas permiten hacer el cambio de forma progresivo, cuál usar. Y para tomar esa decisión nada mejor que ver las diferencias y semejanzas entre ambas propiedades.

Transition Vs Animation Css