JASoft.org

El blog de José Manuel Alarcón Aguín. Programación web y mucho más...

MENÚ - JASoft: JM Alarcón

jQuery.pan: Un plugin para jQuery, gratuito y Open Source, para hacer zoom y pan de imágenes

Hace unos días os hablaba de un plugin sencillo para jQuery que había creado que permite añadir un tooltip basado en CSS a las imágenes y otros objetos, que va siguiendo el puntero del ratón para facilitar dar información sobre éstos. Otro añadido que hice al blog al mismo tiempo fue un sistema para realizar zooms a las imágenes y que puedes comprobar en cualquiera de los artículos que tengan alguna imagen un poco más grande del espacio disponible. Esta funcionalidad se la otorga un plugin de jQuery llamado jQuery.pan. Os lo presento a continuación. [Más]

YACSSTooltip: un plugin gratuito y Open Source para crear tooltips de imágenes con jQuery

Si eres seguidor habitual de este blog, habrás notado que desde hace unos días las imágenes muestran la información de una manera más clara, en concreto utilizando un "tooltip" o capa de información que persigue al cursor y que muestra el texto asociada a la misma de una forma visible. Este tooltip es una capa especial creada con JavaScript y CSS y para que funcione así he creado un plugin gratuito y open source para jQuery que funciona con cualquiera de sus versiones y que permite generar ese tooltip para cualquier elemento que disponga de un atributo title o alt, pero que está pensado fundamentalmente para imágenes. En este post te cuento sus características, cómo ponerlo a andar y cómo personalizarlo. [Más]

Tutorial: ngrok - cómo publicar en Internet cualquier página o aplicación web que tengas en tu equipo local

Está claro que si queremos publicar un sitio o aplicación web de manera permanente debemos configurar y gestionar un servidor web, o contratar algún tipo de servicio básico (hosting) o avanzado (Cloud PaaS) para hacerlo. Pero en muchas ocasiones lo único que queremos es poder exponer temporalmente hacia el exterior de manera sencilla un desarrollo que hemos hecho y que tenemos en nuestra máquina local. Existen muchos casos en los que esto es interesante. Para suplir estas necesidades, una herramienta estupenda y cada vez más utilizada es ngrok (pronunciado "en-groc"). Como me gusta mucho y le saco mucho partido, m he decidido a crear este tutorial para que tú también puedas exprimirle toda su utilidad. ¡Allá vamos! [Más]

Velocidad de programas de almacenamiento cloud: Dropbox vs OneDrive vs Google Drive vs pCloud

El software de "disco duro en la nube" se ha convertido poco a poco en uno de los más indispensables que todos debemos utilizar. Atrás quedaron los discos duros o llaves USB para compartir archivos con otra gente, hacer backups o mantener una copia de nuestras fotos. Por no mencionar todas las cosas que nos permiten hacer a la hora de trabajar en varios equipos propios, acceder ubñicuamente a nuestros archivos, etc... A la hora de decidirte por uno o por otro hay muchas cosas que son importantes: características, capacidad de hacer otras cosas (por ejemplo con Google Drive o OneDrive tienes una completa suite ofimática también), etc. Pero una de las más importantes puede ser la velocidad. En este artículo he realizado una comparativa de los más populares y los que yo utilizo día a día con algunos resultados sorprendentes y algunas conclusiones que te ayudarán a sacarle más partido... [Más]

TRUCO: Rodear un fragmento de código con etiquetas HTML en Visual Studio Code

A la hora de escribir código, ofrece multitud de ayudas. Pero una cosa de la que carece aparentemente y se echa de menos es la posibilidad de rodear una selección con etiquetas en HTML. Por ejemplo, si tienes uno o varios elementos de lista <li> y necesitas rodearlos del preceptivo <ul> o <ol> ¿cómo lo puedes hacer? Existen varias maneras, pero aquí te cuento la que creo que es la mejor y que te permitirá ahorrar mucho tiempo a lo largo del día. [Más]

Cómo utilizar Hyper-V y VirtualBox en el mismo equipo con Windows 10

Desde hace ya unos cuantos años, para mi entorno personal mi elección para virtualizar es VirtualBox. El problema de utilizar VirtualBox (o cualquier otra solución similar) viene cuando tienes que hacer ciertos tipos de desarrollos bajo Windows. Y es que, por ejemplo, si vas a usar Xamarin con Visual Studio para crear aplicaciones móviles, o si estás trabajando con Docker sobre Windows, necesitas instalar Hyper-V, el sistema de virtualización de Microsoft. El hipervisor de Microsoft no permite que lo utilices simultáneamente con otros hipervisores (como VirtualBox), por lo que al activarlo por ejemplo debido alguno de los motivos descritos, tu VirtualBox dejará de funcionar. En este post te cuento cómo conseguir usar ambas soluciones en el mismo equipo de manera sencilla. [Más]

Nueva y útil funcionalidad en Chrome 60: identificadores de terceras empresas

En la actualidad es extremadamente raro encontrarse una página cuyo contenido esté albergado en su totalidad en el dominio original. Basta con que se use Google Analytics, un vídeo embebido de YouTube o cualquier otra utilidad de terceros (sin mencionar a las redes de anuncios), para que tengamos código HTML, CSS y JavaScript que puede salir de varios sitios de terceras empresas. Hasta ahora las herramientas del desarrollador de Chrome permitían ordenar y filtrar por dominio, pero en Chrome 60 han incorporado una funcionalidad más interesante que consiste en mostrar de manera visual, con unos identificadores (badges en inglés) de dónde vienen ciertas peticiones y códigos, cuando provienen de servicios reconocidos por el navegador. Esto nos ayuda a identificar de manera más sencilla y visual el impacto real que puede tener incluir un servicio externo en la página, tanto en tiempos y "peso" de las descargas, como en rendimiento a la hora de renderizar la página y procesar JavaScript. [Más]

Cómo instalar varias versiones de Node.js al mismo tiempo en Windows

Si programas con Node.js, es posible que necesites probar tu aplicación con varias versiones de la plataforma. Por ejemplo, si estás desarrollando con la versión actual con soporte a largo plazo (LTS) pero quieres asegurarte de que va a funcionar con las versiones más modernas y menos estables. O justo al contrario: desarrollas con la versión más actual disponible pero quieres asegurarte de que funciona con la LTS. O quieres probarlo con una más antigua que sabes que vas a tener en algunos servidores... Las razones pueden ser múltiples. En este artículo vamos a ver cómo puedes conseguir tener varias instaladas a la vez y cambiar rápidamente de una a otra. [Más]

VÍDEO: Montar Linux Bash en Windows 10 y primeros pasos

En los últimos años, con la proliferación de herramientas de desarrollo de código abierto nacidas en el mundo Linux, muchos desarrolladores creaban versiones de sus herramientas solo para sistemas basados en UNIX, como Linux o MacOS. Esto a veces dejaba fuera (o con mucho retraso) a los desarrolladores que utilizan Windows como sistema operativo principal. De hecho algunos tutoriales de herramientas de programación parten de la base de que estás usando Linux o Mac, y todas las explicaciones se ofrecen para éstos, dejando los comandos de Windows fuera y dificultando su seguimiento. Conscientes de este problema y de que Windows no estaba siendo la plataforma favorita para muchos desarrolladores, Microsoft ha incluido en Windows 10 algo impensable hace años: Linux ejecutándose dentro de Windows.Microsoft también acaba de anunciar la disponib... [Más]

Utilidades: Vigilar páginas web en busca de cambios

Una de las herramientas más interesantes que he descubierto en los últimos meses es de la que voy a hablar ahora aquí. Se trata de Visualping, una utilidad para verificar periódicamente el contenido de una página y recibir alertas cuando cambia.Lo interesante es que la comparación la hace visualmente, de modo que analiza una captura visual de la página y si hay un cambio en determinado % de los píxeles, salta la notificación. esto permite obtener alertas no solo cuando cambia un texto, sino cuando cambia un color, una imagen, o la forma de un objeto por culpa del CSS.Yo lo uso, por ejemplo, para enterarme de cuándo hay nuevas versiones de algunas aplicaciones que no tienen actualización automática ni tampoco RSS u otra forma de estar al día de los cambios.Un ejemplo paradigmático es Filezilla Server. Este excelente servidor FTP Open Source se actualiza de tarde en tarde, y generalmente cuando lo hace es porque hay algún problema de seguridad que han solucionado. Su conocidísima versión... [Más]