Archivo de la etiqueta: diseño web

Reduce en lote el tamaño de tus imágenes con XnConvert y más

Cuando trabajamos con una buena cantidad de fotos, y éstas van a ir a parar a la web, nos encontramos con un problema. No se pueden subir las imágenes a nuestro sitio sin antes optimizarlas, es una regla fundamental, especialmente si la imagen no proviene de Internet, donde lo más probable es que el propietario ya la haya optimizado. Si la foto que vamos a subir es de una cámara digital es fundamental optimizarlas, sino el sitio va a cargar lento, y el consumo de banda ancha del servidor va a ser excesivo.

Sigue leyendo Reduce en lote el tamaño de tus imágenes con XnConvert y más

Infografía de un Diseño Web Efectivo

La infografía que traigo hoy muestra las claves para que la anatomía de un sitio web sea la correcta. Las claves para que nuestro diseño no espante al usuario son varias, de las más importantes es no exagerar o sobre-producir el diseño, muchas veces una interfaz minimalista dará mejores resultados que una página llena de chirimbolos y colores fuertes.

Sigue leyendo Infografía de un Diseño Web Efectivo

Increíbles Diseños Web Parallax

El efecto Parallax nos permite diseñar sitios web que llaman mucho la atención de nuestros visitantes. Se trata de un estilo de diseño que afecta como las diferentes capas de nuestro sitio web se mueven al realizar scroll, por lo que se crea una especie de animación muy interesante. No podría decir la dificultad que conlleva realizar este tipo de diseño por que no he realizado ninguno ni e incursionado en los métodos para realizarlos, pero calculo que para llegar al nivel que tienen algunos de los que expongo más adelante hay que esforzarse bastante.

Sigue leyendo Increíbles Diseños Web Parallax

Iconos y Vectores de Navidad para diseño web

Hoy traigo unos iconos y vectores con tema navideño, lamentablemente un poco tarde, ya que se suele ambientar la web bastante antes de la fechas, de todas formas tiene su utilidad. Se trata de múltiples archivos en variados formatos, lamentablemente para mí que uso Linux, la mayor parte tiene formatos para las famosas herramientas de Adobe, .PSD, .AI, .EPS, aunque también hay algunos con formato .PNG y .PDF.

christmas_icon_set

Sigue leyendo Iconos y Vectores de Navidad para diseño web

Prototipado Web con la herramienta Wires

Cada vez hay más herramientas web disponibles para ayudarnos a diseñar nuestras webs, en este caso se trata de una herramienta que nos ayuda a crear el diseño de nuestra web de manera gráfica y que tiene como objetivo básico sacarnos el lápiz y papel al que muchos estamos acostumbrados. De esta manera podemos diseñar como se verá nuestro sitio o el de nuestro cliente, antes de empezar a programar. Esto es fundamental cuando nuestro cliente no tiene claro el diseño, ya que mediante la función Compartir podemos mostrarle la idea y solo si esta conforme comenzamos a trabajar, así nos ahorramos los dolores de cabeza.

Sigue leyendo Prototipado Web con la herramienta Wires

Editor Bluefish (IDE)

Bluefish es un poderoso editor pensado para programadores y diseñadores web que cuenta con varias funcionalidades estándar en este tipo de programas. Para aquellos que se inician en la programación orientada a la web Bluefish es un poco difícil porque no posee una interfaz gráfica que ayude a diseñar al estilo de DW o Quanta, sin embargo si ya pasamos la barrera donde para diseñar una página necesitábamos ayuda gráfica (o pretendemos hacerlo) Bluefish es básicamente todo lo que necesitamos para el trabajo. Entre los lenguajes de programación que maneja Bluefish están el html, php, javascript, phyton, ruby, css, perl, java entre otros cuantos, y cabe destacar que cada lenguaje tiene un esquema de colores propios y que son modificables. También cuenta con un sistema de auto-completado y cierre automático de paréntesis para varios de los lenguajes soportados.

Sigue leyendo Editor Bluefish (IDE)