Art of the Title es una selección de grandes películas o series en las que podemos ver unos créditos increíbles en cuanto a diseño. Las secuencias de la imagen superior han sido extraída de los créditos de inicio de la popular serie de televisión Dexter, bonitos, ¿verdad? (Vía)
Una de las formas más efectivas y populares para fidelizar usuarios es la de los boletines vía e-mail. Con ellos conseguimos hacer que el usuario vuelva a nuestro sitio al leer el boletín.
Uno de los problemas que tienen esta clase de técnicas, aparte de muchas veces ser considerados Spam, es el crear un diseño que se vea adecuadamente en cualquier tipo de cliente de correo, ya sea vía web o de escritorio.
Para ello, MailChimp ha creado esta interesante lista de plantillas gratuitas optimizadas para que se vean en cualquier cliente de correo, de esta forma solo tendremos que modificarlo un poco y adaptarlos a nuestro gusto y objetivos.
De todos modos, aunque estén probados en la mayoría de clientes siempre es recomendable añadir la clásica frase “Si no puede ver el email correctamente haga clic aquí.” para ahorrar problemas.
Para iniciar un nuevo blog no solo tenemos que comenzar a publicar y actualizarlo desde el principio si no que es importante realizar algunos pasos previos para configurar, personalizar y optimizar nuestro blog.
Seguir estos puntos es una forma de asegurarnos de que nuestro blog se posicionará bien en los buscadores, el resto sería generar un buen contenido.
Options » Permalink. Yo recomiendo una estructura del tipo /%category%/%postname%.htmtitle de la siguiente forma: Continuar leyendo →
Las ventajas de un diseño elástico son muchas una de ellas, la más importante, es que gracias a este tipo de diseños se consigue aprovechar en mayor medida el espacio disponible en pantalla independientemente de la resolución que tenga el usuario.
El mayor problema es que muchas veces no sabemos como hacerlo, o mejor, no sabemos como hacerlo de manera correcta. Por esto Matthew James Taylor a desarrollado varios layouts (esquemas) totalmente líquidos. Estos no usan ni JavaScript ni Hacks CSS y son compatibles con la mayoría de los navegadores además de con los iPhones/iPod Touch.
En la página que ha preparado Matthew para mostrar sus diseños podemos ver en acción hasta 7 esquemas distintos con sus correspondientes explicaciones para que podamos aplicarla a nuestros sitios.
La mayoría se conforma con unas clásicas escaleras, pero otros, prefieren innovar en su diseño y crear algo distinto y novedoso como estas 15 escaleras de diseño. Algunas de ellas son ideales para ahorra espacio, para usarlas como estanterías, librería o cajones. Otras se esconden o son realmente novedosas y extrañas.
Algo muy importante para un diseñador web es conocer que fuentes puede utilizar en sus proyectos de forma que todos, o la mayoría de los usuarios puedan ver la web correctamente. Para ello en Font Tester han publicado un lista muy completa con todas las fuentes que podemos utilizar y que se verán correctamente en los sistemas operativos más populares.
Lista de fuentes compatibles con la mayoría de sistemas operativos:
font-family: Arial, Helvetica, sans-serif;
font-family: ‘Arial Black’, Gadget, sans-serif;
font-family: ‘Bookman Old Style’, serif;
font-family: ‘Comic Sans MS’, cursive;
font-family: Courier, monospace;
font-family: ‘Courier New’, Courier, monospace;
font-family: Garamond, serif;
font-family: Georgia, serif;
font-family: Impact, Charcoal, sans-serif;
font-family: ‘Lucida Console’, Monaco, monospace;
font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif;
font-family: ‘MS Sans Serif’, Geneva, sans-serif;
font-family: ‘MS Serif’, ‘New York’, sans-serif;
font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;
font-family: Symbol, sans-serif;
font-family: Tahoma, Geneva, sans-serif;
font-family: ‘Times New Roman’, Times, serif;
font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
font-family: Verdana, Geneva, sans-serif;
font-family: Webdings, sans-serif;
font-family: Wingdings, ‘Zapf Dingbats’, sans-serif;
Vía: List of Web Safe Fonts (Font tester)
Interesante recopilación de 45 themes para Wordpress tipo Magazine. La mayoría de estos diseños suelen ser de pago, pero en este caso todos son gratuitos. (Vía)
Realmente lo dudo, pero se trata de una forma muy creativa de ver algunos de los logos de las empresas más grandes. En Logólogos, un blog, recopilan varías formas de ver algunos logos bastante conocidos, como ya he dicho, una forma bastante curiosa de verlos.
PSD2CSS Online es un web que nos permite pasar nuestros diseños hechos en Photoshop a CSS y Html de forma automática y Online. Simplemente tendremos que subir nuestro archivo en formato PSD y automáticamente nos mostrará el resultado, un archivo Html con el CSS incrustado en él.
Además nos permite indicar varios tipos de capas en Photoshop incluyendo un guión y una pequeña palabra al final de su nombre para que la web las trate de una forma o de otra:
_text podremos definir aquellas capas que son tipo texto._form, _inputtext, y _submit nos permitirán autogenerar formularios._jpg conseguiremos que esa capa se guarde como una imagen en formato jpg._link indicaremos que se trata de un enlace. Y con _linkover conseguiremos hacer enlaces con Roll Overs. (Enlaces que cambian al situarnos encima)_center centraremos la capa marcada._bkgnd nos permite que la capa sea un fondo de un div.Yo lo he probado con un diseño que tenía guardado desde hace algún tiempo y el resultado no ha sido perfecto, he de admitir que el PSD probablemente no estaba bien construido, ni si quiera use ninguna de las propiedades que se indican arriba, fue solo una prueba rápida, pero aún así repito que aunque no fue perfecto el resultado fue bastante bueno y con solo unos retoques podría dejarlo tal y como quiero.
De los creadores de PSDTuts, un blog donde se publican tutoriales sobre Photoshop, nos llega Nettus, un blog donde se publicarán tutoriales sobre desarrollo y diseño web.
