Liquid Mind

Después de tragarme entero el libro "CSS Mastery" salí como un hombre renovado, con mucho conocimiento en mis manos, y qué mejor lugar que aplicar lo que aprendía que acá en Liquid Mind.

Este template está hecho desde cero. En total el proceso constó de lo siguiente:
-Diseñar el draft final en Photoshop.
-Traducirlo a código HTML y CSS.
-Traducirlo todo a una plantilla para Blogger.

Al final me falta nomás ocuparme del lado de los comentarios. Pero en vista de que nadie comenta no me preocupo mucho jaja. Algo de notar de este diseño es que está pensado en la accesibilidad y los Web Standards. ¿Qué quiere decir eso? Que personas con discapacidades pueden igual tomar ventaja de este blog y además está validado (menos por un código extraño por poner video de YouTube). Si le quitas todo el estilo de CSS igual puedes leer el blog de manera ordenada con todos sus headers. Para ello apliqué algunos truquillos.

A pesar de que el diseño lo acabé rápido en PS y en código, tuve que batallar un poco con el sistema de Blogger, que añade márgenes en lugares donde uno quiere, y prefiere que nombres tus divs de cierta manera. Un poco de sudor, pero mucha experiencia para próximos diseños y para gente que quiera que les diseñe su blog.

Espero que diseñar para Wordpress sea más fácil, ya lo veré en mis próximos proyectos, que los iré poniendo acá a manera de muestra. Cualquier comentario bienvenido. Y ya he puesto mi correo allá arribita!

Etiquetas: diseño, redesign, web, web standards

Encontré este genial video en Internet hecho por Michael Wesch. Explica qué es el Web 2.0, cómo nosotros nos hemos convertido en lo más importante de la web y cómo es que le estamos dando forma. El video explica esto de una manera muy peculiar e inteligente. De vista obligada!

¿Quieres saber cómo trabajan otros diseñadores?, En Designworkflow, hay entrevistas a un número de diseñadores en donde se preguntan cosas cómo ¿qué prefieres sólo o en un entorno colaborador?, ¿cómo te preparas para trabajar?. Dado el nombre pensé qué iba a ser referido más a indagar en procesos de diseño específicos, pero igual vale la pena darse una vuelta y ver cómo otras personas encienden la creatividad.

Tal vez nos ayude a no sentirnos tan sólos en nuestros extraños hábitos... :D

¿Por qué usar Web Standards? Andy Rutledge lo pone de esta manera : Calidad.

Confieso que en esto de la accesibilidad, usabilidad y web standards no soy muy bueno que digamos, todavía estoy en proceso mientras mis intereses se perfilan más a lo que es diseño web. Pero sin embargo me parece un tema interesantísimo si es que se quiere hablar de la evolución de la World wide web.

A menudo vemo sitios que sirven en sólo una determinada ocasión, pero bajo otras circunstancias, el contenido no aparece. O no es posible que una persona con problemas de visión pueda visitarlo gracias a un lector de sitios web. Estas cosas, que a muchos nos precerán ajenas pasan día a día, y es importante mantener un standard, para que la calidad de los sitios se incremente ocn el tiempo. El futuro de la web se forja hoy, con lo que hagamos o dejemos de hacer, en nuestor caso, respecto al diseño.

Acá está el artículo de Andy Rutledge, que es motivación para mi post. Excelente lectura. Está en inglés pero ahora hay traductores mil (en Google, yahoo, etc.) para los unilingües.

Más información también en: http://www.webstandards.org/