Accès rapide :
Nouveautés HTML 5 & CSS 3
Nouveautés HTML 5 & CSS 3 : Plan de la formation
Nouveautés HTML 5 & CSS 3 Introduction à l'utilisation de HTML 5 et CSS 3
Introduction à l'utilisation de HTML 5 et CSS 3 : Bref historique sur les technologies Web
Introduction à l'utilisation de HTML 5 et CSS 3 :Bref historique sur les technologies Web
Nouveautés HTML 5 & CSS 3Introduction à l'utilisation de HTML 5 et CSS 3
Introduction à l'utilisation de HTML 5 et CSS 3 : Diverses questions / réponses
Introduction à l'utilisation de HTML 5 et CSS 3 :Diverses questions / réponses
Nouveautés HTML 5 & CSS 3 Quelques premières nouveautés
Quelques premières nouveautés : Structure d'une page HTML 5
Quelques premières nouveautés :Structure d'une page HTML 5
Nouveautés HTML 5 & CSS 3Quelques premières nouveautés
Quelques premières nouveautés : Gestion de la sémantique
Quelques premières nouveautés :Gestion de la sémantique
Quelques premières nouveautés : Tags de mise en page
Quelques premières nouveautés :Tags de mise en page
Quelques premières nouveautés : Indicateurs de progression
Quelques premières nouveautés :Indicateurs de progression
Quelques premières nouveautés : Eléments multimédia
Quelques premières nouveautés :Eléments multimédia
Autres possibilités HTML 5 : API d'édition et attribut contenteditable
Autres possibilités HTML 5 :API d'édition et attribut contenteditable
Nouveautés HTML 5 & CSS 3 Gestion des formulaires
Gestion des formulaires : Rappels sur la mise en uvre de formulaires HTML
Nouveautés HTML 5 & CSS 3Gestion des formulaires
Gestion des formulaires : Les extensions sur les tags existants
Gestion des formulaires :Les extensions sur les tags existants
Gestion des formulaires : Les nouveaux champs de saisie
Gestion des formulaires :Les nouveaux champs de saisie
Nouveautés HTML 5 & CSS 3 Mise en uvre du Drag'n drop avec HTML 5
Mise en uvre du Drag'n drop avec HTML 5 : Définir les éléments draggable
Mise en uvre du Drag'n drop avec HTML 5 :Définir les éléments draggable
Nouveautés HTML 5 & CSS 3Mise en uvre du Drag'n drop avec HTML 5
Nouveautés HTML 5 & CSS 3 Applications de styles avec CSS 3
Applications de styles avec CSS 3 : Bordures arrondies
Applications de styles avec CSS 3 : Gestion de la transparence
Applications de styles avec CSS 3 : Gestion des ombres portées
Applications de styles avec CSS 3 : Gestion des dégradés
Applications de styles avec CSS 3 : Utilisation de filtres
Applications de styles avec CSS 3 : Transformations 2D et 3D
Applications de styles avec CSS 3 : Utilisation de transitions
Applications de styles avec CSS 3 : Extension du DOM
Applications de styles avec CSS 3 :Extension du DOM
Nouveautés HTML 5 & CSS 3 Responsive Web design
Responsive Web design Notion de « Media Queries »
Responsive Web designNotion de « Media Queries »
Nouveautés HTML 5 & CSS 3Responsive Web design
Responsive Web design Positionnement « Flex Box »
Responsive Web designPositionnement « Flex Box »
Nouveautés HTML 5 & CSS 3 Utilisation de Canvas HTML 5
Utilisation de Canvas HTML 5 : Présentation du tag canvas
Utilisation de Canvas HTML 5 :Présentation du tag canvas
Nouveautés HTML 5 & CSS 3Utilisation de Canvas HTML 5
Utilisation de Canvas HTML 5 : Utilisation d'un contexte de tracé 2D
Utilisation de Canvas HTML 5 :Utilisation d'un contexte de tracé 2D
Utilisation de Canvas HTML 5 : Différents types d'effets visuels
Nouveautés HTML 5 & CSS 3 Autres possibilités HTML 5
Autres possibilités HTML 5 : La géolocalisation
Nouveautés HTML 5 & CSS 3Autres possibilités HTML 5
Autres possibilités HTML 5 : Gestion des storages
Autres possibilités HTML 5 :Gestion des storages
Autres possibilités HTML 5 : IndexedDB et les base de données
Autres possibilités HTML 5 :IndexedDB et les base de données
Autres possibilités HTML 5 Utilisation du mode « Off Line »
Autres possibilités HTML 5Utilisation du mode « Off Line »
Autres possibilités HTML 5 : Les webworkers
Autres possibilités HTML 5 :Les webworkers
Autres possibilités HTML 5 : Les websockets
Autres possibilités HTML 5 :Les websockets
Autres possibilités HTML 5 : Gestion de l'historique du navigateur
Autres possibilités HTML 5 : La 3D avec WebGL
Annexe - Librairie dépréciée
Annexe - Librairie dépréciée : Base de données SQL Web
Annexe - Librairie dépréciée :Base de données SQL Web
Merci de votre attention
Mise en ?uvre du Drag'n drop avec HTML 5 :Définir les éléments draggable Pour marquer un objet comme étant draggable, il faut lui ajouter un attribut draggable="true". Vous pouvez ajouter du style CSS pour visualiser les zones contenant les éléments draggable. <div class="container"> <div id="draggableElement" class="element" draggable="true"> Drag me ! </div> </div> <div class="container"> <!-- Empty area --> </div> Dominique Liard - 2011..2018 Notes: Vous pouvez dès à présent tester votre page : vous devriez observer le support du drag.
Diapositive précédente
Diapositive suivante
Vous êtes un professionnel et vous avez besoin d'une formation ?
Programmation
Voir le programme détaillé
2025 © SARL Infini Software - Tous droits réservés
Mentions légales
Les informations présentes dans ce site vous sont fournies dans le but de vous aider à acquérir les compétences nécessaires à
l'utilisation des langages ou des technologies considérés. Infini Software ne pourra nullement être tenu responsable de l'utilisation
des informations présentes dans ce site.
De plus, si vous remarquez des erreurs ou des oublis dans ce document, n'hésitez surtout pas à nous le signaler en envoyant un mail
à l'adresse : .
Les autres marques et les noms de produits cités dans ces documents sont la propriété de leurs éditeurs respectifs.
Améliorations / Corrections
Vous avez des améliorations (ou des corrections) à proposer pour ce document : je vous remerçie par avance de m'en faire part, cela m'aide à améliorer le site.
Emplacement :
Description des améliorations :