Prototipo

Si quiere ser más metódico en el desarrollo de sitios y aplicaciones web, entiendes que debes pasar por el proceso del prototipo, para ello o usas una croquera o utilizas alguna de las variadas herramientas web para desarrollar estos diagramas avanzados de estructura, un proyecto interesante es este plugin para el browser Firefox llamado Proyect Pencil , que potencia tu browser con herramientas predefinidas de maquetación y diagramas comunes para la creación de un bonito wireframe de tu proyecto.

Interfaz

Diseñe en Fireworks, olvídese del Photoshop u otro, la gracia del prototipo es que no incluya elementos que son difíciles de manejar en web, como el “anti-aliasing” aplicado en los textos, motivo típico de confusión entre los clientes…. y el clásico email con subject: “es que la letra se ve diferente”.

Tipografías

Nuevas noticias, ahora SI puedes usar tipografías diferentes a los set básicos para web. Hay varios repositorios, varios métodos de inserción. A mi me agrada mucho el de Font Squirrel , con un buen catalogo y varias tipografías con “el set completo” (acentos, eñes, signos, etc.), pero hay que tener ojo con  las proporciones y algunos tamaños de tipografías que no se ven bien en todos los browsers.

CSS

Resulta increíble que aun muchos desarrolladores no recurran a una grilla de estructura en CSS para el “esqueleto” de su web, especialmente que hay tantas posibilidades disponibles e incluso, es muy fácil construir una propia. Para que hablar de un CSS Reset (como el de Meyer) o un set de CSS más especializado en tipografías

Varias grillas son interesantes siendo la 960 grid system o la blueprint, pero no olvidar a la simple y practica Origo CSS de mi buen amigo Quiltro

Javascript

Cuando un cliente te pide “dinamismo”, de sentado sabes que no se trata de interacción de la pagina con un servidor, sino de “monos moviéndose” y como la idea no es hacer todo con Adobe Flash los plugins de Javascript terminan siendo la salvación. Después del Prototype, el surgimiento de Jquery dejo un abanico de posibilidades de “animación” no dependiente de un plugin extra para el navegador, lo que agradecemos a cada momento lo que nos da alergia ver una mariposa animada en flash solo para que el menú se vea “mas lindo”.

En todo caso esto es algo que recién comienza, por ejemplo.

Aunque si tienes un espíritu mas audaz (y no te molesta operar a corazón abierto a tu browser) puedes intentar experimentar con esto, Canvas 3d Js Library que te permite hacer objetos 3D directamente usando tu browser via el WebGL …. si entendiste bien, permite renderear juegos full 3D vía web.

Hermoso.

Tweet