EJEMPLOS DE HTML5 &   JQUERY & CSS3      Por JoeDayz      Mayo 2012
QUE PODEMOS HACER?       HTML5
wilderness downtownhttp://www.thewildernessdowntown.com
jolicloud.comhttp://www.jolicloud.com
wordmark.it h p/od a .it t :/ rmr /  t w    k
z-typehttp://www.phoboslab.org/ztype/
nike better world http://nikebetterworld.com/
klowdzhttp://www.klowdz.com
canvas cyclehttp://www.effectgames.com
graphycalchttp://www.graphycalc.com/
darkroomhttp://mugtug.com/darkroom/
20 thingshttp://www.20thingsilearned.com/en-US
agent 8-ballhttp://agent8ball.com/
VERSION WEB APPLE   http://www.apple.com/
html5 demohttp://html5demo.fr/
MANUFACTURE D’ESSAI   http://manufacturedessai.it/it/
Dust + moldhttp://dustandmold.net/
deda.mehttp://deda.me/
Made by pixelcraft http://madebypixelcraft.com
HEAD LAMP CREATIVE  http://headlampcreative.com/
Joe critchleyhttp://joecritchley.com/
ax visualhttp://axvisual.com
s5-stylehttp://www.s5-style.com
jayaraj prhttp://www.jayarajpr.com/
pixel criativohttp://www.pixelcriativo.com.br/
drift boys.comhttp://www.driftboys.com/
JANPLOCH.DE http://janploch.de/
rays-labhttp://www.rays-lab.com
nizo for iphone  http://nizoapp.com/
worry free labshttp://www.worryfreelabs.com/
SULLIVANNYC.COM http://www.sullivannyc.com/
jorge rigaberthttp://www.jorgerigabert.com/
BIKING BOSShttp://www.bikingboss.com/
KEYZOhttp://www.keyzo.co.uk/
riderhttp://rider.com.br/
I . J é ía D zn o D z ía g s    @a d zia      j iad z       m
Upcoming SlideShare
Loading in …5
×

Ejemplos de sitios con HTML5 + CSS3 + jQuery

11,338 views

Published on

Presentación realizada en el curso de especialización en la UPEU Juliaca - Mayo 2012.

Published in: Technology, Design
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
11,338
On SlideShare
0
From Embeds
0
Number of Embeds
2,662
Actions
Shares
0
Downloads
84
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide
  • Wilderness Downtown: desarrollo en HTML5 de Google y The Arcade Fire Este sitio web es un experimento desarrollado por Google y The Arcade Fire para demostrar la compatibilidad de Google Chrome con HTML5. Para visualizar todas sus funcionalidades se debe visitar con este navegador o con otro compatible con el nuevo estandar . En él de staca la solución de las animaciones del fondo de página.
  • Jolicloud Jolicloud es un sistema opertivo basado en Linux que cuenta con un panel de control, basado en HTML5, que nos permite gestionar el sistema como si se tratase de una aplicación web.
  • Wordmark.it Esta aplicación web desarrollada en HTML5 nos permite visualizar on-line textos para cada una de las fuentes tipográficas incluidas en nuestro sistema.
  • Z-Type Juego on-line desarrollado en HTML5 y Javasc ript que i ncluye funcionalidades de audio.
  • Nike Better World Este folleto web publicitario de Nike nos parece una pasada. Fijaros como manejan las imágenes de fondo de pantalla, como solucionan la localización dentro de la página (bullets verdes a la derecha) y como deslizan el texto sobre cada uno de los fondos.
  • Klowdz Sitio web que nos permite, mediante propiedades canvas de HTML5, crear fondos con nubes.
  • Canvas Cycle Se trata de otro experimento para  Chrome , que nos pe rmite seleccionar diferentes escenarios y controlar, entre otras cosas,  el audio, el zoom de las imágenes , la velocidad de las transiciones y el color.
  • GraphyCalc Éste sitio web nos permite desarrollar gráficos tridimensionales. Desarrollado en HTML5, utiliza las funcionalidades en cuanto a rotación de imágenes para permitirnos orientar la gráfica, mediante arrastres del ratón, según nuestras necesidades.
  • Darkroom Esta aplicación web nos permite utilizar imágenes de servicios web como  flickr y guard arlas y editarlas utilizando herramientas d esarrolladas en HTML5.
  • 20 Things Como parte de su campaña de apoyo continuo a HTML5, Google creó este ingenioso ebook llamado “20 cosas que aprendí acerca de los navegadores y la web” en el que destacan la limpieza y las animaciones suaves
  • Agent 8-Ball Juego de billar on-line desarrollado integramente ne HTLM5 y libre de Flash.
  • Ejemplos de sitios con HTML5 + CSS3 + jQuery

    1. 1. EJEMPLOS DE HTML5 & JQUERY & CSS3 Por JoeDayz Mayo 2012
    2. 2. QUE PODEMOS HACER? HTML5
    3. 3. wilderness downtownhttp://www.thewildernessdowntown.com
    4. 4. jolicloud.comhttp://www.jolicloud.com
    5. 5. wordmark.it h p/od a .it t :/ rmr / t w k
    6. 6. z-typehttp://www.phoboslab.org/ztype/
    7. 7. nike better world http://nikebetterworld.com/
    8. 8. klowdzhttp://www.klowdz.com
    9. 9. canvas cyclehttp://www.effectgames.com
    10. 10. graphycalchttp://www.graphycalc.com/
    11. 11. darkroomhttp://mugtug.com/darkroom/
    12. 12. 20 thingshttp://www.20thingsilearned.com/en-US
    13. 13. agent 8-ballhttp://agent8ball.com/
    14. 14. VERSION WEB APPLE http://www.apple.com/
    15. 15. html5 demohttp://html5demo.fr/
    16. 16. MANUFACTURE D’ESSAI http://manufacturedessai.it/it/
    17. 17. Dust + moldhttp://dustandmold.net/
    18. 18. deda.mehttp://deda.me/
    19. 19. Made by pixelcraft http://madebypixelcraft.com
    20. 20. HEAD LAMP CREATIVE http://headlampcreative.com/
    21. 21. Joe critchleyhttp://joecritchley.com/
    22. 22. ax visualhttp://axvisual.com
    23. 23. s5-stylehttp://www.s5-style.com
    24. 24. jayaraj prhttp://www.jayarajpr.com/
    25. 25. pixel criativohttp://www.pixelcriativo.com.br/
    26. 26. drift boys.comhttp://www.driftboys.com/
    27. 27. JANPLOCH.DE http://janploch.de/
    28. 28. rays-labhttp://www.rays-lab.com
    29. 29. nizo for iphone http://nizoapp.com/
    30. 30. worry free labshttp://www.worryfreelabs.com/
    31. 31. SULLIVANNYC.COM http://www.sullivannyc.com/
    32. 32. jorge rigaberthttp://www.jorgerigabert.com/
    33. 33. BIKING BOSShttp://www.bikingboss.com/
    34. 34. KEYZOhttp://www.keyzo.co.uk/
    35. 35. riderhttp://rider.com.br/
    36. 36. I . J é ía D zn o D z ía g s @a d zia j iad z m

    ×