Categoría: JavaScript


Fondo con animación Css – Js

Este es un fondo animado de burbujas o partículas, utilizando css para la estructura y los gradientes, mientras que se usa enteramente javascript para realizar cálculos para la animación y generación de partículas que se esparcirán por el fondo. Es basado en canvas de html5, así que se necesita de los navegadores actuales que lo soporten. Una ventaja de hacer animaciones en javascript, es que se mantiene un estándar que soporta varios navegadores, en cambio sí usaran ccs3, estaría limitado a los navegadores que lo soporten. Sin importar que tecnología utilicen, las animaciones generadas de esta manera tienden a ser […]


Minificar, comprimir código JavaScript 1

Tal vez hayas descargado alguna librería que se compone de varios archivos, una versión compilada o de prueba y una versión pequeña para “producción”. Estas versiones se generan comúnmente con un nombre que lo relaciona: “jquery.min.js”, se usan para reducir el peso de las grandes librerías y de esta manera hacer que carguen más rápido en las páginas, muy conveniente cuando utilizas muchos componentes. Existen varias páginas que se encargan de hace esta compresión de código fuente, se trata de eliminar cada carácter no necesario, espacios, saltos de línea, comentarios del código y reduciendo considerablemente el tamaño del archivo. Esto […]


Pre visualizar imágenes antes de enviar formulario

El siguiente código JQuery, muestra las imágenes que intentas cargar a través de un formulario. Comúnmente el proceso completo seria utilizar un iframe, cargar la imagen al servidor y luego mostrarla, pero para evitarnos la carga de archivos y más sino sabemos si el usuario va a enviar el formulario, podemos utilizar este código Javasript/JQuery para pre visualizar las fotos antes del envío, cargando la imagen actual del disco y dejando libre el lado del servidor. Usa una base para cargar múltiples archivos en el formulario, por lo tanto solo toca realizar la parte del servidor para guardarlas. Puedes ver […]


Código de caracteres JavaScript

Si trabajas con eventos de javascript puedes capturar las teclas que presiona un usuario cuando escribe en su teclado. Al capturar este evento podemos asignarle alguna acción, pero para saber que tecla se presionó debemos obtener el código de dicha tecla, en este caso cada tecla pertenece a un número, este número puede variar en cada navegador o versión del navegador. En la página http://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes encontrarás el listado con todos los códigos y un formulario para probar la capturación de teclas.   Puedes obtener el código completo y probarlo en este jsfiddle http://jsfiddle.net/ENSASKE/Lqt8ne37/ Si se hace más cómodo, también lo […]