Los conceptos básicos de html5
El último evolución de HTML es HTML 5, que tiene saltos de diseño web y limita hacia adelante. Esta generación ofrece un conjunto ampliado de elementos y propiedades - lo que permite nuevas posibilidades de diseño fresco y de interacción. Debido a HTML5 también es compatible con dispositivos móviles de Internet, se ha convertido rápidamente en el nuevo estándar y es por ahora con el apoyo de todos los principales navegadores (Internet Explorer, aunque sí requiere que la página web incluye una código calce - un segmento de código redundante por escrito de una manera que Internet Explorer puede entender).
Una solución móvil y el dispositivo de usar para sitios web
Con la introducción de HTML 5, una cuestión particularmente espinosa pudo finalmente haber sido enterrado: el logro de los efectos de animación frescos en los dispositivos de Apple sin el uso de Flash. La plataforma de dispositivo de Apple nunca ha apoyado flash. Esta negativa fue más acerca de Flash acaparando los recursos de la batería y de ancho de banda de alrededor de rivalidad empresa con Adobe (los creadores de Flash). En cualquier caso, los sitios web que utilizan flash para cualquier cosa - por ejemplo, la navegación, la interacción, o efectos de animación - serían simplemente no funciona en iPhones o iPads. HTML5 vino al rescate.
Video: Curso HTML 5
Una alternativa animación
Con la introducción de la nueva elemento de HTML5, ahora hay un contenedor (similar al elemento div CSS) que puede contener geniales animaciones de javascript y funciones interactivas. Debido a que javascript es un lenguaje de programación potente y puede hacer mucho de lo que Flash puede hacer, esta combinación de lona-más-javascript presenta un enfoque alternativa real a la animación web compatible en los dos navegadores de escritorio y móviles.
Video: Conceptos básicos de HTML5 y CSS3
La desventaja, por supuesto, es que usted tiene que dominar javascript para hacer que todo esto suceda ordenada - y javascript es un lenguaje bastante robusta! La ventaja es que el cielo es el límite. Con javascript, puede crear interfaces de usuario de fantasía, dibujar diagramas con elementos de forma básica, escalar y rotar objetos y cargar imágenes externas de entrada y salida. Para utilizar el etiqueta, se toman dos acciones: Usted incluye una etiqueta en el código HTML y crear un javascript que se dirige a la lona.
soporte para pantalla táctil
En los últimos años, la llegada de dispositivos de pantalla táctil ha obligado a los diseñadores a repensar la forma de diseñar interfaces. Los diseñadores pueden hacer uso de varios tocar eventos: Dedo en algo, dedo que se mueve a través de un elemento, y el dedo eliminado - o (en términos más técnicos) touchstart, touchmove, touchend y touchcancel. Estos eventos nativos HTML5 trabajan en WebKit (que son los navegadores Chrome y Safari) y permiten casi cualquier tipo de interacción dedo tales como arrastrar, pellizcar y zoom y rotar.
Video: Tutorial HTML5: Conceptos básicos de HTML5
Geolocalización para los sitios web
En el pasado, para obtener la ubicación geográfica de un usuario, que tendría que utilizar un script de detección de IP que accede a una base de datos y hacer una suposición razonable sobre el paradero generales del usuario y precisas a nivel regional. HTML5 ahora es compatible con la recuperación de geolocalizaciones más específicos: El uso de javascript, se puede encontrar información de longitud y latitud a través de GPS (para dispositivos móviles) y la información de router Wi-Fi (para ordenadores portátiles y de escritorio). Incluso se puede obtener la altitud y una marca de tiempo en el lugar. Por supuesto, el usuario debe estar de acuerdo para liberar esa información de ubicación.
Ahora, los puntos de latitud y longitud de un usuario sólo son útiles para recuperar en el contexto de un mapa - así que hay que integrar estos datos con la API de Google Static Map.
La otra cosa a tener en cuenta es que una vez que el navegador conoce su posición, es posible hacer un seguimiento de su posición, así! Esto puede sonar Gran Hermano-ish, pero imaginar una aplicación móvil que sabe dónde se encuentra en un centro comercial y sirve cupones para tiendas usted está en o cerca a medida que se acerca.
Video: HTML: conceptos básicos (parte 1)
Gestión de contenidos de gran alcance
Varias mejoras en HTML5 permite a los diseñadores más control sobre diversos elementos de contenido de la página. Por ejemplo, el nuevo atributo contenteditable se puede asignar a cualquier elemento que desea que el usuario sea capaz de editar - por ejemplo, un campo de texto que tiene ejemplo de texto que el usuario puede reemplazar con el texto de propósito específico.
Otra mejora que ofrece HTML5 es una expansión para el juego de herramientas de diseño-forma. Ahora puede agregar controles deslizantes rango, un campo de búsqueda, una opción para insertar texto predeterminado en los campos de entrada, tales como libros, encontrar un calendario emergente para la selección de fecha, e incluso un selector de color que se abre selector de colores de la computadora. Además, HTML5 ofrece soporte nativo para elementos de formularios requeridos. Usted puede simplemente añadir el atributo requerido para una entrada, o área de texto de selección. En concierto con este nuevo componente requerido, CSS le permite orientar estos campos necesarios y les da una apariencia única.