Fuente diseñada por los chicos de Resistenza. Desde StyloGraff hemos realizado la maquetación de la página, adaptando el diseño proporcionado por ellos.

Presentamos la web de Fran Moreno, hecha con WordPress, con un diseño original de María Campillo. La web estará dedicada sobre todo al desarrollo web, y servirá de portfolio de trabajos y proyectos.

Web desarrollada por StyloGraff en CodeIgniter. Diseño realizado por Carolina Zamora.

Tarjetas de visita realizadas por María Campillo para su web personal. Dichas tarjetas han sido impresas por Moo.

Recientemente fue comunicado el primer premio en los Starpack Student Awards 2011 en la categoría de pack de comida oriental para llevar. La ceremonia de premios será el próximo 4 de Mayo en Birmingham (Reino Unido).

El trabajo se realizó para la asignatura del máster de Ingeniería del Diseño para la asignatura de Packaging y posteriormente se presentó a concurso. Los componentes del grupo del proyecto han sido María Campillo, Javier Pavón y Vanesa Olmos.

Tiffin Away es el nombre dado para el pack. Deriva de Tiffin box, que son unos recipientes metálicos que emplean en la India para transportar la comida casera al trabajo, consistentes en una bandejas colocadas unas sobre otras y cerradas herméticamente por una abrazadera metálica. De este recipiente se ha hecho una interpretación en cartón, con tres bandejas selladas independientemente y unidas entre si con un asa de cartón, que al mismo tiempo sirve de etiqueta.

También se ha tenido en cuenta el contenido del pack, con tres variantes de comida: hot, tikka masala y salad.

Web desarrollada en WordPress, diseñada íntegramente por María Campillo, maquetación en HTML5 usando como base el theme Starkers de Nathan Staines y HTML5 Boilerplate.

HTML5 ya es una realidad, casi todos los navegadores están preparados para usar la mayoría de las características de este nuevo lenguaje para la web.

Algunas de las nuevas etiquetas (con un mayor contenido semántico) son las siguientes:

<header> <footer> <section> <article> <aside> …

Pueden usarse como se desee, aunque sus nombres dejan bastante claro cual es su cometido.

Si quieres empezar a maquetar y desarrollar tus nuevos proyectos usando HTML5 aquí pongo unos cuantos recursos que pueden ser interesantes:

• Initializr. Esta web te ofrece en menos de un minuto un código base sobre el que empezar a trabajar, con la estructura mínima de una web, códigos jquery básicos y todo preparado.
• 52Framework. Un framework HTML5 + CSS3 + JS, te da un entorno más completo que el anterior, hojas de estilo, etc.
• HTML5Rocks. En esta web se muestran un montón de ejemplos de más características ofrecidas por HTML5, desarrollos gráficos, acceso a archivos multimedia, etc.
• Para los desarrolladores WordPress, hay un par de ejemplos de themes adaptados a HTML5 para crear vuestras webs. Uno de ellos es el Starkers HTML5 v3, un theme en blanco, basado en Starkers de Nathan Staines, sobre el que dar estilo desde cero. Otro theme bastante interesante es el Twentyten Five, basado en el theme que viene por defecto con una instalación base de WordPress, pero adaptado a HTML5.

Espero que os sirvan para empezar a hacer vuestros pinitos con HTML5, y no dudéis en dejar vuestras impresiones en los comentarios

Video realizado para el Máster de Ingeniería del Diseño de la UCH CEU de Valencia. Los autores son María Campillo, Javier Pavón y Patricia Clemente.

Diseño, maquetación y gestión de contenidos de la web completa. El diseño ha sido hecho desde cero así como los logotipos y dibujos. La maquetación HTML y CSS son originales. La gestión de contenidos de la web y y el desarrollo ha sido realizado íntegramente con CodeIgniter.