En ocasiones hay elementos que tienen scroll y en iPad / iPhone va como a saltos. Para evitar esto hay que ponerle este estilo al elemento:
-webkit-overflow-scrolling: touch;
Cosas de programación para recordar y de todo un poco
En ocasiones hay elementos que tienen scroll y en iPad / iPhone va como a saltos. Para evitar esto hay que ponerle este estilo al elemento:
-webkit-overflow-scrolling: touch;
Para eliminar una cadena que está presente en un conjunto de ficheros podemos usar este pequeño script:
for i in *.avi
do
mv "$i" "`echo $i | sed 's/CADENA//'`"
done
Microsoft ha lanzado sonarwhal, un analizador de páginas web que detecta errores y posibles fallos de seguridad. Es parecido al PageSpeed Insights de Google, pero con la ventaja de que podemos instalarlo en nuestro equipo para hacer el análisis en local.
Una cosa sobre la que avisa y que no conocía es que cuando tenemos links que se abren en una ventana nueva y que tienen como destino páginas externas debemos añadir el atributo rel=”noopener noreferrer”; haciendo esto evitamos que la página a la que enlazamos tenga acceso a nuestra ventana mediante window.opener y también que esa pestaña tenga su propio proceso. Aquí lo explican con detalle.
Hace unos días estuve investigando los web components, que nos permiten crear elementos HTML que tengan sus propias etiquetas e incluirlos en una página web de la misma forma que usamos cajas de texto o desplegables.
Los estándares van despacio, y de momento Google Chrome es el único navegador que implementa todas las funcionalidades por defecto, pero existen polyfills para el resto de navegadores, así que ya se puede ir haciendo algo. Estuve mirando Polymer y X-Tag, y al final me decidí por este último porque no requiere instalar nada en el equipo para trabajar, basta con incluir un fichero JS con la librería y el polyfill.
Para probar hice un componente que es una valoración en estrellas, como las que usan muchas páginas para valorar productos o películas. Puede verse el resultado final con demos aquí.
La forma de crear el componente me recordó bastante a la de crear un plugin para jQuery. A partir de ciertos valores (atributos en el caso del componente, parámetros de inicialización en el caso de jQuery) se construye un código HTML (el que contiene las estrellas) que se inyecta en el componente padre (el elemento koas-star-rating en el caso del componente, el elemento sobre el que apliquemos el plugin en jQuery). Adicionalmente se responde a eventos del ratón modificando ese HTML (para colorear las estrellas correspondientes) y se pueden emitir eventos a los que el usuario que esté usando nuestro componente / plugin pueda engancharse y ser notificado cuando el valor cambie.
Incluso la forma de hacer que el componente se pueda usar dentro de un formulario y contenga un valor cuando el formulario se envíe (creando un campo input oculto cuyo valor se modifica cada vez que cambia el valor de las estrellas) es la misma que usaríamos si estuviéramos haciendo un plugin de jQuery.
Por este motivo, una vez terminé el componente y lo probé en todos los navegadores y vi que funcionaba bien me pregunté: bueno, vale, has hecho un componente pero, ¿compensa hacer esto en vez de hacer un plugin de jQuery? Esta es la pregunta a la que me gustaría dar respuesta con las siguientes reflexiones.
En resumen, los plugins de jQuery seguirán teniendo su utilidad en muchos casos, pero si lo que queremos es crear un elemento de interfaz de usuario creo que los componentes web son mucho más interesantes y reutilizables. Espero que el resto de navegadores se pongan las pilas y pronto podamos disfrutar los web components de forma nativa.
Me he encontrado con este magnífico artículo llamado Avoiding the productivity mouse-traps. Es una lista de consejos para ganar tiempo al usar el ordenador utilizando el teclado en vez del ratón. Voy a listar aquí dos que no conocía y que me parecen imprescindibles:
Me permití un caprichillo en el Black Friday de este año, un monitor de 10 pulgadas que básicamente voy a usar para las ventanas de Developer Tools de Chrome.
Cuando me llegó estuve un rato probándolo y me di cuenta de que como normalmente tengo varias de esas ventanas abiertas se me iba a llenar el panel inferior (donde tengo la lista de ventanas) de botones para esas ventanas. Me acordé de que Cinnamon está escrito en JS así que investigué un poco a ver si podía evitarlo, y efectivamente se puede.
Lo que hay que hacer es editar el fichero /usr/share/cinnamon/applets/window-list@cinnamon.org/applet.js, y añadir este código en la línea 1063 (después de la línea let appButton = new AppMenuButton(this, metaWindow, alert);):
if (appButton._label.text.indexOf("Developer Tools") > -1) return;
De esta forma evitamos que se incluyan en la lista de ventanas los botones correspondientes a las ventanas de las Developer Tools. Por supuesto funciona cambiando el texto por cualquier otro si queremos esconder alguna otra ventana de la lista.
Algo que me vino muy bien es tener abierta una ventana de consola con este comando:
tail -f ~/.cinnamon/glass.log
que nos permite ver el log de Cinnamon y escribir en él desde JS con la función global.log(). Para recargar el applet de la lista de ventanas ejecutamos el siguiente comando:
dbus-send --session --dest=org.Cinnamon.LookingGlass --type=method_call /org/Cinnamon/LookingGlass org.Cinnamon.LookingGlass.ReloadExtension string:'window-list@cinnamon.org' string:'APPLET'
Al final después de conseguirlo me di cuenta de que no me hacía falta todo esto. Basta con crear un nuevo panel en el segundo monitor y añadirle el applet de lista de ventanas, y los botones para las ventanas de ese monitor se muestran ahí, liberando la lista de ventanas del monitor principal.
Actualización 8/2/2018: para que las ventanas de Developer Tools se abran siempre en el nuevo monitor he instalado devilspie, un programa que nos permite definir reglas para ejecutar acciones sobre las ventanas que se vayan creando. Con este programa puedo hacer que estas ventanas (y las de la terminal, por ejemplo) se abran siempre en el monitor auxiliar, pero además este programa permite que esas ventanas no aparezcan en la lista de tareas, lo cual es justo lo que quería hacer al principio. ¡Hurra!
Copio aquí la regla, hay que tener en cuenta que el monitor auxiliar lo tengo a la izquierda del principal, por lo que sus coordenadas empiezan en 0,0.
; Regla para Chrome Developer Tools, skip_tasklist es lo que hace que no salga en la lista de ventanas ( if ( begin ( contains ( application_name ) "chrome-devtools" ) ) ( begin ( skip_tasklist ) ( geometry "600x800+0+0" ) ( maximize ) ) )
Hay un bug en Linux Mint Cinnamon 18 que hace que el sistema no reconozca el micrófono. Para solucionarlo hay que editar el fichero /usr/share/cinnamon/cinnamon-settings/modules/cs_sound.py y en la línea 607 sustituir
self.inputSelector = self.buildDeviceSelect("output", self.inputDeviceList)
por
self.inputSelector = self.buildDeviceSelect("input", self.inputDeviceList)
Para poder hacer debug desde una imagen de Mac osX de Virtualbox de una web corriendo en el Safari de un iPad el procedimiento es este:
Recientemente he instalado en un servidor el certificado SSL gratuito de Let’s Encrypt, y todo ha ido como la seda, en cinco minutos estaba funcionando.
Más tarde en la web de ese servidor he puesto un pequeño sistema de mensajería instantánea que usa Node JS y no tenía muy claro cómo indicar en las opciones SSL los certificados necesarios, así que aquí va para el futuro:
var httpOpcionesSSL =
{
key: fs.readFileSync('/etc/letsencrypt/live/MIDOMINIO/privkey.pem'),
cert: fs.readFileSync('/etc/letsencrypt/live/MIDOMINIO/fullchain.pem'),
ca: fs.readFileSync('/etc/letsencrypt/live/MIDOMINIO/chain.pem')
};
Los que tenemos un equipo con arranque dual Linux-Windows conocemos de sobra GRUB. Es un programa de arranque que nos permite escoger entre Linux o Windows al iniciar el ordenador. También sabemos que en un equipo nuevo lo ideal es instalar primero Windows y luego Linux. Esto es porque Linux es un caballero educado y detecta que hay otro sistema operativo en el arranque del equipo y automáticamente configura GRUB para que podamos escoger entre los dos.
Windows no es un caballero, pese a que cada vez me gusta más el rumbo que está tomando Microsoft con Satya Nadella, y cuando se instala no se molesta en mirar si hay algún otro sistema operativo en el arranque del equipo, borra lo que haya y pone su cargador. Por eso si reinstalamos Windows perdemos el GRUB y con ello la opción de arrancar en Linux.
Esto normalmente no supone más que una pequeña molestia y tiene una solución muy sencilla: basta con arrancar desde un Live-USB de Linux y ejecutar el programa Boot Repair, que reinstala GRUB y nos devuelve la opción de decidir el sistema operativo con el que queremos iniciar el equipo.
Pero a veces, como me pasó a mí ayer, esto no funciona. Probé con un LiveCD de Ubuntu 13.04 que tenía por ahí, con un USB de la última versión de Linux Mint y hasta con un USB con la distribución Boot Repair Disk específica para este tipo de casos, pero en todos pasaba lo mismo: después de un montón de mensajes de arranque la pantalla se quedaba en negro y no conseguía acceder a la interfaz gráfica.
Rebuscando por Google encontré este programa: EasyBCD, y fue mano de santo. Basta con ejecutarlo, pulsar el botón de añadir entrada y seleccionar la partición donde tenemos Linux. Por lo que sé este programa lo que hace es meter un cargador intermedio en Windows que nos permite seleccionar el sistema operativo a cargar, es el equivalente al GRUB pero en Windows.
Al reiniciar el equipo me apareció una pantalla para escoger entre arrancar Windows 10 y Linux; al seleccionar este último se cargó sin problemas, y ya desde ahí pude ejecutar Boot Repair. No era estrictamente necesario hacerlo, podría haber seguido usando el selector que instaló EasyBCD, pero el GRUB es mucho más rápido y carga por defecto Linux, que es lo que uso habitualmente.
Imagino que una vez instalado el GRUB se podría quitar ese cargador intermedio de EasyBCD, pero no me he atrevido a hacerlo porque tampoco entiendo del todo cómo funciona y no quiero liarla. Además, como en Windows entro solo de vez en cuando para jugar tampoco me molesta esa pantalla intermedia.
Es bueno saber que existe una forma de recuperar GRUB cuando no podemos ejecutar Boot Repair, o cuando no tenemos a mano un CD/DVD o un pincho USB para arrancar una sesión Live de Linux.