web

Burlando restricciones…

Me gusta sentirme casi un hacker por hacer algo tan básico como explorar el código de una página web que visito y de la que no puedo hacerme con algún contenido, como por ejemplo esta fotografía que se usaba como «background» en un carrusel de imágenes y que aparentemente no podía descargarse.

Para ello la acción es tan simple como pinchar con el botón derecho sobre cualquier parte y elegir la opción «Inspeccionar» para ver el código fuente o un cachito específico del mismo.

A partir de ahí, encontrar el enlace a la imagen, en este caso:
https://laterrazadelsantodomingo.es/sites/default/files/styles/background_home/public/sd-255_1.jpg
y llevárselo a una pestaña nueva del navegador en cuestión.

Y, como dice mi hermana, pues ya estaría. 🙂

Tarjetas de visita

El lunes estuve recortando unos ripios de foam negro que tenía en el estudio, que me habían regalado los compañeros de Estudio Mamífero, y he decidido hacer mini-tarjetas de visita, con la información suficiente para contactarme y conocer mi trabajo: mi web, la que mantengo desde hace más de 20 años, evolucionando más y mejor que yo, en cierto sentido.

Son divertidas piezas únicas manuscritas. Lo más analógico que puedo imaginar en mi mente digital. Tienen un grosor de casi 5mm. Están escritas con rotulador uniPOSCA blanco.

Generador de ideas para artículos del blog

Y digo yo…

Si hace falta un generador de ideas para artículos de un blog, ¿no ha llegado el momento de dejar de tener, o mantener, el susodicho?

Hace algún tiempo un amigo me preguntó que cómo hacía para tener algo sobre lo que escribir todos los días y la verdad es que me dejó pensando en si realmente merecía la pena la mayoría de las cosas que escribo en este diario, pero como diario que es, tan sólo me limito a seguir mi mente y la mirada que hago sobre la realidad… y escribirlo.

No es tan complicado, creo. Aunque sí consume tiempo (si es que el tiempo se consume y no la vida que en él transcurre) y más si se quiere hacer con cuidado, con mimo, con corrección ortográfica e incluso política, que no veo tan mal como mucha gente parece verla.

Hoy, pongamos por caso, podría estar escribiendo sobre el porqué de la ilusión. La ilusión que me hace, por ejemplo, invitar a mi querida amiga Aída B. a cenar en casa con su pareja. La ilusión que me hace cocinar para ellas, la ilusión que me hace saber que estará en la misma ciudad que habito y que tanto nos gusta (a pesar de los pesares) durante casi un mes.

Podría estar escribiendo sobre el diseño de un menú vespertino que incluya salmón y la dificultad para encontrarlo en las pescaderías de Madrid. ¿Por qué cierran las pescaderías los lunes? ¿Acaso puede llegar a Madrid algún salmón que no sea congelado habida cuenta de dónde se suele pescar?

Podría estar escribiendo sobre el espray que he comprado para pintar unas tarjetas habitualmente llamadas postales vacacionales para enviar un correo ordinario (ahora extraordinario) a más de 30 personas y que va a incluir unos códigos BIDI o QR realizados con un programa en línea de comandos linux que ha generado sendos códigos (2 para cada destinatario), así como unas páginas web personalizadas y del hecho de que se hayan creado como archivos gráficos vectoriales que permiten escalarse hasta el infinito sin perder resolución, según dicen.

Podría estar escribiendo sobre el infinito y si tiene algún sentido más allá de las matemáticas o la teología, si creemos la mayoría de los indicios que apuntan a que el universo completo es un espacio finito, por grande que sea.

Podría estar escribiendo sobre el agua que consumo, sobre el té que me he preparado, sobre el cartón sobre la mesa, sobre el orden, el desorden y la entropía, podría estar escribiendo sobre que podría estar escribiendo o sobre qué podría estar escribiendo y sobre la diferencia que una coma pone en el texto y el contexto…

Pero hoy tengo poco tiempo (porque hay otras cosas que también quiero hacer a parte de alimentar este diario) y no sé si necesitaré algún día un generador de ideas para el blog… pero, de momento, me ha parecido sencillamente, una idea sobre la que escribir.

Añadiendo movimiento con CSS

Después de la actualización del «theme» de WordPress que realicé ayer en el entorno de producción, he comenzado lo que podríamos denominar el ajuste fino.

La verdad es que estoy fascinado con las posibilidades que tiene CSS3, como generar animaciones tan sencillamente como diciendo «trasládete de acá a allá«… más o menos. Es formidable y ya había hecho uso de ello en la web del proyecto La Consulta, especialmente en el apartado de mostrar el tamaño aumentado de las imágenes de los garbanzos contados cuando se pasa el ratón por encima.

Es tan tentador usarlo una vez que se conoce que puede acabar pareciendo un circo en el peor de los sentidos. De momento, sólo incorporaré alguna traslación de «cajitas» en el blog y cuando comience (que ya estoy a punto) a remodelar la web, usaré las mismas, además de intentar utilizar los mismos colores, así que lo he añadido a un archivo CSS llamado animaciones.css que estoy creando a partir de la fantástica herramienta encontrada en animista.net.

Me habría gustado utilizar «@import» en el CSS adicional dentro del tema de wordpress, pero parece que no es viable hacerlo, así que me obliga a tener duplicadas (con lo poco que eso me gusta) esas directivas tanto en el hueco que la edición del tema WordPress me permite, así como en el archivo CSS /estilos/animaciones.css de la raíz de mi web.

De momento, dejo el código que ha generado esta aplicación online en esta entrada, por si alguna vez vuelvo a necesitarla:

.slide-in-left {
    -webkit-animation: slide-in-left 3s both;
            animation: slide-in-left 3s both;}
.slide-in-right {
    -webkit-animation: slide-in-right 3s both;
            animation: slide-in-right 3s both;
}

/* ----------------------------------------------
 * Generated by Animista on 2020-5-8 11:22:35
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-left
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
/**
 * ----------------------------------------
 * animation slide-in-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

 

Esto no es una broma