Box of bundles: Lote mensual de recursos gratuitos para diseñadores.

Últimamente los bundles se están poniendo de moda, pues suelen venir asociados a buenas ofertas de lotes de productos. En este caso se trata de un curioso lote de recursos para diseñadores gráficos que tiene varias peculiaridades. Para empezar es gratuito y prometen sacar una versión nueva cada mes con interesantes novedades. Además, es un proyecto colaborativo, es decir, cualquiera puede aportar recursos para añadir al siguiente lote.

En este primer bundle encontramos muchos contenidos que nos pueden ser útiles, desde diseños para botones, menús e interfaces de reproductores de vídeo, hasta varias plantillas para crear boletines informativos para correo electrónico, pasando por muchos recursos gráficos en formato PSD como iconos o fondos.

Este es el sitio web del proyecto: boxofbundles.com

Solo quedan 3 días para descargar el primer lote, así que si os interesa no esperéis.

Aunque algo que no me queda claro es bajo que licencia se distribuye el contenido, presupongo que al ser un proyecto colaborativo no habrá problema en darle cualquier uso personal o comercial. Pero es algo que deberían especificar en su web.

(más…)

20 herramientas para llenar maquetaciones con texto y fotos

Cuando se hace un nuevo diseño de un sitio web o de una publicación impresa acabamos llenándolo de texto e imágenes de prueba, ya sea para ver nosotros mismos como queda o para enseñárselo al cliente. Muchos programas ya incluyen el típico “lorem ipsu“, todo un clásico de la maquetación impresa, otras veces aporreamos el teclado hasta generar un texto aleatorio, con las fotos pues toca abrir nuestro editor favorito y generar alguna del tamaño que buscamos.

Por suerte existen alternativas, herramientas online que generan de forma sencilla textos e imágenes de relleno. Las hay que buscar probar todas las etiquetas HTML, otras sacarnos una sonrisa con los textos o llenar nuestros diseños de tiernos gatitos. Pero siempre es útil tener una lista a mano.

Empezamos con los textos:

lipsum.com: El clásico “lorem ipsu”, podemos elegir la cantidad de párrafos, palabras, bytes o listas que debe ocupar el texto.

quijotipsum.com: La única que ofrece un texto en español sacado de El Quijote, podemos seleccionar solo el número de párrafos.

chrisvalleskey.com/fillerama/: Saca textos de series conocidas como Futurama o Dexter, entre otras. Podemos elegir cuantos párrafos y si incluye cabeceras y listas HTML. (más…)

3 herramientas online para optimizar tu sitio web.

Analiza tu sitio web

Una lista de potentes herramientas online que nos permiten analizar múltiples aspectos de un sitio web, lo que nos puede servir para localizar fallos que no conocemos y encontrar soluciones:

Optimización SEO

Web SEO Analytics nos permite tener de forma rápida una visión global del éxito de nuestro sitio web. Nos ofrece desde datos sobre nuestro hosting y dominio, hasta la repercusión que tenemos dentro de las principales redes sociales. Por supuesto también nos hace un resumen de como estamos indexados dentro de los principales buscados y los directorios más importantes, así como las palabras que tienen mayor relevancia de nuestra web y los enlaces que recibimos desde paginas externas. Muy útil y completo.

webseoanalytics.com

Análisis de rendimiento

Un sitio web excesivamente lento puede hacer que perdamos muchas visitas y aunque ya tengamos uno rápido siempre hay margen para mejorar. La mayor virtud de GTmetrix es que combina las 2 mejores herramientas para analizar el rendimiento de una página web (Google Page Speed y Yahoo! YSlow), lo que nos da 2 puntuaciones diferentes y una cantidad de datos enorme sobre como acelerar la velocidad de carga. Trata desde temas tan básicos como la compresión de imágenes o el no incrustar CSS y Javascript dentro de los archivos HTML. Hasta otros más avanzados como optimizar la configuración de nuestro servidor o mejorar la forma en que los navegadores hacen cache de nuestros archivos. Muy practico, pues nos evita instalar varias extensiones en nuestro navegador para analizar el rendimiento.

gtmetrix.com

Comprobar la legibilidad del texto

A veces por cuestiones de diseño acabamos usando texto y fondos de diferentes colores, que no siempre serán fáciles de leer para todas las personas. Gracias a esta herramienta detectaremos fácilmente áreas de texto que cansarían demasiado a nuestros visitantes o supondrían un problema para gente con problemas de visión. Muy importante, pues recordemos que el contenido es lo más importante.

checkmycolours.com

¿Conoces otra herramienta que merezca estar en esta lista? (más…)

Redirige los navegadores móviles a otra versión de tu web.

Detect Mobile Browser

Cada vez los teléfonos móviles tienen más importancia en el diseño web, si hace unos años casi nadie usaba Internet desde el móvil, hoy día es un sector con un enorme crecimiento gracias a modelos como el iPhone o los nuevos Android. Eso nos plantea un problema, pues es difícil crear un sitio web que sea valido tanto para resoluciones de ordenador, como para las pequeñas pantallas de los dispositivos móviles. Y si creamos 2 versiones alternativas nos surgirá otra duda, ¿cómo filtramos a los usuarios según el dispositivo desde el que accedan?

Una respuesta a ese problema nos la da el proyecto Detect Mobile Browser que facilita código libre en diferentes lenguajes de programación (Apache .htaccess, ASP, ColdFusion, JSP, Javascript, PHP, Python y Rails) para redirigir a los usuarios de navegadores móviles a una versión especial de nuestro sitio web, que previamente hayamos adaptado.

El código es simple y claro, por lo que no nos supondrá demasiado esfuerzo integrarlo en nuestros proyectos. Además, usa una lista de navegadores bastante completa y actualizada.

También nos ofrece otra alternativa, crear direcciones basadas en su propio dominio que  filtraran a los visitantes según su navegador. Yo no le encuentro demasiada utilidad, quien querría compartir una dirección como esta:

http://detectmobilebrowser.com/www.dglibre.com|www.dglibre.com/mv

No solo resulta excesivamente largo, sino que afectaría gravemente a nuestro SEO. (más…)

Cursos gratis de diseño gráfico con Gimp, Inkscape y Blender.

En este blog ya he publicado información sobre varios cursos gratuitos de programas libres para diseño gráfico. Los 2 cursos que hoy os voy a comentar están realizados por la plataforma de teleformación del CESLCAM. Ambos se pueden hacer online y no tienen ningún coste.

Curso de diseño gráfico con software libre: Enfocado principalmente al uso de Gimp para la edición de imágenes e Inkscape para crear gráficos vectoriales. Durante el curso nos presentan la interfaz de ambos programas y las herramientas que incorporan, para luego mediante videotutoriales ver ejemplos de su uso. Teniendo también 2 ejercicios prácticos que nos puntuaran según nuestra pericia con el programa.

Curso de diseño gráfico 3D con software libre: Dedicado íntegramente a Blender, con un temario bastante completo que va desde los conceptos más básicos a la post-producción. Cuenta con vídeos de ayuda, así como ejercicios prácticos. Además, se basa en una versión bastante actual  y también nos habla de 2 motores de render libres muy interesantes para  Blender (Yafaray y Luxrender).

Los podéis encontrar en el siguiente enlace, necesitaréis daros de alta en el sitio web: formados.ceslcam.com

Esta plataforma de teleformación también tiene cursos de pago (que incluyen tutoría por parte de los profesores) y ofrece la posibilidad de comprar el curso de Blender en un CD. Además, tienen más cursos gratuitos enfocados sobretodo a Molinux (distribución de GNU/Linux hecha en Castilla la Mancha) y ofimática. (más…)