¿Alguien puede enumerar algunos ejemplos reales de 'HTML5' que se utiliza en la naturaleza?


8

Estoy usando HTML5 de la misma manera que todos parecen estar usándolo en estos días, lo que significa: etiquetas HTML5, Canvas / 3D / javascript y CSS3.

Estoy luchando por encontrar ejemplos de sitios que utilicen estas tecnologías de manera práctica y que no sean solo una demostración de algo genial que alguien ha logrado hacer utilizando transformaciones o formas de Canvas o CSS3.

Estoy buscando sitios que tengan un aspecto visual agradable pero que también aprovechen cosas como la animación, el desplazamiento y el desplazamiento al estilo Silverback o Canvas para crear un sitio interactivo y supongo que tiene un aspecto "Flash".

Estos son algunos ejemplos que he encontrado:

Desplazamiento

Animación

Otro

Estoy usando HTML5 libremente y odio usarlo. Me encantaría que enumerara un sitio basado en Javascript realmente atractivo visualmente pero que no tuviera el doctype HTML5.


Pirates fue muy bueno, pero ¿por qué tiene una pérdida de memoria tan grande? Lo jugué, pero se volvió lento. ¡Miré a mi Administrador de tareas para descubrir que era de hasta 1.6 GB de RAM! Quien lo haya hecho debe renunciar a la memoria o reciclarla. No debería estar llegando a 1.6 GB. = /
Michael

@ Michael Quizás sea un problema del navegador. Lo jugué durante aproximadamente 2 horas sin ningún retraso en Chrome.
Evan Plaice

Respuestas:



3

La red de Stack Exchange (de la cual es miembro este sitio) usa HTML5 para su autenticación . Es por eso que puede visitar cualquier sitio en la red y una vez que haya iniciado sesión manualmente al menos una vez, lo hará automáticamente después .

Pruébelo: si tiene membresía en más de un sitio (por ejemplo, aquí y Stack Overflow), borre todas sus cookies y archivos temporales. Luego, inicie sesión aquí, y luego vaya a Desbordamiento de pila y no inicie sesión. Déle unos segundos y automáticamente iniciará sesión, aunque los dominios son totalmente diferentes.


1

Sí, de hecho, lo hice hace mucho tiempo ... hace 2-3 años, supongo. Hice un sitio web que básicamente permite a las personas mover cosas en un plano para ver si sus muebles encajan. Se realizó con JavaScript, pero el problema era que JavaScript no tenía una muy buena forma de rotar los muebles.

Cuando IE no admitía la etiqueta del lienzo, esto significaba usar una imagen diferente para vueltas de 0,5,10 ... 85 grados, y luego rotaría esas imágenes en 0, 90, 180 o 270 grados en Para cubrir rotaciones de 90 a 355 grados. No solo fue molesto crearlo, sino que fue bastante lento en su ejecución. FF, que soportaba la etiqueta del lienzo, podía rotar los muebles prácticamente en tiempo real, pero la rotación de IE fue bastante terrible. IE tardó entre 0,75 y 1,00 segundos en responder, y hacerlo en incrementos de 5 grados fue terriblemente molesto.


1

Aquí hay un ingenioso sitio web tipo flash creado por Chris Coyier de CSS-Tricks.com: http://chris-mcgarry.com

Chris está usando principalmente JQuery aquí, con el objetivo de que un visitante pueda reproducir las pistas de música y navegar a cualquier página sin que la música se detenga.

Chris es un firme defensor del uso de Html5 ahora. Este ejemplo realmente no usa tantos elementos Html5, pero realmente captura el espíritu de un futuro sin flash.


1

Nuestro sitio ( Nosotros, los píxeles ) se basa en el uso del lienzo de HTML5. Lo usamos de una manera que normalmente se usaría Flash, y de hecho tuvimos que usar Flash para IE, porque excanvas simplemente no lo estaba reduciendo para lo que necesitábamos.

El sitio no es todo lienzo, pero es el componente principal de la aplicación.



0

No estoy seguro de por qué pediría ejemplos de páginas basadas en HTML5 sin el simple doctype HTML5: me gustaría el cambio inequívoco para ese modo. De todos modos, este sitio hace un uso bastante extenso del principio de una sola página con gráficos aplicados contextualmente utilizando técnicas HTML5 y CSS3: https://www.airbnb.com/annual/

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.