Structure HTML
04 minutes00 secondesSyntaxe HTML
09 minutes48 secondesBalises HTML
17 minutes13 secondesAttributs HTML
11 minutes29 secondesStructure XHTML
06 minutes49 secondesType XHTML
05 minutes08 secondesAnalyse DTD
06 minutes13 secondesespace de noms
03 minutes46 secondesSyntaxe HTML5
13 minutes02 secondesÉléments HTML5
15 minutes12 secondesAttributs HTML5
06 minutes30 secondesAttributs globaux HTML5
07 minutes57 secondesAutres fonctionnalités HTML5
11 minutes05 secondesComprendre la structure des documents HTML5
11 minutes02 secondesClassement des éléments HTML5
Identifier les articles
05 minutes10 secondesContenu des segments
Informations de navigation sur la conception
05 minutes50 secondesInformations d'assistance à la conception
03 minutes36 secondesConcevoir des microformats
Ajouter la date de sortie
Ajouter un cartouche
01 minutes58 secondesTitres de groupe
Ajouter un bloc de notes de bas de page
Ajouter des informations de contact
aperçu de la conception
style de conception
Applications de type e-mail
03 minutes45 secondesapplication de type URL
02 minutes46 secondesApplications de type numéro
Applications de type gamme
02 minutes32 secondesApplication de type vérificateur de date
applications de type recherche
demande de type tél
applications de type couleur
Nouvel attribut de saisie semi-automatique
Nouvel attribut de mise au point automatique
05 minutes04 secondesNouvel attribut de formulaire
Nouvelles propriétés de remplacement de formulaire
Nouveaux attributs de hauteur et de largeur
01 minutes48 secondesNouvel attribut de liste
Nouveaux attributs min, max et step
Nouvel attribut multiple
Nouvel attribut de motif
Nouvel attribut d'espace réservé
Nouvel attribut obligatoire
Nouvel élément de liste de données
Nouvel élément keygen
Nouvel élément de sortie
Nouvel attribut de saisie semi-automatique
00 minutes58 secondesNouvel attribut novalidate
01 minutes28 secondesAjouter un élément de canevas à la page
02 minutes33 secondesComment Canvas dessine des graphiques
06 minutes14 secondesComprendre les coordonnées du canevas
Quand ne pas utiliser Canvas
Si le navigateur ne prend pas en charge Canvas
Vérifier la prise en charge du navigateur
Tracer une ligne droite
02 minutes34 secondesDessine un rectangle
Dessine un cercle
dessiner un triangle
03 minutes08 secondesToile transparente
Tracer une courbe de Bézier quadratique
Tracer la courbe de Bézier cubique
Enregistrer et restaurer l'état du canevas
Déplacer l'espace de coordonnées
Faire pivoter l'espace de coordonnées
Faire pivoter l'espace de coordonnées
Zoomer les graphiques
transformation matricielle
combinaison de graphiques
04 minutes55 secondeschemin de détourage
Appliquer différents styles de ligne
Dessiner un dégradé linéaire
Dessiner un dégradé radial
dessiner un motif
Définir la transparence des graphiques
Créer une ombre
Dessiner un texte de remplissage
Dessiner un texte de contour
Mesurer la largeur du texte
Importer des images dans Canvas
Changer la taille de l'image
Créer des tranches d'image
07 minutes04 secondesDétecter la prise en charge du format audio avec JavaScript
04 minutes20 secondesDétecter la prise en charge du format vidéo avec JavaScript
03 minutes38 secondesComprendre les éléments audio
02 minutes28 secondesLire du son
05 minutes22 secondesApprenez à connaître les éléments vidéo
01 minutes12 secondesLire la vidéo
06 minutes11 secondesPropriétés liées à l'audio et à la vidéo
Méthodes liées à l'audio et à la vidéo
08 minutes58 secondesMéthodes liées à l'audio et à la vidéo
Événements liés à l'audio et à la vidéo
Contrôler la lecture de musique avec un script
Afficher les images vidéo
Vérifier la prise en charge du navigateur
06 minutes32 secondesDéfinir et obtenir des données
Prévenir les fuites de données
Autres utilisations du stockage Web
02 minutes25 secondesSurveillance des événements de stockage Web
03 minutes37 secondesExemple 1 : Concevoir un skin de page Web
Exemple 2 : suivi des données localStorage
05 minutes48 secondesExemple 3 : Compteur de conception
Application complète : suivi en temps réel des projets d'applications web
08 minutes56 secondesUtiliser une base de données Web SQL
Exemple 1 : Créer une base de données locale simple
05 minutes56 secondesExemple 2 : stocker les données locales par lots
Application complète : développement mixte de Web Storage et Web SQL
Combat pratique 1 : mise en cache de la page d'accueil
Combat pratique 2 : Modifier le contenu hors ligne
Combat pratique 3 : suivi hors ligne
Vérifier la prise en charge du navigateur
Créer des travailleurs Web
Communiquer avec les Web Workers
Pratique pratique avec les Web Workers
Utiliser le multithread pour implémenter les opérations en arrière-plan
Filtrer les valeurs en arrière-plan
Traitement simultané multitâche
Communiquer entre plusieurs threads
Calculer la série de Fibonacci à l'aide de la technologie de thread
Utiliser le multithreading pour dessiner
Rédiger la page principale de l'application
03 minutes13 secondesTravailleur d'écriture js
Communiquer avec les Web Workers
04 minutes15 secondesPrésentation de CSS1.0 et CSS2.0
La relation entre les balises CSS et DIV
05 minutes15 secondesNormes de codage CSS
07 minutes57 secondessélecteur d'attribut
05 minutes15 secondesTransparence RVBA
disposition multi-colonnes
Plusieurs images d'arrière-plan
01 minutes54 secondesDébordement de chaîne
Bloquer les ombres et les ombres arrondies
coins arrondis
Image de bordure
déformation
Champ d'application de CSS 3
Navigateurs prenant actuellement en charge CSS 3
Cas pratique : Concevoir de belles formes
Comprendre les sélecteurs d'attributs
Pratique de cas
Comprendre les sélecteurs de pseudo-classes structurelles
Pratique de cas
Comprendre les sélecteurs de pseudo-classes courants de l'interface utilisateur
Pratique de cas
Autres sélecteurs
Définir la propriété text-shadow
Appliquer un effet d'ombre
Pratique complète : Concevoir la page d'accueil d'un site Web de hacker
05 minutes49 secondestexte de débordement
retour à la ligne du texte
Utiliser les valeurs de couleur RGBA
Utiliser les valeurs de couleur HSL
Utiliser les valeurs de couleur HSLA
Définir l'attribut d'opacité
Définir la valeur de la couleur transparente
Explication détaillée de l'utilisation
Pratique de cas
01 minutes04 secondesExplication détaillée de l'utilisation
Pratique de cas
Explication détaillée de l'utilisation
Cas pratique : Concevoir des graphiques elliptiques
Explication détaillée de l'utilisation
Cas pratique : Conception de l'effet d'interface de Windows 7
Définir les coordonnées de l'arrière-plan
Définir la zone de recadrage de l'arrière-plan
Définir la taille de l'image d'arrière-plan
Définir la façon dont l'image d'arrière-plan boucle
Définir plusieurs images d'arrière-plan
Apprenez à connaître la transformation
04 minutes26 secondesanimation de rotation
Animation de zoom
animation en mouvement
Animation d'inclinaison
Animation de transformation
Cas pratique : Concevoir un mur de graffitis
Transformation personnalisée
Définir des déformations complexes
Définir les propriétés de transition
Définir le temps de transition
Définir le délai de transition
Définir les effets de transition
Cas pratique : conception d'OS Navigator
Cas pratique : Conception d'effets de retournement d'image
Conception d'un dégradé de kit Web
Pratique de cas Webkit
Conception d'un dégradé de kit Web
Pratique de cas Webkit
Conception Gecko Dégradé
Pratique du cas Gecko
Concevoir un dégradé IE
Conception du dégradé W3C
Coffret cadeau design
Panneaux pliants design
la conception peut
Animation de glissement de disque de conception
Menu déroulant Conception
Boutons au design exquis
Concevoir une mise en page multi-colonnes
03 minutes16 secondesDéfinir la largeur des colonnes
01 minutes29 secondesDéfinir le nombre de colonnes
01 minutes08 secondesDéfinir l'espacement des colonnes
01 minutes07 secondesDéfinir le style de bordure de colonne
02 minutes19 secondesDéfinir l'affichage dans les colonnes
01 minutes45 secondesDéfinir la hauteur de la colonne
01 minutes49 secondesDisposition de la boîte de conception
04 minutes53 secondesDéfinir la largeur adaptative ok
04 minutes08 secondesDéfinir l'ordre d'affichage des colonnes
01 minutes48 secondesDéfinir la direction de la disposition des colonnes
01 minutes13 secondesDéfinir l'adaptation de la taille du module
03 minutes05 secondesÉliminer les espaces blancs
04 minutes03 secondesDéfinir l'alignement
Pratique complète : conception de pages Web multicolonnes
05 minutes19 secondesChanger la façon dont le modèle de boîte est composé
Ajuster la taille de l'élément
Définir le contour
Définir le déplacement du contour
Définir l'ordre de navigation
Définir la séquence de contrôle des touches de direction
Ajouter du contenu d'affichage
Annuler le style d'élément
Soyez prudent lorsque vous utilisez l'initiale
Gestion des débordements
Utiliser les règles @font-face
Découvrez le module Media Queries
Connaître les règles @media
Utiliser les règles @media
Appliquez les règles @media à votre site
Ajouter une fonction vocale
réflexion de conception
04 minutes42 secondes"Tutoriel vidéo sur la page d'accueil d'Ideal Video Tutorial Network"