Contactez-nous : 01 71 18 39 73 | contact@thecodingmachine.com
Suivez-nous sur Facebook

HTML5 - Brief Techno

L'essentiel en une page
Je souhaite recevoir ce document

 

Recevoir aussi les nouvelles publications de TheCodingMachine (pas souvent)
 

Définition HTML5

Le HTML5 est le prochain format standard de construction de pages web. Comme tout langage de développement, il a pour objectif de fixer des nouvelles normes faisant ainsi progresser les potentialités de création de pages de site web. Le HTML5 permettra, en particulier, de simplifier la mise en place de contenus plus riches et de favoriser l'interopérabilité et les traitements des différents navigateurs.

Il est souvent présenté comme le successeur du Flash, ou tout du moins comme un sérieux challenger de ce langage.

Avant de continuer, voici un exemple permettant d'utiliser des polices non stantard grâce au Web Open Font Format (WOFF). Sélectionner une police pour modifier les titres de cette page :

Liste des polices

Pour les entreprises, cette nouvelle version du HTML laisse entrevoir de jolies perspectives, notamment en webmarketing. Il marque ainsi le premier pas vers une mobilité généralisée des sites internet puisqu'il est lisible sur les navigateurs mobiles. Associé au CSS3, il permettra d'afficher de façon spécifique les données sur les différentes résolutions d'écran (tablettes, laptop, smartphones). Il décuple également les possiblités d'interagir avec les mobinautes puisqu'il permet de proposer des publicités et des applications plus interactives et accessibles depuis les navigateurs mobiles.

A l'heure du responsive design, où la portabilité des sites devient un enjeu majeur, ce nouveau standard pourrait bien devenir la référence en matiére de développement web. 

Une petite pause

Ce jeu du morpion utilise l'API Drag and Drop d’HTML5 pour permettre aux joueurs d'aligner en premier trois marques de sa couleur. Faites glisser une pièce verte dans une case pour commencer la partie.

Joueur 1

xerclexerclexerclexerclexercle

Joueur 2

croix croix croix croix
 

Impacts techniques

Les nouveautés du HTML5 portent notamment sur :

  • syntaxe : plus transparente pour le développeur et plus proche du rendu, grâce, par exemple, à des nouveaux tags comme <header>, <section>, <video>.
  • formulaires : création et gestion des formulaires facilitées
  • multimedia : meilleure intégration des contenus photo et vidéo
  • javascript : plus d'interactivité pour moins de lignes de code javascript

En fait, le HTML5, tout en facilitant l'interactivité avec les internautes (géolocalisation, consultation en mode déconnecté,etc.), simplifie techniquement les développements pour des supports différents (tablettes, smartphones, web). Une attention particulière devra être portée à la conception graphique de chacune des déclinaisons car il ne faut pas oublier que l'expérience utlisateur, et donc ses attentes, varient d'un support à l'autre.

Pour une compréhension rapide du sujet n'hésitez pas à remplir notre formulaire pour recevoir notre Brief par e-mail !

Contenu du document :

  • Définition HTML5
  • Présentation HTML5
  • Nouveautés HTML5
  • Notre avis sur le HTML5
  • Nos sources

RECEVEZ NOTRE BRIEF TECHNO PAR EMAIL

Avant de partir

Faites attention, nous pouvons maintenant vous localiser en utilisant l'API de géolocalisation d'HTML5. Me localiser

Pour voir les exemples ci-dessus, vous devez utiliser un naviguateur compatible HTML5.
Ils nous font confiance
  • Publicis
  • Mister Good Deal
  • Boursorama
  • Magic Recycle
  • PathéFilms
  • Le SIEVD
Share this
x
Pour recevoir ce livre blanc, merci de nous laisser votre email : Veuillez patienter ...
Merci de saisir un email valide.