23 oct 2013

5 ejemplos de HTML5 y CSS3 que te van a sorprender.

El HTML5 y CSS3 son una revolución definitiva en la red tal y como la conocemos actualmente. Vengo dispuesto a enseñarte ejemplos de qué puede hacerse con estas nuevas tecnologías y lo fácil que es aprovecharlas en nuestro sitio web.

Si hay un sitio alucinante en el que ver lo útltimo aplicable en este tipo de tecnologías, ese sitio es http://tympanus.net/codrops/. Créeme que hasta que no ves un sitio así, no puedes hacerte a la idea de por dónde "van a ir los tiros" en el próximo diseño y desarrollo de páginas web.



Acompáñame en un viaje por lo más avanzado en diseño y tecnología actuales para que ves qué puedes utilizar llegar a utilizar en tu Blog o página web para hacerlo "único".

A continuación voy a mostrarte lo último en diseño web, todas las demostraciones provienen de http://tympanus.net/codrops/. Descubre el futuro del diseño para Internet con CSS3 y HTML5.

3D GALLERY WITH CSS3 & JQUERY


3DGallery

by 

Poco puedo decirte, es mejor que lo pruebes y disfrutes de este magnífico "plugin" realizado con CSS3 y JQuery. ¿Imaginas poder mostrar así tus entradas en la cabecera del Blog y que tus usuarios seleccionaran la que quisieran?. No pierdas detalle y visita la demo haciendo "clic" aquí

HexaFlip


HexaFlip

by 

HexaFlip va a sorprenderte, no es simplemente una forma de hablar, tienes que verlo. Los cubos que conforman las palabras giran, se mueven y varían automáticamente o interactivamente. ¿Puedes ver el título de tu Blog escrito con estos cubos?. No pierdas detalle y visita la demo haciendo "clic" aquí


Interactive Particles Slideshow
with HTML5 canvas
InteractiveParticlesSlideshow


 by 

Interactive Particles Slideshow es una demostración de lo que puede llegarse a hacer con HTML5. ¿Imaginas a tus usuarios seleccionando entradas de tu Blog con algo así de sofisticado?. No pierdas detalle y visita la demo haciendo "clic" aquí

3D Shading with Box-ShadowsA shading effect for 3D transformed elements

3DShadingWithBoxShadows

by  

¿Te gusta el cine?, por un momento imagina un Blog con esta forma de exponer sus análisis. Con el sombreado 3D es posible realizar animaciones tan sofisticadas como esta para presentar las entradas o los detalles que desees. No pierdas detalle y visita la demo haciendo "clic" aquí

3D IMAGE GALLERY ROOM


3D Gallery Room

 by 

¿Tienes un Blog de fotografía?, ¿te gustaría exponer?. Imagina esta forma de hacerlo, una sala cuadrada por donde vas mostrando tus magnínificas creaciones- No pierdas detalle y visita la demo haciendo "clic" aquí

Escrito por Miguel García Sánchez - Colomer

Dispuesto a ayudarte con tu Blog en todo lo posible, Diarios de la nube es mi medio para llegar hasta ti. El conocimiento es universal, es del mundo, es de todos, esta es mi parte y la comparto contigo.

15comentarios:

  1. Muy chulas las presentaciones si señor! Yo no veo mi blog con ninguna de ellas pero tienen estiló!!

    ResponderEliminar
    Respuestas
    1. La verdad que están bien, con HTML 5 y CSS3 hacen maravillas. Mira un ejemplo basado en demos de este sitio tan estupendo: https://googledrive.com/host/0Bwgc28XHjPA2RlF5bGs2OWFGT00

      Eliminar
    2. Ojo, es algo conceptual, es para un tutorial que voy a preparar de cómo montar una web entera en Google Drive... me ha encantado...

      Eliminar
  2. Muy buen descubrimiento... para mí. No conocía Codrops y veo que me ha a hacer pasar horas retocando mi blog. ¡¡Gracias por el post!!

    ResponderEliminar
    Respuestas
    1. Si, es un sitio genial, con un montón de ejemplos excelentes y fáciles de implementar. Una pasada para hacerle un buen rediseño a cualquien Blog. Un saludo amigo.

      Eliminar
  3. Gracias por los artuiculos, muy buenos, sigue asi amigo

    ResponderEliminar
    Respuestas
    1. Gracias a ti Ariel, un placer recibir feedback tan positivo. Un saludo.

      Eliminar
  4. Mas que inspirador,como para querer aprenderlo.. Gracias..!!!

    ResponderEliminar
    Respuestas
    1. A mí me encanta, pienso que dentro de la web el uso de estas tecnologías es lo que más futuro tiene. Un saludo Marlon, gracias por el comentario.

      Eliminar
  5. Ostras Miguel !! me ha sorprendido y encantado....son geniales.
    Gracias por mostrlo.
    Para mejorar el blog nada como entrar en esta nube Miguel

    ResponderEliminar
    Respuestas
    1. Gracias Kristina, hay cosas alucinantes. He metido recientemente tutoriales para montarlos en blogs, cualquier duda me dices y te digo cómo hacerlo. Un saludo y un verdadero placer leerte aquí.

      Eliminar
  6. y como lo podemos aplicar en nuestro blog

    ResponderEliminar
    Respuestas
    1. Hola Pop, es combinar el xhtml de Blogger con el html de la página. Yo he hecho ya ejemplos con jquery, hay tutoriales pero requiere horas de trabajo y mucha paciencia. Un saludo.

      Eliminar
  7. me ha sorprendido y encantado....son geniales.
    Gracias por mostrlo.

    ResponderEliminar

 

© 2015 Por: Miguel García Sánchez - Colomer en Diarios de la nube Todos los derechos reservados.