Categoría: Recurso Web


PhotoshopOpen – Editar imágenes online

Si estás en un apuro y no tienes tiempo de descargar un Photoshop o simplemente no puedes usarlo en tu pc, existe una alternativa online muy similar. Solo necesitas un navegador y tener flash activado. PhotoshopOpen  es una herramienta online para poder realizar ediciones rápidas y simples al propio estilo de Photoshop. Tiene varias herramientas muy similares que se encargan de realizar el trabajo, claro que no le podemos exigir las mismas características por ser una herramienta gratuita y online. Podemos acceder a la página oficial: http://photoshopen.blogspot.com/ Podemos cargar una imagen y comenzar a editar.   Permite usar múltiples capas, […]


Programa en cualquier lado (codeanywhere)

Si has querido trabajar en un solo sitio sin preocuparte por estar copiando los proyectos, descargando y configurando el entorno de desarrollo, codeanywhare.com es una alternativa web para desarrollar en la nube.     Brinda un IDE web dedicado a múltiples lenguajes de programación, pero no se limita a ello, crea un servidor virtual para trabajar, donde puedes acceder a la consola y realizar lo que necesites en él. Agregando un contenedor con los programas que necesites (sistema operativo, bases de datos, servidores web, etc.) y ya puedes empezar a desarrollar.     Cuando creas el contenedor, puedes indicar si […]


Minificar, comprimir código CSS

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

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


Generador de gradiente Css

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

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

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/


Crear fuente de texto – Tipografía

Existen muchas formas de crear tu propia tipografía, diferentes métodos y programas. He encontrado una forma rápida de hacerla online y sin mucho trabajo, e incluso funciona para realizarla con tu puño y letra manualmente. Esta web http://www.myscriptfont.com/ nos permite descargar un archivo como plantilla, puede ser PDF o imagen PNG, solo tenemos que llenarlo y subirlo a la web, la página nos crea la fuente en formato que seleccionemos, ya sea OTF o TTF y podremos descargarla para utilizarla. La gran ventaja que tiene es que puedes imprimir la imagen, llenarla a mano, escanearla para subirla a la web y […]


Mapa Mental Web

Últimamente he encontrado muchas páginas web para la creación de mapas mentales, aunque prefiero los programas de escritorio porque son más completos, también encuentro de utilidad utilizar alguna página para generar rápidamente un mapa. Existen muchas web con infinidad de opciones pero la mayoría son pagas por suscripción, otras por lo menos te permiten realizarlas gratis y con la posibilidad de descargarla. Las gratuitas son las que tienen mayor limitación pero realizan su propósito y es conveniente para algún momento de apuro. Pueden utilizar esta web https://www.text2mindmap.com/ para generar mapas mentales sencillos de solo texto.


Calcular el tiempo de una descarga

Esta herramienta web te permitirá calcular cuánto tiempo puede tardar una descarga. Solo debes introducir el tamaño del archivo ya sea en KB, MB, o GB. Por defecto muestra el tiempo de descarga de las velocidades más comunes utilizadas por los ISP, pero incluso puedes en la parte de abajo seleccionar la velocidad de tu conexión o realizar pruebas con cualquier velocidad. Recuerda que la velocidad también dependerá del tráfico de la red y la disponibilidad del servidor de donde realices la descarga. Explicado en este post: http://gregorgonzalez.com.ve/blog/comprobar-la-velocidad-de-internet/ Esta es la página web: http://www.download-time.com/es/