|
miércoles, 02 de julio de 2008 |
BgPatterns es una herramienta que permite crear patrones, previsualizarlos y modificarlos completamente en color, textura, rotación y diseño. Además podemos ver y votar patrones que otros usuarios fueron creando.
Tags: diseño patrones herramientas online |
|
|
miércoles, 02 de julio de 2008 |
 En NETTUTS explican de forma sencilla la creación de un menú flotante (esos que te siguen a medida que uno va scroleando la página) con la ayuda de jQuery y CSS.
Demostración
Tags: javascript jQuery css html |
|
|
miércoles, 02 de julio de 2008 |
Agradable colección de 128 iconos en PNG, tamaño 48X48px, para utilizar en cualquier proyecto.
Tags: recursos iconos gratis descargas |
|
|
sábado, 28 de junio de 2008 |
Por lo general, el pensamiento de un diseñador al tener que enfrentarse a la creación de un newsletter es:
Tengo que diseñarlo de igual manera que un sitio web
 Y aunque en parte "algo" de razón se tiene en ello, el diseño de un newsletter es MUY especial
y hay que tomarlo con pinzas. Pensemos que ese diseño pasará por varios
procesos, desde que entra a nuestra bandeja de entrada (o en su peor
caso como Spam) el e-mail se verá por default con las imágenes ocultas
(y su contenido también, en algunos casos), también pasará por severos
analisis para saber si es un e-mail SPAM o nó, será visto por el sistema
anti-virus por si posee algún código malicioso, y por último será
renderizado de diversas formas dependiendo del soporte de estilos que
tenga cada webmail/cliente de correo. Por eso es recomendable tener
presente algunos tips:
Editores WYSIWYGAl estar codificando el HTML, muchos editores
WYSIWYG (como por ejemplo Dreamweaver) pueden incorporan 'residuos' en
el trabajo final los cuales pueden lograr una mala renderización en los
clientes de correo y webmails. Es preferible realizar la codificación
de forma manual con algún programa de edición de texto plano/HTML ó en
su defecto identificar los 'residuos’ y eliminarlos.
Etiquetas DOCTYPE , <head> y <body>La
mayoría de los webmails eliminan las etiquetas DOCTYPE y <head>,
mostrando solamente el contenido dentro del body del mensaje.
MaquetacionesRealizar maquetaciones simples, de una ó dos
columnas, utilizando tablas (no me odien, pero la maquetación a través
de CSS utiliza propiedades que no todos los programas/webmails logran
soportar, por lo cual se corre el riesgo de visualizar un newsletter
desmaquetado).
Ancho del diseñoEl diseño no debe sobrepasar los 500-600px de ancho.
ElementosFlash, Javascript, videos, música, no serán mostrados
en ningún programa/webmail y posiblemente el email sea bloqueado por el
sistema antivirus por ser sospechoso ó directamente eliminado el código
por los webmails.
Bloqueo de imágenesDe forma predeterminada, todos los programas/webmails bloquearan las imágenes de un e-mail.
-
Es recomendable no incorporar texto importante (titulares, anuncios, etc) en imágenes.
- Es recomendable utilizar la propiedad ALT en las imágenes y realizar una pequeña descripción de que trata dicha imagen.
- Es una buena práctica realizar la verificación de como queda el diseño con las imágenes desactivadas.
- Los tags <img> deben llamar a las imágenes con su ruta absoluta hacia donde está alojado el archivo en el servidor.
- No llamar a las imágenes a través de su dirección IP.
- Evitar
contenido en color blanco o colores claros (al estar las imágenes
bloqueadas, el texto se verá con fondo blanco y si este posee un color
claro será imperceptible)
- Declarar el ancho y largo de cada imagen incorporada en el diseño
- Varios sistemas anti-spam toman en cuenta que exista un balance entre contenido de imágenes y contenido de texto
URLsIncorporar el atributo “_blank” para que los enlaces se abran en una nueva ventana.
EstilosLos estilos CSS deben ser incorporados de manera ‘inline’. No se deben incorporar:
-
Dentro de las etiquetas <head>
- Usando etiquetas <style>
- Llamando a estilos externos
Testing en diferentes clientes de correo y webmails
Así como cada navegador tiene un comportamiento diferente ante un
diseño, los clientes de correo y webmails poseen una actitud similar,
ya que no todos soportan la misma cantidad de propiedades HTML/CSS. De
forma ideal, los diseños se deben testear en diferentes circunstancias
(programas, sistemas operativos) para lograr la mayor compatibilidad.
Una forma de abarcar a la gran mayoría de circunstancias es realizando
el testing en los programas y servicios más populares:
-
Web - Hotmail, Yahoo! y Gmail
-
PC - Outlook, Windows Mail y Thunderbird
-
Mac - Mac Mail y Entourage
Enlaces útiles para tener en cuenta
Tags: diseño tips e-mail newsletters css html |
|
|
sábado, 28 de junio de 2008 |
 En Javascript Ya podemos encontrar un apartado especial en donde se explican los conceptos básicos para manejar jQuery, con ejemplos en línea, todo en español y gratis.
Tags: javascript jQuery recursos tutoriales gratis |
|
|
jueves, 26 de junio de 2008 |
 Circular Icons es un juego de 117 iconos 16x16 en formato PNG, para utilizar de forma comercial o personal, bajo licencia CC 2.5.
Tags: iconos imagenes descargas |
|
|
jueves, 26 de junio de 2008 |
Via Xyberneticos caigo en MooSlideBox, un excelente script para tener en cuenta cuando queremos presentar contenido de manera no convencional a la que venimos acostumbrados.
Demo y Descarga
Tags: scripts javascript mootools |
|
|
jueves, 26 de junio de 2008 |
Picreflect y Picshadow son dos herramientas online "hermanas" que permiten generar imágenes (desde nuestra PC o una URL) con reflejos ó sombras en segundos.
Tags: herramientas online imágenes diseño efectos |
|
|
<< Inicio < Anterior 1 2 3 4 5 6 7 8 9 10 Siguiente > Final >>
|
| Resultados 1 - 8 de 479 |
