Ejemplos de sitios con HTML5 + CSS3 + jQuery
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Ejemplos de sitios con HTML5 + CSS3 + jQuery

  • 11,589 views
Uploaded on

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

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

More in: Technology , Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
11,589
On Slideshare
8,970
From Embeds
2,619
Number of Embeds
15

Actions

Shares
Downloads
80
Comments
0
Likes
3

Embeds 2,619

http://trabajandolastic.wordpress.com 2,458
http://joedayz.pe 68
http://informatica.fpgalapagar.es 49
http://www.socialcomunidad.com 14
http://www.administradorpersonal.com 6
http://academia.joedayz.pe 6
http://chokococo.com 6
http://www.viravavor.com 3
http://viravavor.com 2
http://www.tenme.net 2
http://beta.jolicloud.co 1
http://www.chokococo.com 1
http://127.0.0.1 1
http://www.slashdocs.com 1
http://webcache.googleusercontent.com 1

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    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.

Transcript

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