el blog de Xmisswebs

Un montón de recursos gráficos vectoriales en Bazaar Designs :)

Siempre es bueno disponer de bancos de imágenes gratuitos, y resulta que el Ministerio de Educación ha creado uno. ¡Así que a añadirlo a la lista de recursos! ;p

Sí, son 50 min y en inglés (subtitulado) ;p pero merece la pena echarle un ojo a este video para saber cuál va a ser el futuro de la web en los próximos años.
.

Muy interesante y completo el artículo de Smashing Magazine “Cross-browser CSS coding” en el que nos dan unas cuantas pistas para conseguir que nuestros diseños se vean igual en los diferentes navegadores (IE, Firefox, Safari, etc), lo cual no resulta siempre sencillo ;p

Ya habíamos hablado en el blog de Pormisswebs sobre la existencia de algunas herramientas que nos permitían visualizar nuestros diseños en diferentes versiones de un mismo navegador, sin tener que tenerlas instaladas todas en nuestro ordenador. Pero siguiendo las indicaciones que nos ofrece el artículo, podremos evitarnos sorpresas desagradables al testear nuestros proyectos. Y es que más vale prevenir que curar, ¿no? ;p

La verdad es que para proyectos pequeños siempre he utilizado lápiz y papel a la hora de decidir la estructura de la web, y luego suelo saltar al ordenador algo hambrienta. Pero para proyectos grandes, en los que se ven envueltos más de un diseñador o maquetador, plasmar y trabajar seriamente la estructura del proyecto, su layout y el diseño de la información en forma de wireframe, es terriblemente útil y ahorra mucho tiempo y reuniones. Además al final tienes un documento de trabajo que permite cierta independencia a la hora de desarrollar.

“A wireframe diagram lets everybody focus on what’s important at this step: clearly understanding what goes on each page, where it goes, and why it goes there, so you can achieve the best overall balance and structure for each page. A wireframe is a sketch of a page-layout idea”

Aquí tienes un pequeño resumen sobre la importancia de los wireframes en el proceso de desarrollo web, y también desde “Onextrapixel” un poco más de info al respeto.

Si  nunca has utilizado ningún software para desarrollar tus wireframes, desde este post en “Speckyboy” nos proponen 10 wireframes apps gratuitas. Ahora sólo hay que encontrar la que más se aproxime a nuestras necesidades y gustos.

Y, por si esto no es suficiente, siempre puedes visitar “Wireframes“, la revista online dedicada a wireframes, como no… ;p

.

En posts anteriores ya hablamos de algunos sitios que recopilan webs que nos inpiran, pero las clasifican por los distintos elementos que en ellas destacan. Unos lugares parfectos para buscar inspiración o soluciones cuando estamos atascados en los detalles. Bucea un rato por MethoBox y verás de lo que hablo ;p