JASoft.org

TRUCO: Hacer "bundling" de archivos JavaScript o CSS sin necesidad de herramientas externas

TRUCO: Hacer "bundling" de archivos JavaScript o CSS sin necesidad de herramientas externas
Este es un truco rápido pero muy útil para programadores Front-End que trabajan con HTML, CSS y JavaScript.Como todo el mundo sabe (o debería saber), con HTTP 1.1 cada petición que se envía al servidor añade "peso" a la carga total de la página porque se debe abrir una nueva conexión, se deben enviar las cabeceras y recibirlas, hay un máximo de conexiones abiertas a la vez, etc... Por ello, si la página incluye por ejemplo 10 archivos .css que en conjunto pesan 250KB, su descarga va a tardar más que si descargásemos ese mismo contenido exactamente, con el mismo peso, pero en un solo archivo .css.Esto no ocurre con la nueva versión HTTP 2, pero no siempre está disponible todavía.Como en una aplicación o en una página web cada milisegundo cuenta, se suelen utilizar dos técnicas habitualmente para disminuir el efecto de tener varios archivos y disminuir su peso:"Bundling" o empaquetamiento: consiste en combinar varios archivos dentro de uno solo para que, aunque ocupen lo mismo, puedan de... [Más]

Repositorios Git privados gratuitos en VS Online - Credenciales alternativas

Repositorios Git privados gratuitos en VS Online - Credenciales alternativas
Git es un sistema de control de código fuente distribuido de gran popularidad. Ésta se debe no solo a que es un sistema objetivamente muy bueno (aunque más complejo de utilizar que otros como Subversion, si bien Git es más potente), sino también a que el proyecto GitHub lo ha hecho grande. Github es el centro neurálgico del Open Source mundial, habiendo desplazado a proyectos históricos como SourceForge y similares, y es realmente donde se "cuece" todo lo que tiene que ver con código fuente abierto. Y GitHub, como su propio nombre indica, se basa en Git.Github ofrece una serie de características interesantes por encima de Git, como son la revisión de código colaborativa, la gestión integrada de bugs o el famoso "fork" (que consiste básicamente en clonar un repositorio para jugar con él o para proponer cambios sin afectar al original). Github es gratuito para proyectos públicos (o sea, Open Source), pero si quieres mantener repositorios privados y que solo tú y tu equipo podáis acceder ... [Más]

Cómo conectarse a IIS Express desde fuera de la máquina local

Cómo conectarse a IIS Express desde fuera de la máquina local
Hace unos tres años Microsoft lanzó IISExpress, una versión ligera de su servidor Web y servidor de aplicaciones, pensada fundamentalmente para ser utilizada por parte de los desarrolladores. Hasta entonces cuando queríamos probar y depurar una aplicación web desde Visual Studio teníamos básicamente dos opciones: Usar el servidor de desarrollo integrado, conocido comúnmente como “Cassini”. El problema es que no era el servidor verdadero y había ciertas diferencias con un entorno de producción real. Además no permitía usar otras tecnologías como PHP o ASP Clásico, y a veces era necesario por que tenemos aplicaciones mixtas. Usar el propio Internet Information Server, que sí que era ya como el entorno real y no tenía ningún tipo de limitaciones. El problema es que para poder usarlo necesitas permisos de administrador y además implica configurar el ... [Más]

Activar herramientas experimentales avanzadas en Google Chrome Developer Tools

Activar herramientas experimentales avanzadas en Google Chrome Developer Tools
Si eres programador avanzado de lado cliente, con HTML5, CSS3 y JavaScript seguramente agradecerás toda la ayuda que puedas obtener a la hora de depurar y afinar tus aplicaciones. Las herramientas de desarrollo que vienen integradas con Google Chrome son una gran ayuda. En mi libro de JavaScript tengo un capítulo entero dedicado a ellas. Además de las herramientas incorporadas de serie, si quieres poder sacar partido a herramientas más avanzadas que de momento Google no tiene terminadas (están en fase experimental) puedes hacerlo de forma sencilla y sin necesidad de descargar o instalar nada. Para ello puedes seguir los siguientes pasos sencillos: 1.- Abre una nueva pestaña de Chrome y escribe chrome://flags Esto abrirá los ajustes avanzados del navegador, que nos permiten ajustar infinidad de parámetros avanzados de funcionamiento del mismo: 2.- Dentro de los ajustes disponibles busca "Enable Developer Tools Experiments" (puedes usar CTRL+F para hacerlo). Para que fu... [Más]

Utilidad: Copiar un archivo a todas las subcarpetas de cierto nombre

Utilidad: Copiar un archivo a todas las subcarpetas de cierto nombre
Ayer necesité hacer precisamente eso: tenía varias carpetas de primer nivel con una estructura de subcarpetas muy grande y llena de niveles. Dentro de éstas había una serie de carpetas -todas con el mismo nombre- en las que debía copiar un determinado archivo o, si existía, sobrescribirlo con el nuevo. Significaba revisar miles de carpetas en intrincados niveles, localizar las que se llamaban de determinada forma, y copiar dentro de éstas el archivo. Hacer algo así a mano para cada caso me hubiera llevado horas, por lo que estuve buscando la manera de automatizarlo. Primero lo intenté usando una simple línea de comandos y la instrucción FOR y también la instrucción FORFILES. Estuve bastante tiempo intentándolo, pero no fui capaz de conseguirlo :-S Así que al final invertí un rato en crear un programa de línea de comandos en C# que hiciera exactamente lo que yo necesitaba, y debería haber empezado por ahí, pues me hubiera ahorrado un precioso tiempo. El programa se llama "Copiar... [Más]

¿Usas Instapaper y Windows 8? Pues tengo una app gratis para ti

¿Usas Instapaper y Windows 8? Pues tengo una app gratis para ti
Instapaper es un sensacional servicio para los que leemos mucho en Internet. Es muy simple pero extremadamente útil: cuando estás ojeando un post en un blog, un artículo, un vídeo o cualquier otra cosa en Internet y no tienes tiempo de pararte a leerlo a fondo pulsas el botón”Read later” y automáticamente te guarda una referencia en tu cuenta de Instapaper para que lo leas con calma más tarde, cuando tengas tiempo. Yo generalmente acumulo de esta forma decenas de artículos interesantes que luego leo el fin de semana desde mi tablet. Para conseguir su “magia” Instapaper utiliza un scriptlet -es decir, un fragmento de JavaScript- que se coloca en tu barra de favoritos y cuando lo pulsas, envía la URL a la lista de leer más tarde (debes estar autenticado antes, claro). En esta figura puedes ver el scriptlet (lo he renombrado) en mi navegador de escritorio: También existen extensiones para Firefox y Chrome que permiten hacer lo mismo. Navegador en Windows 8 Con los años esta aplic... [Más]

Brackets: un editor de HTML, CSS y JavaScript muy prometedor

Brackets: un editor de HTML, CSS y JavaScript muy prometedor
Recientemente he descubierto un nuevo editor que está preparando Adobe (sí: los mismos de Flash que se han rendido a la evidencia de HTML 5) y que promete resultar muy útil para desarrollo de aplicaciones Web. Se trata de Brackets, un editor Open Source con licencia MIT que está basado en Google Chrome y ofrece algunas características interesantes para agilizar nuestros desarrollos. De momento está disponible como una aplicación de escritorio que funciona realmente con Chrome por debajo, pero se espera que pronto se pueda utilizar también directamente on-line, sin necesidad de instalar nada. Sus dos principales características en mi opinión que lo diferencian bastante de otros editores son: La posibilidad de editar en línea el código de archivos relacionados que afecta al punto del editor en el que nos encontramos. Ahora lo explico mejor. La posibilidad de ver cómo afectan los cambios que hacemos en tiempo real en una versión en ejecución de la página que estamos desarrolland... [Más]

Cómo migrar fácilmente de dasBlog a BlogEngine.NET

Cómo migrar fácilmente de dasBlog a BlogEngine.NET
NOTA 22/08/2011: La migración descrita en este artículo es valida para cualquier versión de BlogEngine superior a la 1.6, incluyendo la 2.0 y la última 2.5 que es multi-blog. Si vas a albergar varios blogs migrados debes prestar especial atención a la parte final de redirecciones. Llevo haciendo mi blog desde Junio de 2004, es decir, hace casi 7 años. Lo inicié albergándolo dentro de un proyecto llamado GolemProject que estaba auspiciado por una Universidad (craso error), por lo que enseguida murió y tuve que albergarlo yo mismo en uno de nuestros servidores. En aquel entonces (2005) el sistema de blogging más interesante que había -escrito en .NET- me pareció que era dasBlog. Lo malo es que este proyecto está abandonado. su última versión salió hace dos años -en marzo de 2009- e incluso entonces no incluía ya ni la mitad de las cosas que se le suponen a un sistema de blogging moderno, por lo que era cuestión de tiempo (y de vencer la pereza) que acabase migrando a otro sistema. Des... [Más]

Impresionante utilidad on-line para Favicons

Impresionante utilidad on-line para Favicons
Los iconos para favoritos son esos gráficos que aparecen en lapestaña del navegador y en favoritos cuando visitas una página: Hoy he descubierto de casualidad una impresionante utilidad on-line para generar iconos para Favoritos: HTML-Kit.com FavIcon from Pics Te permite subir cualquier imagen y la convierte en un Favicon de diversos tamaños, sin necesidad de instalar nada y totalmente gratuita. Hasta aquí lo normal, pues hay muchísimas utilidades parecidas por Internet. Pero esta página además te permite hacer muchas otras cosas: Favicon para iPhone/iPad/iPod, favoritos animados con un texto pudiendo elegir colores, etc..., elección de formatos, bordes,... En un minuto puedes generar verdaderas "virguerías" de iconos para favoritos, así que os lo recomiendo mucho. Por supuesto le he donado unos dólares al autor, para compensar su esfuerzo. Este tipo de cosas se hacen gratuitamente pero cuestan m... [Más]

Microsoft Free SEO Toolkit: optimiza tus webs para los buscadores

Microsoft Free SEO Toolkit: optimiza tus webs para los buscadores
Hoy en día si no apareces en las primeras posiciones en los resultados de las principales búsquedas relacionadas con tu actividad, es como si no existieras. Si analizas los logs del servidor puedes comprobar que un altísimo porcentaje del tráfico que entra en tu Web es directamente procedente de buscadores. En España, además, el cuasi-monopolio en esto lo tiene Google, por lo que casi se puede afirmar que si no apareces en Google no existes. Hay gente que no se da cuenta del verdadero poder que tienen estas herramientas de búsqueda y lo que podrían hacer si decidieran sesgar un poco sus resultados. En los últimos años se ha desarrollado ampliamente el concepto y las técnicas de SEO: Search Engine Optimization, u Optimización para Motores de Búsqueda. Existen técnicas SEO lícitas y por lo tanto aprobadas por los buscadores, y también técnicas ilícitas que pueden... [Más]

Este soy yo y este es mi blog técnico, dedicado al software y a la programación.

¡Sígueme en Twitter!

Mis otros blogs

- JM Alarcón @ campusMVP.es
Contenido técnico en español orientado a desarrolladores
- JMAlarcon.es
Blog personal no técnico: sociedad, innovación, empresa...

Krasis

- campusMVP.es:
Los mejores cursos online de programación en español

- SELF LMS:
La plataforma de elearning más potente del mercado.

Histórico