10 sites Web pour voir ce que HTML5 est tout au sujet

  • Harry James
  • 0
  • 801
  • 45
Publicité

Le langage HTML (HyperText Markup Language) est le langage de balisage le plus utilisé de nos jours. Les balises, les éléments et les équerres avec un peu d’aide de CSS constituent la pierre angulaire de tout ce que vous voyez sur le Web..

Cela fait presque 20 ans que HTML a commencé à définir comment nous «voyons» le Web. Maintenant, il est à la veille de sa cinquième révision majeure - HTML5. De son premier avatar à son cinquième, le Web lui-même a été transformé. HTML5 est une tentative de répondre aux besoins actuels, qui repose essentiellement sur un contenu dynamique et riche en contenu multimédia. Mais comment cela changera-t-il notre façon de regarder et de travailler avec le Web??


Le Web d'aujourd'hui est de plus en plus interactif et riche en médias. Les applications se déplacent en ligne. HTML5 couvre tous ces besoins en proposant des méthodes pour intégrer des vidéos et de l'audio, dessiner des graphiques simples, travailler avec des applications hors connexion; faire tout cela sans plugins, et bien sûr, tout faire plus vite qu'avant.

C'est après tout une norme. Ainsi, il est presque impossible de transpirer les détails en quelques lignes. Voici donc dix ressources qui vous donnent un aperçu de HTML5. Faisons-le savoir, car nous pourrions tous l'utiliser bientôt.

WTF est HTML5 [n'est plus disponible]

Le groupe de recherche Focus décompose la dernière spécification et la présente comme une infographie simple à comprendre. En dix minutes, vous aurez une vue en hélicoptère de ce qu'est HTML5 et de la raison pour laquelle nous devrions nous en soucier..

Plongez dans HTML5

Écrit par Mark Pilgrim, il présente une sélection de fonctionnalités de HTML5. Il est mis dans le style conversationnel du “˜Pour les séries pour les nuls. Si vous voulez comprendre les bases, c'est une lecture incontournable.

Et il y a “˜Professeur Markup 'pour vous guider avec les réponses aux questions courantes. Chaque chapitre est soutenu par des démos et des exemples. Mais vérifiez le ou les navigateurs pris en charge mentionnés avant de les essayer..

HTML5Doctor

Chez HTML5Doctor.com, vous avez des articles destinés à vous aider à décoller. Par exemple, en utilisant le tout premier article, vous pouvez configurer votre page Web pour qu'elle soit reconnue comme HTML5 par les navigateurs. Le quatrième article aide à concevoir un blog avec HTML5.

Le blog HTML5 comporte également une section de questions-réponses où vous pouvez télécharger vos questions. Certaines des réponses sont sur la page d'accueil comme “˜Vos questions répondues 'posts.

HTML5Rocks

Cette ressource Web HTML5 demande que vous maîtrisiez bien le codage. Si tel est le cas, quelques tutoriels vous aideront à comprendre comment coder les fonctionnalités HTML5. Vous pouvez expérimenter avec HTML5 à la Cour de récréation et même réutiliser certains exemples de code dans votre propre projet.

Les tutoriels sont peu nombreux mais complets. Chaque icône est également identifiée par l'icône des navigateurs répondant aux exigences de la fonctionnalité HTML5..

HTML5games

HTML5 donne quelques maux de tête à Adobe, car il promet de supprimer Flash (du moins pour certaines applications). HTML5 sera-t-il aussi efficace que les jeux en ligne que les jeux Flash auxquels nous nous sommes habitués? Découvrez-le par vous-même en jouant aux jeux HTML5 hébergés sur ce site.

Disponibilité en HTML5

Tous les navigateurs se préparent pour HTML5. La demi-roue sur ce site est un indicateur visuel des bases de chacun des navigateurs pour HTML5 et CSS3. Vous pouvez passer la souris sur les 28 caractéristiques et jauger la scène à partir des rayons codés par couleur.

À première vue, Safari et Chrome sont plus avancés que les autres..

[PAS PLUS DE TRAVAUX] Table de référence des éléments HTML5

Periodic Table of the Elements, un projet de Josh Duck est un regard décalé sur les 104 éléments HTML5 (et 2 éléments proposés) à l'aide de la présentation d'un tableau périodique. En cliquant sur chaque cellule, une brève description apparaît avec des références supplémentaires.

Test HTML5

En un coup d'œil, vous pouvez indiquer le score de votre navigateur lorsque celui-ci est comparé à des fonctionnalités compatibles HTML5. Dès que le site Web se charge, le score sur 300 au maximum est affiché. Vous obtenez des points bonus si la prise en charge dépasse ce que la spécification HTML5 pourrait établir.

Les scores sont également codés par couleur qui indiquent n'importe quoi entre ce qui est génial et ce qui n'est pas disponible sur votre navigateur.

Galerie HTML5

HTML5gallery.com est le défilé d'autres sites Web qui utilisent HTML5 sous une forme ou une autre. Vous pouvez cliquer sur la vignette et accéder aux sites Web affichés. C'est aussi une plate-forme d'apprentissage pour voir comment les développeurs Web implémentent HTML5.

Chaque site Web décrit comporte une petite note expliquant comment un élément HTML5 a été utilisé pour concevoir le site Web..

YouTube HTML5 Beta

le “˜L'élément vidéo est présenté comme l'un des points les plus vendus de HTML5. Vous pouvez le tester sur YouTube en choisissant d'utiliser le lecteur HTML5 au lieu du lecteur Flash pour la plupart des vidéos. Vos essais vous indiqueront également comment votre navigateur actuel gère les vidéos HTML5. Lisez la section Notes pour noter les points les plus précis sur l'effort bêta de YouTube..

Tout indique ses jours passionnants à venir. Ces dix sites Web sur HTML5 ne sont que les débuts d'une race qui va bientôt exploser. J'espère qu'ils vous aideront à vous mettre dans le bon élément pour travailler avec HTML5.

Image: justinsonmia




Personne n'a encore commenté ce post.

De la technologie moderne, simple et abordable.
Votre guide dans le monde de la technologie moderne. Apprenez à utiliser les technologies et les gadgets qui nous entourent chaque jour et à découvrir des choses intéressantes sur Internet.