Archivo de la categoría: Software

Abandonando Firefox como herramienta de desarrollo web

[software] [programación]

He usado Firefox desde que salió allá en 2002 con el nombre de Phoenix. Fue un gran alivio poder darle la patada a Internet Explorer, y Firefox se ganó mi confianza con su seguridad y nuevas funcionalidades. No consigo recordar como inspeccionaba los elementos en mis inicios como desarrollador de aplicaciones web, pero recuerdo claramente el día en que alguien me enseño el Firebug en funcionamiento, y supuso una revolución para mi.

Desde entonces, el tandem Firefox + Firebug ha constituido los cimientos sobre los que he asentado todo mi desarrollo web. Mucha gente pasó a usar Chrome según sus herramientas de desarrollo fueron evolucionando, pero a día de hoy sigo pensando que nada ha conseguido alcanzar el nivel de Firebug a la hora de trabajar con elementos y sus estilos.

Tristemente el cambio de Firefox a utilizar multiples procesos (Electrolysis o e10) ha resultado en que Firebug haya dejado de funcionar en las últimas versiones. Esto se sabía que iba a ocurrir desde hace tiempo y el equipo del Firebug ha estado trabajando para integrar su funcionalidad en las herramientas para desarrolladores de Firefox, pero lo que tenemos actualmente todavía dista mucho de la fluidez del original.

La gota que ha colmado el vaso es el pobre rendimiento actual. No solo son las herramientas increíblemente lentas al seleccionar y editar elementos y estilos, si no que además ralentizan tremendamente la carga de la página. Como podéis ver en las capturas, abriendo la misma página en Chrome y Firefox con las herramientas de desarrollo abiertas, Chrome tarda apenas unos 2 segundos, mientras que Firefox tarda más de 9 segundos en cargar. La diferencia es simplemente abismal y rompe por completo mi flujo de trabajo.

Tiempo de carga en Chrome con las herramientas abiertas
Tiempo de carga en Firefox con las herramientas abiertas

Así pues, tras 15 años de uso continuo del Firefox, he decidido abandonarlo en favor del Chrome, lo cual no ha sido una decisión fácil para mi. Mi esperanza es que con el tiempo vayan mejorando el rendimientos, pero también lo hará Chrome con sus herramientas, por lo que van a tener que hacer un esfuerzo extra para ponerse a la altura.

Como jugar al Medieval Total War en un Mac

[mac] [software] [videojuegos]

Medieval Total War corriendo en un Mac

No hay duda alguna que el Medieval Total War es uno de mis juegos favoritos. Cuando lo descubrí, lo jugué hasta la saciedad. Pero de vez en cuando, tal vez pasados uno o dos años desde que lo jugué por última vez, me vuelven a entrar ganas de jugarlo, y siempre encuentro maneras de hacer que las partidas sean más difíciles e interesantes para mi.

El problema es que desde hace unos años trabajo en Mac, y no tengo un PC donde instalar y jugar el juego. Como es un juego que no requiere gran cosa gráficamente, desde hace un tiempo le he estado dando vueltas a la idea de intentar jugar en una máquina virtual. Por fin hace unas semanas, me decidí ha hacer pruebas con distintas máquinas virtuales y sistemas operativos y estos son los resultados.

VirtualBox 5.1 + Windows 7: El juego se instala correctamente, pero nada más arrancar, se cierra y vuelve al escritorio.

VirtualBox 5.1 + Windows XP SP3: Al igual que con Windows 7, se instala correctamente, pero se cuelga nada más arrancar.

VMware Fusion 8.1.1 + Windows 7: El juego se instala correctamente, y arranca sin problemas. Inicié una partida y pude jugar un par de horas sin problemas. Pero llegó a un punto en el que al finalizar un turno, se cerró y volvió al escritorio. Cualquier intento de volver a cargar esa partida, hacía que al final de ese turno se cerrara el juego. Inicié otra partida y en apenas unos 15 minutos se volvió a dar la misma situación.

VMware Fusion 8.1.1 + Windows XP SP3: ¡Tenemos un ganador! Se instala sin problemas y es completamente jugable. Llevo jugadas más de 10 horas sin ningún problema. Si surge algún problema en el futuro actualizaré esta entrada.

Todas las pruebas se han realizado instalando las herramientas de las distintas máquinas virtuales para juegos 3D y habilitando las opciones de aceleración 3D. Sería ideal que en futuras versiones de VirtualBox solucionaran estos problemas y fuese jugable.

Upload single file to FTP with PhpStorm

[programming] [software]

To upload a single file to the FTP, or a group of files, this is what you have to do. Go to:

Tools -> Deployment -> Configuration...

Press the plus + to add a new configuration. Give it a name and select its type. Fill then all the info for the connection.

When finished, press the test button to check if the configuration is correct, and then go to the Mappings tab to see if all paths are filled.

You can then select a file in the project browser, and click on it with the secondary button to do:

Deployment -> Upload to <server name>

Subir ficheros al FTP de manera individual con PhpStorm

[programación] [software]

Para poder subir ficheros al FTP con PhpStorm, tanto de manera individual como en grupo, esto es lo que tenemos que hacer. Vamos a:

Tools -> Deployment -> Configuration...

Pinchamos sobre el más + para añadir una nueva configuración. Le damos nombre y seleccionamos el tipo, y a continuación introducimos todos los datos de la conexión.

Pinchamos en el botón para comprobar que la configuración es correcta y revisamos que en la pestaña de Mappings tenemos todas las rutas introducidas.

Después en el explorador de ficheros, podemos pinchar sobre uno con el botón derecho y hacer:

Deployment -> Upload to <nombre del servidor>

Extensiones imprescindibles para Firefox

[internet] [software]

Estoy seguro que esta lista crecerá con el tiempo, pero por el momento estas son las extensiones que han pasado a ser imprescindibles en mi uso del Firefox:

Adblock Plus

Francamente, me resultaría muy difícil tener que volver a navegar sin esta excelente extensión bloqueando toda la publicidad de internet.

Firebug

Otra extensión que me resulta imprescindible, en esta ocasión para la creación de páginas web. Los navegadores están incorporando mejores herramientas para desarrolladores, pero por el momento Firebug sigue siendo la herramienta más versátil y fácil de usar.

Web Developer

Otra excelente herramienta para desarrollar webs, en esta ocasión con una gran variedad de utilidades para redimensionar, medir tamaños, limpiar caché/cookies, etc.

Stylish

Ya he hablado con anterioridad de Stylish, y es que esta sencilla extensión te permite modificar por completo el aspecto de cualquier página web para adecuarlo a tus gustos y necesidades. Eso unido a la gran variedad de temas existentes te permite ver las páginas a tu manera.

Brief

Este lo he empezado a usar hace poco, y se ha vuelto rápidamente en un imprescindible. Básicamente te avisa cuando hay algo nuevo en las webs que tengan RSS y las añadas a marcadores. Al menos me ha quitado el impulso de recorrer todas las webs buscando algo nuevo. Entre Brief y Twitter, casi todas las novedades me llegan automáticamente.

BlockSite

Esta extensión te permite bloquear una web para que ya no sea accesible. En ocasiones detecto que una web me está consumiendo más tiempo del que debería, sobre todo webs chorras, así que las voy añadiendo a la lista de bloqueadas para recordarme a mi mismo que debería estar haciendo otras cosas más productivas… 😛

Crear un diagrama de secuencia con WhiteStarUML

[software]

Esto es en realidad una chorrada, pero no había manera de encontrar como hacer esto en las instrucciones del programa. Estas instrucciones también funcionan con el original StarUML. En realidad he estado usando un poco los dos y no he visto mucha diferencia entre uno y otro.

  1. Lanzamos WhiteStarUML.
  2. Seleccionamos Default Approach.
  3. Si no tenemos el Model Explorer abierto, vamos a View->Model Explorer.
  4. Expandimos el árbol en el Model Explorer y hacemos doble click sobre el modelo que vamos a utilizar. En mi caso será el Use Case Model.
  5. Presionamos el botón derecho del ratón sobre <> Use Case Model y vamos a Add Diagram->Sequence Diagram.

Ahora en el Toolbox de la izquierda tendremos las herramientas para el diagrama de secuencia.

BONUS! ¿Como añadir un actor a un diagrama de secuencia?

Al añadir las herramientas del diagrama de secuencia en el Toolbox desaparecen las del Case Model. Para añadir un objeto que no esté en el menú, presionamos el botón derecho del ratón sobre <> Use Case Model y vamos a Add->Actor o cualquier otro de los objetos que se ofrecen.

Oscureciendo las aplicaciones

[software]

Continuo intentando oscurecer el monitor del ordenador, esta vez con las aplicaciones, y especialmente las que uso para programar, que son las que más horas me consumen.

Eclipse

Eclipse Color Themes Plugin es un plugin muy interesante que te permite cambiar el estilo del área de edición. No solo eso, sino que su web sirve como lugar donde descargarse una gran variedad de temas de distintos colores. Actualmente he probado unos cuantos, pero todavía no me decido por ninguno, aunque Sunburst me está gustando bastante.

El problema es que solo cambia el área de edición, pero el resto del interfaz sigue siendo demasiado brillante. Por suerte tenemos Dark Juno, que es un tema oscuro para la interfaz. Tiene algunos fallitos, pero son totalmente soportables a cambio de descansar la vista.

Eclipse con Dark Juno y Sunburst aplicados

Netbeans

Dark Nimbus Theme es un plugin para Netbeans que oscurece la interfaz de Netbeans. Las instrucciones no son muy claras, así que estos son los pasos a seguir:

  1. Descargamos el plugin.
  2. En Netbeans vamos a Tools -> Plugins -> Downloaded -> Add Plugins…
  3. Seleccionamos el fichero descargado y seguimos las instrucciones de instalación.
  4. Cerramos Netbeans y abrimos el fichero /etc/netbeans.conf en la carpeta donde está Netbeans instalado.
  5. Buscamos la línea que empieza por netbeans_default_options y al final, antes de las comillas, añadimos –laf Nimbus. Debe quedar algo así:
    netbeans_default_options="-J-client [...] --laf Nimbus"
  6. Arrancamos el Netbeans y el plugin debería estar funcionando. Vamos a Tools -> Options -> Fonts & Colors.
  7. En Profile seleccionamos Norway Today.

En realidad podemos seleccionar cualquier otro Profile, pero Norway Today usa colores similares a Dark Nimbus y funcionan muy bien juntos.

NetBeans con Dark Nimbus y Norway Today aplicados

uTorrent

Black uTorrent Skin: Fácil de instalar y bastante resultón. Tiene un par de fallos, como que no cambie el fondo de la barra lateral, por lo que hay que ocultarla con F7 para que no moleste, y estaría bien que las partes en gris también se modificaran, pero imagino que el programa no da la opción de cambiar el color de esas partes.

uTorrent con Black uTorrent Skin aplicado

Adaptar manga para el Sony Reader PRS-T1

[gadgets] [software]

Hace ya un tiempo que llevaba queriendo comprarme un lector de libros electrónicos. Entre unas cosas y otras lo he ido postergando y por fin me decidí hace unas semanas. La duda estaba entre el Kindle y el Sony Reader PRS-T1. Si hubiese sido solo para leer libros, me habría comprado el Kindle, pero teniendo en cuenta que también lo quería para leer manga, el Kindle tiene un fallo vital, y es que sus 2 GB de almacenamiento dan para pocos mangas, mientras que el T1 tiene una ranura para micro-SD y con los 32 GB que le he metido ya se puede funcionar en condiciones.

Así que estas semanas he estado haciendo pruebas para ver cual es la mejor manera de meter los mangas. Estos son los pasos que estoy siguiendo ahora:

  1. Eliminar páginas innecesarias.
    En esta categoría entran muchas cosas, como por ejemplo las páginas de créditos de los equipos de traducción, páginas en blanco, páginas extra que no están traducidas, páginas a color que también tienen versión en blanco y negro, etc.
    Para ayudarme uso el programa VisiPics. De los programas de búsqueda de imágenes duplicadas, es el que mejores resultados me ha dado. Poniendo el filtro en “Loose” encuentra la gran mayoría de las páginas a eliminar.

  2. Dividimos el manga en grupos de tomos.
    Esto dependerá del manga. Por ejemplo, un manga que esté acabado y sean 7 tomos, los podemos meter todos en un único paquete. Pero para mangas más largos, o que aun se están publicando, yo he decidido dividirlos en 5 tomos por paquete. Esto lo hace mucho más manejable para los siguientes pasos, así como hacer que el lector lo abra más rápido. También es más fácil de actualizar si cada 5 nuevos volumenes creamos un nuevo paquete, que intentar actualizar un paquete que contenga todos los tomos. Por tanto, metemos el contenido de 5 tomos en una carpeta. Es importante que las imágenes queden ordenadas por nombre, para que después se puedan leer en orden correcto. Con la “Vista en miniatura” del explorador podemos dar un último vistazo por si se ha escapado alguna imagen que no queramos en el paquete.

  3. Cortamos las imágenes de doble página en dos páginas individuales.
    Hacemos esto porque más adelante estas imágenes pasarán a estar apaisadas. El problema es que si hay algo de texto en la imagen, pasará a ser diminuto y en ocasiones será ilegible. Para ello he hecho un pequeño programita en JAVA que buscará todas las imágenes de doble página y creará dos imágenes adicionales, con las dos mitades. Así podemos disfrutar de la vista panorámica, así como poder leer el texto en las nuevas imágenes creadas. Podéis descargar el programa de aquí.

  4. Usamos el mangle4reader para crear el paquete CBZ.
    Mangle es un programita increíble. Su uso original es el de convertir Manga para Kindle (de ahí su nombre), reduciendo el tamaño de las imágenes y convirtiendo la paleta de colores a la del Kindle. La alternativa sería hacer este paso con el Calibre, pero Mangle consigue una mejor calidad de imagen y con la mitad del tamaño que da Calibre. El inconveniente del Mangle es que saca las imágenes a una resolución de 600×800, pero para el Reader necesito una resolución de 584×754. Si no le damos este tamaño, Calibre después hará su propia conversión, con la consecuente pérdida de calidad y el doble del tamaño. Por ello he realizado unas modificaciones al Mangle, rebautizandolo como mangle4reader, para que nos de la resolución necesaria para el Reader. Te puedes bajar el código aquí. Por el momento no he conseguido hacer un ejecutable, por lo que hay que tener Python instalado para que funcione. Tenéis las instrucciones en la web del Mangle. En cuanto a las opciones del mangle4reader, yo las dejo como vienen por defecto.

  5. Añadir el libro a Calibre y convertirlo a epub.
    Una vez lo tenemos añadido, editamos sus metadatos. Al ser un grupo de volúmenes dentro de un manga mayor, el nombre que le suelo dar es “El manga que sea – Volúmenes del 01 al 05”. Añadimos también el autor, y por último en “serie” ponemos “El manga que sea” e indicamos que número es. Del 1-5 será el 1, del 6-10 será el 2, etc. Esto es muy útil porque después en el Reader podemos navegar por colecciones y accedemos muy rápidamente a un grupo de volumenes en concreto. También debemos indicar cual queremos que sea la portada. Yo suelo usar la del primer tomo dentro del grupo (1, 6, 11, …).

A la hora de convertir, estas son las opciones que debemos marcar:

Table of contents

  • Do not add detected chapters to the Table of Contents

Comic Input

  • Disable  comic processing (Ya se ha encargado el Mangle de esto)
  • Don’t add links to pages to the Table of Contents for CBC files

Epub output

  • Preserve cover aspect ratio

Le damos a OK y a esperar. Suele tardar unos 5-7 minutos. Por último enviamos el epub al Reader, ¡y a disfrutar del manga en cualquier parte!

Larga vida al FreeFileSync

[software]

Cuando pensaba que ya lo tenía todo resuelto para las tareas de sincronización, el Allway Sync me ha dejado tirado. Al parecer la cláusula no es que se puedan sincronizar 40,000 archivos al mes, que serían más que suficientes, si no que lo que se tiene en cuenta son los archivos procesados, lo cual hace que el programa en su versión gratuita sea completamente inútil incluso en el ámbito doméstico. Por tanto, debo retractarme de lo dicho en el anterior artículo y retirar mi recomendación para Allway Sync.

Buscando como sustituir la funcionalidad del Allway Sync, he descubierto que puedo realizar la misma tarea con el FreeFileSync. Ya sabía que se podían hacer trabajos Batch para lanzar tareas preconfiguradas, pero pensaba que se debía crear un trabajo para cada dupla de carpetas a sincronizar. Sin embargo me he dado cuenta que se pueden sincronizar múltiples parejas de carpetas en una única tarea. No se si siempre ha estado ahí la opción, o si se ha introducido en alguna de las últimas versiones, pero me va de perlas.

La primera sincronización es la más larga, al tener que transferir todos los archivos, pero además tuve un problema añadido, que fue que empezó a analizar cada uno de los ficheros mostrando el mensaje “Enconding extended time information”. Después de 5 horas de sincronización, y viendo que aun le quedaba mucho por hacer, empecé a investigar que estaba pasando, y por lo que pude deducir de esta conversación en sus foros, se debe a que los dispositivos con sistema FAT codifican la fecha de modificación de manera distinta a NTFS. La solución fue formatear la memoria USB con el sistema NTFS siguiendo estos pasos y eso aceleró la sincronización que pasó a tardar solo 2 horas. Ahora cada sincronización incremental tarda alrededor de 5 minutos.

Concluyendo, el Allway Sync en su versión gratuita es un software completamente inútil, y cada día me gusta más el FreeFileSync.

Herramientas de sincronización

[software]

Desde hace unos años estoy concienciado de que es necesario tener una copia de seguridad de todos mis ficheros. Lo ideal sería tener una configuración de RAID 1, pero siendo que no todos los ordenadores lo permiten por defecto, y que ya tenía un disco duro externo lo suficientemente grande como hacer una copia completa del disco duro del ordenador, me decanté por buscar algún programa que me permitiera realizar mis copias de seguridad.

Estos son algunos de los que he probado y mi opinión sobre ellos:

Synkron (Windows, Linux, Mac)

Este fue el primero que utilicé, y hacía bien su trabajo. Sin embargo era tal vez demasiado complejo de usar. Sus menús de opciones eran terroríficos, y algunas opciones, si quedaban seleccionadas, podían resultar en el borrado de ficheros en el disco duro original. Esto unido a que los textos de las opciones no eran demasiado autoexplicativos, hacía que sincronizar diera un poco de miedo por si se perdía algo.

Por estas razones, no recomendaría este programa… sin embargo, mirando su web, parece que le han dado un lavado de cara, por lo que tal vez el apartado de opciones también esté mejor organizado. Tal vez le de una oportunidad más adelante.

FreeFileSync (Windows, Linux, Mac)

Esta fue la alternativa que encontré al Synkron. Más rápido y sencillo de usar, me pareció la opción perfecta para sincronizar grandes volúmenes de datos. Es decir, que lo uso principalmente cuando quiero sincronizar todo un disco duro. Si tengo que sacarle alguna pega, es que no me acaban de gustar sus opciones de creación de tareas, por lo que tuve que seguir buscando un programa que cumpliera mis requisitos….

Allway Sync (Windows)

… y encontré el Allway Sync. Empecemos por los inconvenientes. Es un programa de código cerrado, la versión gratuita está limitada a una transferencia de 40,000 ficheros al mes, y la sincronización de los archivos es extremadamente lenta. ¿Entonces por que lo uso? Porque su sistema de tareas es el mejor que he encontrado. Debido a la limitación de ficheros y la lenta velocidad, no lo uso para grandes sincronizaciones (para eso uso el FreeFileSync), pero es el programa perfecto para sincronizar a diario aquellas carpetas que suelo modificar en un día de trabajo. Solo tengo que crear una tarea para cada carpeta que quiero sincronizar, y al final del día, abro el programa y le doy a “Sincronizar todo”. No quiero entrar en detalle, pero la cantidad de opciones que tiene es abrumadora, desde filtros como la cantidad de lugares de sincronización (ftp, dropbox, etc…). Muy recomendable!

Mi opinión sobre este software ha cambiado radicalmente. Puedes leer más en el siguiente artículo.

Sync Butler (Windows)

Tiene algunas ideas interesantes, pero su pésima interfaz y falta de opciones de planificación lo convierten en una pobre opción.