19
AVR

Une présentation complète des nouveautés du HTML 5, JS et CSS 3

Publié le 19/04/10 à 09h00 par DJo

Si vous vous intéressez un peu aux dernières technologies HTML5 et CSS3, voici un très bon site sous forme de slides HTML/JS qui vous présentera toutes les nouveautés de ces langages du futur.

Nouveautés HTML5, JS APis, CSS3

Apirocks.com a développé une présentation complète des nouvelles fonctionnalités HTML 5 et CSS 3, sous forme de slideshow Javascript.

Accompagné de nombreuses démonstrations, il est conseillé de regarder la présentation sous Google Chrome qui reste le plus compatible des navigateurs modernes.

Nouveautés HTML5, JS APis, CSS3

Au programme de la présentation:

Les nouveautés du HTML5

  • Les nouveaux tags sémantiques: header, section, article, nav, aside, footer...
  • Les nouvelles relations des liens: rel='archives, rel='sidebar', rel='tag...
  • Les microdatas: itemprop='name', itemprop='nationality' ...
  • Les nouveaux champ de formulaires: range, autofocus, placeholder, menu, ...
  • Les balises média: Audio et video
  • L'élément HTML5 Canvas
  • Etc

 

Les nouveautés des APIs Javascript

  • Les nouveaux sélecteurs: getElemetnsByClassName, querySelectorAll ...
  • Le stockage web ou local: localStorage...
  • Les BDD Web SQL
  • Les API de cache pour les apps
  • Les sockets web
  • Les notifications
  • Drag and drop depuis le bureau ...
  • Geolocalisation
  • Etc.

 

Nouveautés HTML5, JS APis, CSS3

 

Les nouveautés du CSS3

  • Les nouveaux sélécteurs CSS: nth-child(even), nth-child(odd), :not, first-child ...
  • Nouveau support des polices: @font-face ...
  • Text wrapping: text-overflow: ellipsis;
  • Gestion de colonnes: -webkit-column-count, -webkit-column-rule, -webkit-column-gap
  • Bordures sur texte: -webkit-text-fill-color, -webkit-text-stroke-color, -webkit-text-stroke-width
  • Opacité: rgba(255, 0, 0, 0.75)
  • Saturation, luminosité en CSS ...: hsla(95, 98%, 68%, 0, 19)
  • Bordures arrondies: border-radius
  • Fond dégradés en CSS: -webkit-gradient
  • Ombres sur texte et sur box: text-shadow et box-shadow
  • Backgrounds améliorés: Ajustement de la taille en fonction de la div, backgrounds multiples ..
  • Transitions en CSS: -webkit-transition
  • Transformation et rotations d'éléments HTML: -webkit-transform
  • Animations en CSS
  • Etc

 

Un très bon aperçu des technologies à venir ! Vivement que tous les navigateurs soient compatibles avec ces nouvelles propriétés très prometteuses ...

 

Site Officiel

Baraguiné par etoileweb le 11/12/12 à 09h55
etoileweb sur La Ferme du Web
Le site est hors ligne
Baraguiné par lazhar le 27/03/13 à 15h13
lazhar sur La Ferme du Web
bonjour, j'ai trouvé cet article tres interessant, mais sur le lien aucune explication, plutôt des liens commerciaux, tres surpris dommage

Ajouter un Commentaire

Pour poster un commentaire, vous devez être identifié. Vous pouvez choisir parmi ces trois méthodes d'identification:

Compte la Ferme du Web

Identifiez-vous
Inscrivez-vous

Compte Facebook

Connexion avec Facebook

Compte Twitter

Connexion avec votre compte twitter
Rechercher sur la Ferme du web