Creando la web adaptable de SorayaHG

Diseño Web, Html, Mis Trabajos Dejar un comentario

He tenido el privilegio de poder desarrollar la web de la narradora de cuentos e historias SorayaHG, elegida narradora inaudita para público infantil en el Maratón de los Cuentos 2013 de Guadalajara. Una web que debía destacar el contenido de los cuentos con un diseño sencillo y limpio, que albergara algunos efectos en determinadas partes de la web al posicionar el dedo o el puntero del ratón.

SorayaHG

Además se quería dar preferencia a su visualización en tablets y smartphones, por lo que el diseño adaptable era un requisito de partida, se ha desarrollado desde cero, sin plantillas, con capas relativas en porcentajes y ajustando anchos máximos y mínimos para evitar perder el diseño en dimensiones extremas. Las imágenes también están en porcentajes en relación a las capas.

SorayaHG

Tras probar distintas técnicas en la visualización de los cuentos a pantalla completa, se eligió embeberlos en una capa adaptable al 100% del tamaño de la ventana para que los dispositivos móviles pudiesen reproducirlos sin problemas desde el navegador. Te invito a conocer sus historias y si eres amante del diseño web a ver el código de la web.

URLs: SorayaHG.com y SorayaHG.es (con redirección al .com)

Blog Widget by LinkWithin
¿Te gustó?, VOTA el post. SÍGUEME por Twitter, Facebook o RSS.

Sigue leyendo:

Un Trackback

2 Comentarios

  1. Gravatar 6 junio 2013, 11:33
    Luis: Reply to this comment

    Hola Francisco,

    He estado revisando la web de Soraya HG y me ha gustado bastante. Aunque hay algunas cosas por limar. Como por ejemplo el margin inferior del contenedor de descripción, entre otras cosillas.

    Si puedo ayudarte en algo, no dudes en contactarme

    Un abrazo,
    Luis

    PD: tienes mi mail

  2. Gravatar 7 junio 2013, 10:14
    Pancho opcionweb: Reply to this comment

    Muchas gracias Luis por la felicitación y el comentario.
    Sigo trabajando en la web limando los detalles :-) Un cordial saludo.

Escribe tu comentario o... ¡salta!

Etiquetas XHTML permitidas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>


Entradas RSS Comentarios RSS Acceder Subir
twitter facebook Rss mail rssSígueme en Google Currents