Búsqueda por Autor: Grégor González

Acerca de Grégor González

Es un experimentado programador, interesado en el mundo del internet, el aprendizaje, el diseño y la web 2.0

Minificar, comprimir código CSS

 en css / Recurso Web  Etiquetado comprimir codigo css / minifi / minificar / minified por

Como indiqué en un post anterior Minificar, comprimir código JavaScript, también podemos realizar lo mismo con los archivos css, igualmente es para reducir el tamaño de los archivos generados. Es importante cuando trabajamos con grandes archivos o librerías completas, sino tienes tantas líneas de código, no será necesario estar comprimiendo el archivo, ya que la reducción no sería muy notable. Recomiendo esta página: http://cssminifier.com/ Se encarga de convertir este código:

En este:

 

Minificar, comprimir código JavaScript 1

 en JavaScript / Recurso Web  Etiquetado comprimir codigo javascript / minifi / minificar / minified por

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 […]

Grabar pantalla como animación GIF

 en Programas  Etiquetado animacion / gif / grabar pantalla / video por

Ya existen programas para crear videos de lo que grabamos en pantalla y si los queremos en gif debemos convertirlos o utilizar programas que ya permitan generarlos. Esta aplicación tiene la conveniencia de grabarlos en gif directamente y permite editarlos de manera simple en la interfaz, podemos adaptarlo a cualquier sección de la pantalla y luego grabar al mismo tiempo que utilizamos la pc. https://screentogif.codeplex.com/

Generador de gradiente Css

 en css / Recurso Web  Etiquetado background / color fondo / css / gradiente / sass por

En esta página podemos generar todo tipo de gradientes, seleccionando cualquier color que deseemos y también genera código estándar compatible con diversos navegadores, podemos también seleccionar el tipo de código Css o Sass. Es una ventaja no tener que generar manualmente el código pero una vez comprendido resulta fácil, lo he usado bastante para crear todo tipo de backgrounds. http://www.colorzilla.com/gradient-editor/

Generador de coordenadas de imagen – Imagemap 3

 en Recurso Web  Etiquetado area / coordenadas / html / imagemap / map por

Html tiene un código especial para especificar que secciones de una imagen queremos tomar como un “área” y dicho tag contenga un enlace determinado. Nunca lo había utilizado, sabía que existía pero fue hasta hoy que lo necesitaba para un proyecto. Se trata de tomar una imagen, determinar regiones o secciones a través de coordenadas, puntos X y puntos Y para formar un área. Las áreas pueden ser una simple línea, un círculo o poly-línea generando cualquier figura. Esta técnica he visto que se usa para realizar algún menú especifico o tener un mapa real para dividir por país, estados […]

Paleta de colores planos

 en Recurso Web  Etiquetado colores / hexadecimal / html / rgb por

Esta web Flat colors UI, nos brinda varias paletas de colores planos (flat) para utilizar en cualquier diseño, ya sea con colores hexadecimales o RGB, es simple y sencilla. Es perfecta para crear las páginas web minimalistas que se basan en colores planos y combinando varios esquemas podremos generar distintos resultados. Puedes ingresar a la página a través de este enlace: http://www.flatcolorsui.com/

Tor Browser, navegación privada, segura y sobrepasa Fortinet

 en Programas  Etiquetado browser / fortinet / privado / seguro / tor por

Tor es de las herramientas más utilizadas para la navegación segura y muchas otras tecnologías, en esta ocasión hablamos del Tor browser, es un navegador completo que nos permite navegar de forma privada, segura. Lo uso principalmente para sobrepasar los filtros de un “Fortinet”, ya que la comunicación es encriptada, no es capturado por los filtros y nos permite recorrer casi todas las páginas web sin ningún inconveniente, claro que el navegador puede tardar un poco por cuestiones de la seguridad, encriptación y los múltiples Proxy que utiliza. Página Oficial: https://www.torproject.org/projects/torbrowser.html.en

Comparar archivos y carpetas con BeyondCompare

 en Programas  Etiquetado comparar / comparar archivos / comparar carpetas / utilidad por

Aunque esta no es una aplicación gratuita, mantiene una versión de pruebas de 30 días y es una herramienta muy recomendada al trabajar como programador. Se utiliza para comparar el contenido de archivos o carpetas enteras, bastante útil cuando tienes múltiples versiones de un archivo o cuando realizas cambios y deseas compararlos. Varios programas también incluyen esta visión comparativa de pantalla dividida, muchos IDE incluyen esta opción por defecto e incluso los manejadores de versiones como GIT la tienen, la diferencia es que con beyond compare es mucho más fácil y rápido compar, como es una aplicación aparte, no tienes […]

Pre visualizar imágenes antes de enviar formulario

 en JavaScript / JQuery  Etiquetado formulario / fotos / imagenes / JSFiddle / multiples archivos por

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 […]