Categoría: usabilidad

Aquí os dejamos un test de 57 preguntas para que puedas comprobar la usabilidad de tu sitio web:
http://www.virtualhosting.com/blog/2008/test-your-website-a-57-point-checklist-for-maximum-usability/ (en inglés)

Categoría: diseño gráfico

Uno de los mayores problemas que sueles encuentrar cuando estas diseñando es pensar en una combinación de colores ganadora, o partir de un color y combinarlo con otros para formar una paleta decente.

Y aunque siempre es bueno documentarse con respecto a la Teoría del color y sus diferentes esquemas, aún sabiendo poco o nada este listado te será de ayuda.

Color Louvers

Es uno de los sitios más conocidos por diseñadores, contiene miles de paletas creadas por los mismos usuarios en donde se pueden votar y así filtrarlas por las más populares. Cada paleta se puede exportar para ser utilizada en Photoshop, Adobe Illustrator, Gimp y muchos otros.

El sitio es muy completo con funciones de una comunidad lo que le da valor a todas las opciones que ofrece relacionadas a los colores, por ejemplo podemos ver las combinaciones que usan algunos sitios, cuyos esquemas los han subido usuarios de la herramienta.

Kuler

Es un producto de Adobe disponible a traves de sus programas y por medio de un sitio un poco más sencillo y práctico que el anterior pero no por eso de menor calidad, cada día se presentan nuevas combinaciones elaboradas por personas en donde también podemos participar registrándonos.

Se pueden crear nuevas paletas basándonos en un solo color o extrayéndolos de una imágen que subamos al servicio o que esté alojada en Flickr. Otra ventaja de Kuler es que cuenta con una aplicación de escritorio basada en Adobe AIR que puede ser descargada gratuitamente.

ColorHunter

Si lo que quieres es generar rápidamente una paleta de colores en base a una imágen, ColorHunter lo hace fácil, nos brinda cinco colores con su código hexadecimal en donde podemos modificar un poco el resultado variando la saturación de la paleta, no es algo muy avanzado pero te puede sacar de un apuro o darte una idea rápida.

Colorblender

Fue de los primeros sitios que conocí con este propósito, para utilizarlo vas escogiendo un color en base a una combinación en RGB y el sitio va mostrando en el instante otros cinco colores que se pueden mezclar. Cuando ya tengas lista la paleta puedes descargarla en un archivo .EPS o .ACT, o también obtener una dirección para consultarla después y compartirla con otras personas.

Colorschemer

A diferencia del resto, éste es un programa que puedes instalar en Windows o Mac OS, es muy completo y recuerdo haberlo utilizado hace un par de años. Se pueden crear y guardar las combinaciones de colores, revisar las paletas creadas por otros usuarios en su galería, generar esquemas a partir de una imágen, imprimir cada esquema y exportar los colores a distintos formatos.

Vía: Maestrosdelweb

Categoría: diseño web

Aquí os dejamos un listado de aplicaciones para el diseño web en Mac.

Algunos son de pago, pero realmente no he encontrado alternativas que los sustituyan.

Localhostr

Este es un servicio para subir y compartir archivos tal como Yousendit u otros similares, pero lo que me gusta de localhostr es que alguien desarrolló un widget para el dashboard que facilita muchísimo la tarea de subir un archivo, solo lo arrastro y espero a que me de la URL a compartir, muy práctico.

MAMP

¿Qué es un desarrollador web sin un servidor local? MAMP es una completa solución gratuita para tener de forma rápida Apache + PHP + MySQL en una Mac, y aunque el sistema operativo ya incluye de alguna forma éstas herramientas se me hace mejor instalar y controlar todo desde una sola interfaz. Hay una versión de pago con varios extras pero muchas veces la versión gratis es suficiente.

Fireworks

Es muy superior a Photoshop cuando se trata de optimizar imágenes para la web, comprime más y con menos pérdida de calidad, igual para trabajar esquemas de sitios web, a veces no entiendo muy bien porqué siguen usando Photoshop para ello cuando los mismos de Adobe hacen la separación de cada producto y mencionan para qué es ideal cada uno.

Firefox más extensiones

Firefox por sí solo es un navegador más entre todos los que existen, pero lo que lo hace diferente es el motor de extensiones con el que lo podemos convertir en un programa superior al resto, yo recomiendo instalar:

* Firebug - Una de las mejores extensiones para debug de javascript, edición en línea del HTML, CSS, etc.
* Colorzilla - Es una herramienta de selección de colores que se integra muy bien a Firebug.
* Web Developer Toolbar - La utilizo en casos muy específicos y poco, pero es de gran ayuda la cantidad de opciones que trae.
* Dust me selectors - Un gran invento! te ayuda a examinar el CSS de un sitio para verificar qué selectores están de más en el archivo para eliminar toda la basura .

CODA

Gracias a éste programa mi lista se hace corta, es un todo en uno pero lo hace muy bien, desde CODA tengo una terminal para SSH, editor de archivos, y transferencia vía SFTP/FTP.
Con una sola ventana abierta puedo trabajar gran parte del desarrollo de un sitio, sin embargo el SVN no lo maneja muy bien y para ello prefiero Versions.

Vía: Maestrosdelweb

Categoría: general

Aquí os dejamos un artículo muy interesante en el que nos ofrecen una serie de consejos para poder comprobar si nuestra web ha sido hackeada aunque no lo parezca:

http://www.elqudsi.com/articulos/¿como-saber-si-tu-blog-ha-sido-hackeado/