Tarifas de diseño
Friday, October 30th, 2009Siempre tenemos dudas sobre qué cantidad cobrar cuando realizamos algún trabajo, pues bien, aquí teneis una muestra amplia de los mismos con sus tarifas globales y por horas.
Archive for October, 2009
Herramienta de reconocimiento de fuentes
Monday, October 19th, 2009Una herramienta online para reconocer fuentes mediante la subida de una imagen
Maquetación de email promocionales
Monday, October 19th, 2009Aqui un apunte para un tema concreto. vía www.tallerd3.com
El arte de maquetar emails para que sean visualizables en todos los programas de correo es sumamente complicado. Cada cual soporta las propiedades de CSS que le parece. Haciendo un trabajillo reciente he encontrado estos consejos para maquetar emails en Scuain.com:
- Maqueta usando tablas, con un HTML básico
Desafortunadamente, nada de <div> en el código.- El uso de CSS está limitado
Algunas propiedades como backgound-image o margin no suelen funcionar. Este listado es la mejor referencia para saber cuales puedes usar. Se actualiza periódicamente y existe una versión imprimible en PDF.- El CSS debe estar insertado en línea en cada etiqueta HTML
Por ejemplo <p style=”font-size: 20px; color: #656565;”>. Si no quieres hacerlo a mano, Premailer es una herramienta que inserta las diferentes propiedades en cada una de las etiquetas.
Si vas a usar clases, es necesario que dupliques el código CSS: debes insertarlo tanto en el <head> como en el <body>.- Usa el atributo alt en las imágenes
Si el programa de correo o webmail bloquea las imágenes (la mayoría lo hacen por defecto), se podrá leer una pequeña descripción de esa imagen.- No adjuntes las imágenes
Debes colgarlas en un servidor y poner la ruta absoluta (<img src=” http://www.midominio.com/mail/imagen.gif” … />)- No uses Flash ni JavaScript
La gran mayoría de programas y webmails lo filtran o desactivan.- Usa la codificación ISO-8859-1
Es la más habitual para emails en castellano. Además, y como medida de seguridad, es recomendable usar entidades HTML. Si te resulta más cómodo, puedes usar este conversor.- Comprueba el resultado
Después de maquetarlo, hay que comprobar el resultado a través de los diferentes clientes (Outlook Express, Mozilla Thunderbird…) y webmails (Gmail, Hotmail, YahooMail…).
Siempre existirán pequeñas diferencias entre uno y otro, así que el objetivo es conseguir un aspecto similar y que puedan leerse sin problemas.- Vigila el nivel de spam
Actualmente, muchos de los emails no superan los filtros anti-spam. El nivel de spam aumenta si usas muchos links y poco texto, tamaños de fuente elevados, texto en mayúsculas, caracteres “raros” en el título… Puedes comprobar los niveles de tu email en http://spamcheck.sitesell.com/.
Thecssawards
Wednesday, October 14th, 2009Un repositorio más gracias a la cortesía de José Manuel de Laa.
Herramientas para el análisis de contraste de color en una página
Tuesday, October 13th, 2009Aquí les dejo un conjunto de herramientas para el análisis de contraste de color en una página (via www.accesibilidadweb.com)
- Colour Contrast Check: Permite introducir los colores a analizar en formato hexadecimal o moviendo barras para elegir los colores.
- Colour Contrast Analyser: Utiliza el mismo algoritmo que la anterior, sólo que el resultado del análisis no es tan inmediato como en el anterior.
- Colour Contrast Visualiser: Ayuda a encontrar combinaciones de colores adecuadas.
- Colour Contrast Analyser Firefox Extension: Nos permite tener la funcionalidad de la herramienta anteriormente mencionada, pero utilizandola como extensión de Firefox.
- CSS Analyser: Realiza una comprobación sobre los colores utilizados en nuestras hojas de estilo.
- Luminosity Contrast Ratio Analyser: Realiza el análisis entre color de primer plano y fondo pero utilizando un algoritmo diferente.
- Vischeck: Un simulador de problemas visuales con los colores que puede utilizarse como plugin en Photoshop.
Iconos e-commerce
Tuesday, October 13th, 2009Un paquete de 32 iconos para tus aplicaciones de comercio electrónico.
Farm Fresh Web Icons
Tuesday, October 13th, 2009Farm-Fresh Web Icons es un paquete de 1000 iconos que pueden ser muy útiles en el diseño de aplicaciones web. Vienen en formato .PNG y con dos tamaños: 16 x 16px y 32 x 32px.
via webintenta