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]

Cómo abrir archivos .rdlc con Visual Studio 2017

Los archivos con extensión .rdlc son archivos de informes creados por Visual Studio y contienen la definición de un informe. Gracias a estos archivos y a los visores de informes para Windows Forms y Web Forms era muy sencillo crear y desplegar informes en nuestras aplicaciones. Antiguamente, a partir de Visual Studio 2005, se incluía de serie con Visual Studio un diseñador para este tipo de informes, pero posteriormente, desde VS2013, se dejó de incluir por defecto este diseñador. En VS2013 y VS2015 llegaba con editar la instalación de Visual Studio y elegir la opción de instalar las herramientas de datos de SQL Server (que no se instalaban por defecto) para volver a tenerlo disponible. Sin embargo en Visual Studio 2017 no viene incluido en el paquete de manera alguna. Te cometo cómo editarlos con VS2017 y como solucionar un problema que dan cuando los vas a grabar. [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]

Acceso visual a tareas de npm desde Visual Studio Code

La actualización 1.23 de Abril de 2018 de Visual Studio Code trae muchos detalles interesantes, pero hay uno que me ha llamado especialmente la atención: la posibilidad de tener una lista en el lateral con todas las tareas definidas en el archivo package.json de Node.js (tareas de npm). Esto da un plus de comodidad a trabajar con Node.js y con herramientas de desarrollo Front-End (como Webpack, por ejemplo). Por defecto esta característica viene desactivada. Vamos a ver cómo activarla y empezar a sacarle partido. [Más]

TRUCO: Cómo añadir nuevos tipos de archivo a Visual Studio Code

Hace ya bastante tiempo que tengo claro que mi editor de código favorito es Visual Studio Code. Es ágil, gratuito, multi-plataforma, abarca casi cualquier cosa que puedas necesitar y lo que no lo tienes con extensiones. en este post vamos a aprender a extender el editor para incluir nuestros propios tipos de archivo y que funcionen de la misma manera que si fuesen nativos. Además aprenderemos también a hacer que ciertos archivos concretos de un proyecto utilicen variantes de un lenguaje para que el editor se comporte mejor con ellos, dotándolos de gran flexibilidad. [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]

Minimizar y ofuscar JavaScript desde el menú contextual del Explorador de Windows

En este artículo vemos la manera de poder utilizar Uglify-JS para poder minimizar y también ofuscar el código fuente JavaScript, tanto desde la línea de comandos, como de manera mucho más cómoda usando un menú contextual desde el explorador de archivos de Windows, solo cuando lo pulses con la tecla de mayúsculas apretada, para que no moleste en el día a día. Además de explicar cómo montarlo "a mano", también se entrega un archivo para incorporar esta opción automáticamente. [Más]

La manera correcta de actualizar npm en Windows

npm, el gestor de paquetes de Node.js, se ha convertido con el tiempo en una herramienta absolutamente indispensable para cualquier desarrollador Web, especialmente para desarrolladores Front-End y, obviamente, para los que usen Node.js para el backend. A través de este gestor de paquetes y automatizador de scripts es posible instalar todo tipo de utilidades y herramientas, y es la base del tooling moderno utilizado para desarrollar (desde minimizar archivos hasta crear complejos procesos de automatización y bundling). El problema es que actualizarlo en Window siempre ha sido bastante problemático debido a la idiosincrasia de las rutas globales en este sistema operativo. Si quieres saber cómo actualizar npm sin problemas, sigue leyendo... [Más]