Xirarei e xirarei (como girar imágenes o vídeos con CSS)

¿Harto de que cuando intentas publicar una foto en tu blog, esta aparezca girada, y tener que pelearte con todos los programas de edición que conoces para rotarla y que realmente aparezca como tiene que aparecer? Yo lo estaba, y cuando por fin me molesté en buscar en Google cómo resolverlo, vi que era tan fácil, que me dio hasta vergüenza: ser informática y no haberlo averiguado antes. Como redención, comparto mi sabiduría con "todos" vosotros.

Siento no poder poner la referencia de dónde me informé, pero es que hace ya bastante tiempo de eso, ahora hago el post basándome en lo que yo tengo ahora mismo en el blog.



Paso 1: Preparar la plantilla

Desde el panel de control del blog, hacer clic en la pestaña "Diseño".
A continuación, hacer clic en el enlace al "diseñador de plantillas"
En el diseñador de plantillas, ir a la sección "Avanzado" (el último de la columna de la izquierda)
Desde ahí, ir al último subapartado (la lista aparecerá justo a la derecha), "Añadir CSS"

Y, por fin, en el cuadro para añadir CSS, pegar las siguientes líneas:

.rot90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    rotation: 90deg;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.rot180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    rotation: 180deg;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.rot270 {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

Para guardar los cambios, hacer clic en "Aplicar al Blog".


Paso 2: Crear la entrada con la imagen

Este paso no hará falta ni que lo explique: es hacerlo como de costumbre; si la imagen ya queda como la quieres, perfecto, y si queda girada es cuando entra el paso 3.


Paso 3: Girar la imagen

Esto es lo realmente bonito de este método, por lo sencillo que es. Todo lo que hay que hacer es editar el HTML de la entrada, buscar dónde está el código referente a la imagen en cuestión, y añadir al tag que la contiene la clase correspondiente: rot180 si está patas arriba, o rot90 o rot270 para según este girada a un lado u otro.

Vale, soy consciente de que el párrafo anterior, para alguien que no sepa HTML y CSS ha quedado poco más o menos como si lo escribiese en klingon, pero tengo que suponer que algo de idea tienes que tener, si llevas un blog con blogger... más que nada porque llevo un buen rato intentando redactar una explicación para quien no sepa nada de nada y no soy capaz...

Veámoslo desde la práctica. Has subido una imagen con Blogger y te ha quedado girada. Fíjate en lo que haya escrito de texto antes y después, ve a Edición de HTML y busca el código HTML correspondiente a la imagen, localizándolo entre los trozos de texto que te he dicho que te fijaras antes de cambiar de pestaña. El trozo de código en cuestión tendrá una pinta del estilo de este:

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA5JR8AekHNrHgAUj08fkt0xEtJhCSgmlZ5WlQgzMa5LwJMO8pTYqW28g6YmnUy6z7roXxZF3iDRjUXVVvTDhreJZUkFneT9PhRxMe94LnsuNH-4t9erIXXfDvmJfUsTBcFlw4Gw7LqzjD/s1600/2011-12-08+14.04.36.jpg"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA5JR8AekHNrHgAUj08fkt0xEtJhCSgmlZ5WlQgzMa5LwJMO8pTYqW28g6YmnUy6z7roXxZF3iDRjUXVVvTDhreJZUkFneT9PhRxMe94LnsuNH-4t9erIXXfDvmJfUsTBcFlw4Gw7LqzjD/s640/2011-12-08+14.04.36.jpg" width="480" /></a></div>

Lo único que hay que hacer es sustituir envolverlo con las siguientes dos líneas:

<div class="rotXX">

antes y

</div>

después.
Donde rotXX es la rotación que quieras poner: rot90 para 90 grados, rot180 para 180 grados, o rot270 para 270grados.

Muchas de las imágenes de este blog están rotadas de esta manera. El único inconveniente que tiene este método es que si se hace clic sobre la imagen para agrandarla, se mostrará girada de nuevo, porque esto sólo afecta a cómo se ve la imagen, no a cómo se guarda.

Esta solución es también válida para vídeos, o para cualquier otra cosa que quieras que se vea girada, pero para saber dónde tienes que poner lo de rotXX en el HTML en esos casos, tendrás que aprender HTML por tu cuenta (o preguntarme en los comentarios), porque para un post de un blog de carácter generalista sería un ladrillo explicarlo todo.

Y también sirve para aplicar ángulos de giro diferentes de los explicados!

Restaurar un suelo de madera

La entrada de hoy tiene aspiraciones de resultarle útil a alguien, aunque no voy a negar que parte de la motivación de escribirla haya sido "presumir" de mis logros.

Cuando nos vinimos a vivir a este piso, el trato con mi amiga, la dueña, fue que, a cambio de unos meses gratis, le arreglaríamos algunos desperfectos que tenía. Pero, primero por dinero y luego por tiempo, lo fuimos postergando, y ahora que nuestra mudanza es inminente, llegan las prisas.

Con respecto a esto, os contaba el otro día lo de las molduras de las puertas de cuarto de baño (que, por cierto, os sorprenderá saber quedaron muy bien). Pero al lado de lo que acabo de terminar de hacer hoy, creo que podemos decir que eso fue una insignificancia.

Hoy, con gran orgullo y satisfacción, puedo anunciar y anuncio, que he terminado de restaurar el suelo de madera del comedor. Redoble de tambores, por favor.

La idea inicial era ponerle por encima tarima flotante, pero como nos acabamos de gastar todos los ahorros en la compra de la casa, pensé que restaurar el suelo de madera que había sería más barato. A día de hoy os diré que temo haberme equivocado, pues ya sólo entre papel de lija y barniz casi gasté lo que habría costado la tarima, por no decir nada de que me cargué una lijadora y tuve que comprar una nueva (lo cual me lleva a desaconsejaros enérgicamente el uso de herramientas baratas), ni de las horas que puede ocupar lijar un suelo con herramienta doméstica, lo que cansa, cómo te deja las rodillas, o la cantidad de polvo que levanta.

De todas maneras, no me arrepiento de haberlo hecho así; en honor a la verdad, no es que haya sido lo más divertido que he hecho en mi vida, pero he aprendido mucho de la experiencia, y estoy muy contenta del resultado. Así que ahora os voy a contar, no exactamente cómo lo hice, sino cómo debería haberlo hecho, teniendo en cuenta las lecciones aprendidas.


Paso 0: Protegerse

Antes de empezar, conviene acordarse de los complementos de protección: odilleras, mascarilla y gafas protectoras son muy necesarios. Yo el primer día no los usé y os aseguro que fue un error.  A la mañana siguiente tenía las rodillas como boniatos, me dolía la garganta y me escocían los ojos. Si a eso sumamos las agujetas tenemos el pack "Pepa destrozada" completo.

Paso 1: Vaciar y aislar la habitación

Lo de vaciar la habitación supongo que resultará evidente para todos, pero lo de aislarla, por lo menos para mí, no lo fue tanto.

Resulta que el comedor en cuestión tiene un gran hueco, sin puerta ni nada, que lo une a la cocina. En un principio, bloqueé ese hueco con los trozos de mi estantería a medio hacer, para que no pudieran pasar las perras y hacer alguna perrada. Muy contenta yo con lo lista que había sido por pensar en eso, me puse el primer dia a lijar como una loca, horas y horas dale que te pego con la lijadora de marca Ni-Su, hasta que ésta dijo "basta", salvándome probablemente de un vecinicidio inminente. Extenuada, me levanto y me dirijo a la cocina a sentarme para descansar. Aquí podría muy bien ir la música de la ducha de Psicosis, o algo así. Había que ver como estaba aquello de polvo, y no sólo la cocina, sino prácticamente toda la casa...

Moraleja:

Paso 2: Lijar, lijar, lijar sin parar...

Esto es más una cuestión de paciencia que de ninguna otra cosa, pero hay un par de detalles que viene bien tener en cuenta:

-Ir aspirando a la vez que lijando: lo ideal es poder conectar directamente un aspirador a la lijadora. En mi caso no fue posible porque no me encajaba ningún accesorio, pero fue un gran error no dedicarle un rato a hacer el McGyver y adaptar alguno, porque la que lié de polvo no se puede ni contar; estoy casi segura de que me llevó tanto tiempo limpiar como el lijar en sí.
- El lijado: yo consulté cómo hacerlo en Internet (siento no haber guardado la página), pero al final lo hice un poco como Dios me dio a entender. En resumen, la cosa es que hay que dar al menos dos pasadas: la primera con una lija gorda, con la que quites, si lo hay, el barniz previo u otras suciedades (en mi caso una capa grisácea, debida a que hace años que alguien se había cargado el barniz por completo con un producto químico... hay que ser cafre...), y la segunda con una más fina con la que elimines los arañazos dejados por la primera. Lo suyo es todavía dar una tercera capa con una lija de acabado, que deje el suelo lisito y suavito, pero la verdad es que a mi me pareció que tras la segunda pasada había quedado suficientemente bien... y estaba hasta las pelotas de lijar, la verdad...

Paso 3: Aspirar y limpiar a conciencia

Es muy importante, una vez lijado y antes de dar el barniz, eliminar todo rastro de polvo del suelo, porque si quedara polvo el barniz no quedaría bien liso.

Considerando que las partículas más finas siempre vuelven a salir de la aspiradora, lo que yo hice para terminar de quitar todo el polvo fue envolver una escoba con una camiseta vieja y barrer cuidadosamente con ella... Esto lo repetí con camisetas distintas hasta que vi que no se manchaba al hacerlo (4 veces).

Lo que sí, no se te ocurra en este paso utilizar una fregona ni nada húmedo, porque para aplicar el barniz la superficie tiene que estar completamente seca, aparte que creo que el polvillo se pegaría más a la madera con la humedad. Yo, de hecho, tuve puesto el deshumidificador a todo trapo unos días para que estuviese lo más seco posible.


Paso 4: aplicar el barniz

Este es, probablemente, el paso más agradable, fácil y rápido de todos. Prácticamente, lo único hay que tener en cuenta es qué barniz y qué brocha y/o rodillo utilizar, y para eso la verdad es que en cualquier tienda de bricolaje podéis informaros; no hace falta ni preguntar, en los propios productos hay información.

En mi caso, utilicé un barniz protector incoloro brillante, una brocha finita y un rodillo de pelito corto; lo que ponía en las etiquetas que era idóneo para parqué, simplemente. Importante, a la hora de comprar el barniz, fijarse en cuántos metros cuadrados cubre el bote y comprar como para dos capas. En mi caso, era exactamente un bote por capa, y de hecho me llegó justito justito.

A la hora de ponerse, obviamente, hay que empezar por la esquina opuesta a la puerta, para ir reculando según vayas avanzando sin pisar nada. Se supone que hay que aplicar primero con la brocha por los bordes, pero la verdad es que yo de eso pasé, porque todavía tengo que poner rodapiés, así que si no quedaba perfecto, ya se taparía. Para poder usar el rodillo, hay que tener algún recipiente plano en el que quepa; yo utilicé un tupper, que era lo que tenía. El procedimiento es: chorrito de barniz en el tupper, mojar el rodillo intentando que sea lo más uniformemente posible, y a barnizar se ha dicho (esto repetido hasta que acabemos la capa; insisto: sólo un chorrito de cada vez, para no empapar demasiado el rodillo).

Al aplicar la primera capa, como la madera se moja, el color se oscurece muchísimo, y los fallos se exageran un montón, pero que no cunda el pánico: según vaya secándose va aclarándose y mejora bastante la cosa (pero tarda días, que conste). Entre capa y capa hay que esper un mínimo de 24 horas (lo ponía en el bote del barniz), y conviene dar una pasadita de lija fina para que el acabado sea perfecto. Yo esto último tampoco lo hice, así que el resultado final no habrá sido como para ganar ningún concurso, pero aquí os dejo una foto final para que juzguéis vosotros mismos.

La historia de las cosas

Este documental ya lo había visto yo hace un par de años, pero hoy casualmente me lo he vuelto a encontrar y he querido compartirlo con mis lectores. Explica muy gráficamente cómo funciona el sistema de consumismo: depredación de recursos y personas para conseguir que la gente siga comprando y los inventarios se sigan moviendo; y cómo el sistema es evidentemente insostenible y destructivo. Una pena que la voz de la chica que lo dobla se pasa de vehemente (hay otra versión mucho mejor en ese aspecto, pero estaba en Youtube en tres trozos y quedaba peor aquí), pero aún así creo que merece mucho la pena verlo. Si seguís el consejo, espero que os haga pensar.



Muy relacionado, por cierto, con el del dinero, que había publicado años ha.