¿A donde se fue el diseño responsive?

no apto para smartphones
Hace casi una década atrás se comenzó a escuchar sobre el diseño web responsive, en ese entonces sonaba como una de esas cosas que la gente dice «seria bonito tenerlo pero para que sirve» pero que hoy en día es simplemente impensable no implementarlas desde el comienzo de un proyecto que incluya una web o blog.

De novedad a algo necesario

Y es que poco a poco con la masificación de dispositivos diferentes al pc se fue haciendo necesario tener una web que se visualice correctamente en los diferentes tamaños de pantalla de los mismos, a estas alturas se ha vuelto mas cotidiano visualizar contenidos web en smartphones y tablets que en un pc por lo que la aplicación del diseño responsive se ha convertido en algo obligatorio, a tal punto de que no estar disponible para móviles, era como antiguamente no estar en buscadores y de hecho llego a significar lo mismo pues estos también comenzaron a priorizar entre los resultados las paginas que estuviesen mejor optimizadas en cuanto a diseño responsive.

Realmente una directriz de trabajo o moda

La importancia del diseño responsive es algo que no tiene discusión, hablando en términos de mercadeo es algo que dejo de ser solo un valor agregado y se convirtió en una necesidad; pero últimamente parece que muchas paginas web y blogs sencillamente volvieron a las practicas de antaño entorpeciendo la accesibilidad por lo que quedamos como al comienzo aunque el diseño responsive haya sido bien aplicado en el sitio, como si al alcanzar cierta cuota de audiencia el tema dejara de tener importancia.

Desea activar las notificaciones para este sitio

Desde hace algún tiempo he notado que cada vez son mas paginas las que utilizan las notificaciones para navegadores, es cada vez mas común entrar a alguna pagina o blog y que salte un anuncio que dice «desea activar las notificaciones para esta este sitio» en muchas dicho mensaje es lo suficientemente grande como para ocupar un tercio de la pantalla de un móvil que tenga 5 pulgadas o menos y es realmente molesto cuando son paginas que aun no visitamos con frecuencia y peor aun si esta obligada por ley a notificar algo como el uso de cookies en cuyo caso tendremos una notificación arriba y otra debajo de la pantalla; cuando se da esta coincidencia recuerdo mucho las películas en vcd.

Cansado de esto he optado por desactivar cualquier tipo de notificaciones en los navegadores que suelo utilizar especialmente en el móvil.

Ventanas modales y más ventanas modales

Similar a lo que ocurre en el caso anterior es realmente molesto que al llegar a una pagina sea por resultado de un buscador, un enlace llamativo o cualquier otro motivo por el que terminamos allí; salte de la nada una ventana modal pidiendo que los sigamos en las redes sociales sin saber aun si su contenido es bueno o no y muchas veces lo hacen tan mal que el script sobrecarga la pagina y termina por hacer colgar el navegador del móvil.

Publicidad en vídeo por todas partes

De esto sufren mucho las paginas de noticias y es una verdadera pesadilla; si aun no tenemos el habito de bajar todo el volumen antes de ver las noticias en una sala de espera, podemos pasar una vergüenza pues en cualquier momento puede aparecer un vídeo que además de ser escandaloso no podremos seguir haciendo scrooll en la pagina si contamos con suerte y el navegador no se cuelga.

Con esto no quiero decir que sea malo monetizar una pagina o un blog, ni que tampoco se pueda buscar suscriptores o intentar fidelizar la audiencia, pero si utilizar estos recursos de forma menos agresiva e indiscriminada y sobre todo teniendo en cuenta la experiencia de usuario.

Restaurar animación de Windows 7

animacion de inicio de windows 7 Hace meses que tenía ganas de decir, no señores este blog no está abandonado y que mejor manera que aprovechar un pequeño respiro y volver con otro de esos tips casi inútiles, a decir verdad, es una información que puede resultar útil pero la solución es tan simple que lo catalogo como tal.

Bueno todo sucedió cuando decidí armarme un nuevo ordenador y comencé a experimentar de primera mano los problemas provocados por el molesto e inútil (en este caso no aplica el casi es inútil en todo el sentido de la palabra) artilugio conocido como UEFI.

Una vez que comencé a utilizar mi nueva adquisición tuve complicaciones para hacer algo que llevo años haciendo sin ningún problema: instalar Windows y alguna distribución de GNU/Linux, incluso después de desactivar esa regresión, por no utilizar algun termino descortez; segui teniendo problemas como para publicar una trilogia completa en el blog.

El menor de los problemas que tuve fue que al lograr una instalación funcional de ambos sistemas operativos con un gestor de arranque configurado correctamente para iniciar cualquiera de los dos, la animación de inicio de Windows dejaba de funcionar correctamente, dejando en su lugar algo que parecía ser una falla del hardware del video con lo que no estaba seguro si Windows iba a iniciar o el gestor de arranque se había estropeado de nuevo. 


Pues bien, luego de cacharrear un poco algunos comandos encontré la solución mucho más simple de lo que esperaba, con el comando bcd utilizado para editar la configuración de inicio de Windows, ejecutando como administrador el comando: bcdboot %WinDir% /l es-ES

Luego de esto al reiniciar Windows la animación volverá a aparecer antes, esto restaura parte del arranque con lo que si tenemos alguna personalización del arranque como desactivar la firma de drivers esta se perderá por lo que tendremos que volver a hacer dicha configuración en caso de necesitarla.

Scripts "protege plantillas" parte II

plantillas blogger protegidas mediante javascript Este es un tema del que ya hable hace bastante tiempo y del que dije que no iba a seguir haciéndolo; pero ahora me encuentro ofuscado encabronado porque esta práctica esta literalmente rayando en el abuso.

Como es bien sabido existen muchas páginas que se dedican a vender plantillas para Blogger, algunas optan por ofrecer una versión de pago de cada ítem completamente funcional y una gratuita con una licencia limitada y además algunos de sus scripts principales cifrados para garantizar que en la práctica se cumplan las condiciones de dicha licencia; un poco cuestionable, no en su propósito pues es legitimo que protejan sus intereses, pero si en su aplicación pues algunas aplican la estrategia de forma bastante burda, usando scripts mal codificados que entorpecen la carga de un blog que utilice la plantilla así el usuario este cumpliendo a con las condiciones del contrato de licencia.

Que algún vendedor ofrezca la versión gratuita de alguna plantilla con algunas limitaciones es hasta cierto punto razonable; pero que hagan lo mismo en la versión de pago llegando hasta el punto de hacerla inutilizable en comparación con la versión gratuita de alguna plantilla de otro vendedor es un abuso y una completa estafa.

Mi molestia

Ahora llegamos al punto de por qué me encuentro tan inconforme y molesto con este asunto, hace algunos días decidí comprar una plantilla “premium” para Blogger en una de estas páginas, estaba implementando un proyecto para el que pensé dicho tema era perfecto estéticamente y me ahorraría valioso tiempo aprovechable en otros aspectos del proyecto que tanta atención me demandaba; dicha plantilla en lugar de ahorrarme tiempo y esfuerzo se convirtió en una autentica pesadilla pues casi el 70% del cuerpo del blog (incluso más de la mitad del css y el cuerpo de las entradas) estaba contenido dentro de un JavaScript que además estaba encriptado. Lo note apenas comencé la “instalación” de dicha plantilla pues no encontraba donde traducir algunos textos, el famoso “Read more” para ser más exacto; luego de buscar el texto en el código html me encuentro con un garabato como este:


javascript original con variables encriptadas

De inmediato me remití al vendedor (que no voy a mencionar aquí pues no me paga regalías por publicidad) lo que resulto en un ejercicio realmente inútil pues no conseguí ninguna solución por parte de este, ni mucho menos por parte de la plataforma que utiliza para vender, no me quedo más alternativa que volver a recurrir a la ingeniería inversa para poder hacer uso de aquello por lo que había pagado.

Como lo hice

Normalmente, para hacer estas cosas utilizo algunas herramientas que no voy a mencionar aquí, no por evitar que alguien más trate de hacer lo mismo, si no por qué existe una forma sencilla y satisfactoria de hacerlo usando Js Beautifier, una herramienta usada para formatear scripts y hacerlos un poco más entendibles; esta herramienta contiene unas interesantes opciones que sirven para limpiar un poco el código ofuscado y eliminar los famosos p.a.c.k.e.r.s que son precisamente las que se necesitan para estos casos.

Si bien en mi plantilla lo había hecho de la forma que ya conocía probé también este método que funciono realmente bien.

Lo primero que hice fue buscar los scripts que me complicaban la vida y analizarlos un poco.
 
variable encriptada en js beautifier

Pude notar que el código que se encontraba encriptado estaba dentro de una variable por lo que simplemente seleccione y dicha variable desde la palabra var hasta el corchete donde termina su contenido.

Pegue la porción de código en js beautifier y active las opciones de código ofuscado y p.a.c.k.e.r.s, después de esto procedí a ejecutarlo.

opciones para desofuscar javascript

El resultado no es precisamente lo mas claro del mundo pero al menos ya es texto y algo se puede hacer con el.

javascript ya un poco desofuscado

Reemplace en resultado que arrojo js beautifier en el script y guarde los cambios, al actualizar la página note que esta funcionaba exactamente igual que con el script original.

Después de eso simplemente volví a buscar el texto “read more” que esta vez si apareció por lo que simplemente lo reemplace y como dice el dicho "listo eucalipto", pude modificar los textos que me faltaban para traducir la plantilla.

Lo anterior también funciona para eliminar los créditos en esas plantillas que redirigen hacia la pagina del autor al cambiar los enlaces del footer, no voy a profundizar en eso ni mucho menos publicar el procedimiento exacto de como se hace, pero es muy facil solo leyendo un poco.

Para terminar simplemente hago una recomendación, en lo posible no compren plantillas de estos sitios a menos que garanticen que el código no tiene ninguna clase de encriptación en la versión de pago, de mi parte jamás pienso volver a pagar por una plantilla por muy elegante que luzca.

Diseño de bordado perro de 3 cabezas

perro de 3 cabezas cancerbero
De vuelta en esta olvidada trinchera últimamente mas de olvidada que de trinchera, por mis múltiples ocupaciones que no me están dando respiro, pues bien esta vez traigo un diseño de bordado que como indica el titulo se trata del perro de 3 cabezas del que había hablado en una entrada anterior.

Este en particular lo he bordado en camisetas en el pecho y en gorras en la parte lateral, por lo que ya esta probado, como todos los diseños que he publicado hasta ahora, tiene solamente 4 colores.


bordado perro de 3 cabezas
Diseño bordado en el lateral de una gorra


Como "instalar" f.lux en Debian Streetch

f.lux es una sencilla aplicación que cambia la tonalidad de la pantalla según la hora del día, para disminuir la fatiga ocular y demás problemas causados por el uso prolongado de ordenadores especialmente por las noches, al principio no le tenia mucha credibilidad, es mas me parecía un poco fastidiosa pero con solo una semana usándola en las maquinas donde trabajo he notado algunos beneficios, como menos dolores de cabeza, menos insomnio y menos agotamiento tanto visual como mental. Después de eso decidí instalarla en los ordenadores de mi casa e incluso en mi móvil y tablet instale otra aplicación que sirve para lo mismo; pero en mi maquina con Debian Streetch tuve algunos inconvenientes ya que nada de lo que recomiendan en foros y blogs, incluso en su pagina oficial funciona, solo instala el applet junto al reloj pero no hace nada, pero luego de buscar y probar encontré una solución satisfactoria:

1- Lo primero es ir a la pagina oficial y descargar el binario para linux (en la parte donde dice xflux daemon) en mi caso el de 64 bits.

2- Luego de descomprimirlo, vamos a la terminal, nos autenticamos como root y copiamos el archivo a /usr/local/bin/

su
contraseña
cd Descargas (o la carpeta donde lo hayamos descomprimido)
cp xflux /usr/local/bin/

También podemos copiarlo ejecutando el gestor de archivos o explorador como root, en mi caso como tengo xfce

thunar

3- Le damos los permisos para ejecución

chmod 755 /usr/local/bin/xflux

4- Si hasta ahora hemos hecho todo bien podremos ejecutarlo desde la terminal así:

xflux -l latitud -g longitud

ó también xflux -z código postal

Para saber nuestra latitud y longitud basta con buscar nuestra ciudad en Wikipedia, no tiene que ser del todo exacta solo con saber en que parte del continente nos encontramos es suficiente.

5- Ahora solo falta configurarlo para que inicie automáticamente, en Xfce vamos al menú - configuración - sesión e inicio, ahí buscamos la pestaña auto arranque de aplicaciones, le damos añadir; en nombre y descripción ponemos flux o algo que nos recuerde que es, y en comando lógicamente el comando tal cual lo escribiríamos en la terminal.

configurar autoarranque de f.lux en Debian


Después de esto flux se iniciara automáticamente y cambiara la tonalidad de la pantalla según la hora del día.

f.lux funcionando en Debian streetch
Así se ve mi escritorio de noche con f.lux funcionando

Diseño de bordado Cancerbero para gorra

diseño bordado cancerbero gorra
De vuelta en mi olvidada y humilde trinchera, haciendo presencia o al menos intentándolo esta vez con un diseño de bordado para no estar todo el tiempo con lo de los casi inútiles.

Esta vez traigo el diseño de Cancerbero, quien fue un cantante y compositor de rap venezolano, que sigue siendo bastante popular no solo en su país natal, también lo es en Colombia y muchos otros países de suramerica y por lo general los diseños relacionados con el cantante son bastante demandados, en esta ocasión solo subo el diseño que aparece en la imagen en tamaño para gorra, quizás suba pronto otros diseños relacionados con el artista, solo es cuestión de tiempo (debo terminarlos primero ;-) ).

Cancerbero bordado en gorra
Asi se ve bordado en una gorra plana