Nueva sintaxis de las transformaciones Css: rotate, translate y scale ahora como propiedades

- Nueva sintaxis de las transformaciones Css: rotate, translate y scale ahora como propiedades

Hay novedades en el desarrollo del módulo Css que desarrolla las transformaciones.

A la forma tradicional de declararlas con la propiedad transform complementada en su valor con al menos una de las cuatro palabras claves rotate translate scale y/o skew se suma el poder declarar las tres primeras transformaciones como propiedad, no como funciones en el valor de transform.

Todo es demasiado reciente, así que no busques soporte en ninguna de las versiones estables de los navegadores, aunque leo que alguno en sus versiones en desarrollo (como Canary) ya lo hacen previa activación por el usuario.

Nueva sintaxis de las transformaciones Css: rotate, translate y scale ahora como propiedades

Javascript con Furoya: estilos al padre según relación de aspecto de la imagen hija

-

Poco antes de la publicación de este artículo hubo un (otro) cambio importante en el formato del blog. Y uno de los efectos agregados con javascript es el de cambiar el estilo de un elemento según la orientación de su imagen nieta. Si ésta es apaisada, va un flex, y si no, va otro.

Ya que está publicado y no voy a arruinar la primicia, aprovecho para mostrar (más que explicar) cómo trabaja ese escript. Además de agregarles otras versiones.

Ya hemos visto cómo se encuentra e identifica un elemento en el DOM para leerlo o modificarlo. Y de entre los valores para leer está el de tamaño. En realidad, hay varias formas de obtener las medidas de una imagen para después saber si es más ancha o más alta. Una de las más efectivas es:

laImagen.naturalWidth; //PARA EL ANCHO laImagen.naturalHeight; //PARA EL ALTO

que captura las medidas originales ignorando las aplicadas por el navegador (ojo!, no las aplicadas por el servidor).

Javascript con Furoya: estilos al padre según relación de aspecto de la imagen hija

Posts aleatorios configurable por etiqueta, número, extensión del sumario y tamaño de imagen

-
Posts aleatorios configurable al máximo: Por etiqueta, número, extensión del sumario y tamaño de imagen

Por necesidad para el nuevo tema del blog tuve que dedicar algún rato y muchas búsquedas a un script para mostrar artículos de forma aleatoria. Random post lo llaman en alguna parte.

Y si bien es cierto que hay cientos miles de artículos en la internet dedicados a este tema (muchos de ellos ecos de ecos) todos dejaban algo que desear para cubrir lo que yo necesitaba en esta ocasión.

Había un detalle especialmente doloroso: todos los que encontré (no fueron tantos) que me permitían lograr más o menos lo deseado tenían un fallo: la imagen la cargaban al tamaño natural que tuviese en el artículo y la redimensionaban o bien vía Css o con el atributo width y/o height.

Resultado: Penalización en el rendimiento de la página y deformación de las imágenes.

¡Extra! ¡Extra! ¡Extra! La nueva imagen del blog versión "2015 añeja" ya está aquí

-

Foto antigua de un niño vendiendo periódicos Fiel y puntual como aquello que es impredecible pero seguro, aquí está la renovación de la imagen del Blog correspondiente a este año 2015.

En esta ocasión las novedades no están tanto en su apariencia y Css usdo, que también, como en qué se ofrece a quién en función del tipo de conexión y dispositivo usado para visitar el blog.

Pero vamos por partes, tanto por aquellas que creo finalizadas como algunas otras pendientes de afinar y o solventar más favorablemente.

Comencemos por lo más visible y obvio.

La apariencia

Lo siento pero soy enemigo de las modas y tendencias. Y demasiada uniformidad hay con tanto flat (ya va viejo) como de material design.

Blogger, la Ley de Cookies y su nuevo aviso. Cómo evitar su creación y efectos secundarios

- Blogger, la Ley de Cookies y su nuevo aviso. Cómo evitar su creación y efectos secundarios

Ayer fue un día de sorpresas para quienes usamos el servicio de Blogger. Todos los blogs radicados en la Unión Europea amanecieron con un más que desproporcionado aviso sobre el uso de cookies colocado en la parte superior de las páginas, tapando todo lo que en él se encontrase.

No voy a entrar en las razones de los desarrolladores para hacerlo ahora y de esta manera. Entre otros motivos porque no se de nadie que las conozca.

Tampoco en cuestiones de diseño, forma y lugar de incluirla. Al menos no optaron por recurrir a un iframe.

Mucho menos es el lugar y momento para analizar las formas y maneras empleadas. Allá ellos y lo que entiendan por buen trato y respeto a sus usuarios.

Sólo quiero centrarme en esta ocasión en cómo prescindir de dicho aviso y evitar los efectos sobre nuestros blogs. Especialmente en aquellos que su código está lo suficientemente tuneado.