Introduction au HTML5

Utilisation de base de vscode

installation du plug-in vscode

Qu'est-ce que HTML5

Nouvelles balises HTML5

Balises audio multimédia

Balises vidéo multimédia

Nouvelle balise d'entrée HTML5

Nouveaux attributs de formulaire HTML5

Résumé HTML5

Introduction à CSS3

Sélecteur d'attribut CSS3 (en haut)

Sélecteur d'attribut CSS3 (ci-dessous)

Sélecteur de pseudo-classe structurelle CSS3 (Partie 1)

nième enfant(n)

La différence entre le nième enfant et le nième de type

Résumé du sélecteur de pseudo-classe de structure

Sélecteur de pseudo-éléments CSS3

Cas du sélecteur de pseudo-éléments

Conversion 2D : traduire

Centrer une boîte horizontalement et verticalement

Rotation de la conversion 2D

Triangle CSS3

Définir le point central de conversion

Cas du point central de rotation

Échelle de conversion 2D

Cas d'agrandissement d'image

Étui pour bouton de recherche de personnes

Méthodes d'écriture complètes et problèmes de séquence pour la conversion 2D

Résumé de la conversion 2D

Utilisation de base de l'animation CSS3

séquence d'animation

Propriétés communes des animations CSS3

Abréviation d'animation CSS3

Cas de carte thermique Big Data (Partie 1)

Cas de carte thermique Big Data (partie 2)

Les étapes de la courbe de vitesse

Grosse valise Running Bear

Comprendre la transformation 3D

traduction 3D traduire3d

perspectiveperspective

traduction

Rotation 3D

Rotation 3D rotationY

Rotation 3D

Style de transformation de rendu 3D

Étui à rabat double face

Barre de navigation 3D (en haut)

Barre de navigation 3D (ci-dessous)

Cas complet de carrousel (partie 1)

Cas complet de carrousel (partie 2)

Préfixe privé et résumé du navigateur

Introduction à la disposition du flux de développement WEB mobile

Notions de base sur les terminaux mobiles

Fenêtre

balise méta-fenêtre

rapport pixel physique/pixel physique

Graphique double

Mise à l'échelle de l'arrière-plan

Double image d'arrière-plan et découpe multi-images

Options de développement mobile

Solutions technologiques mobiles

Style spécial mobile

Sélection de technologie mobile

Disposition fluide

Travail de préparation pour la page d'accueil mobile de JD.com

paramètres du corps

disposition de l'application

remplissage du contenu de l'application

Disposition du module de recherche

Production de contenu du module de recherche

Comment créer un graphique à double sprite

Production de cartes de focus

Production de modules de jour de marque

Production du module de navigation de la barre de navigation

Module Newsletter

Fin de la page d'accueil mobile de JD.com 2

Introduction à la mise en page flexible du développement WEB mobile

Expérience de mise en page flexible

principe de disposition flexible

flex définit la direction de la broche

justifier-contenu définit la disposition des sous-éléments de l'axe principal

Si les sous-éléments flex-wrap s'enroulent

align-items définit la disposition des éléments enfants sur l'axe transversal

align-content définit la disposition des éléments enfants sur l'axe transversal

flux flexible et résumé

Utilisation des propriétés flex enfants

align-self et ordre

Travail de préparation de la page d'accueil mobile Ctrip

Analyse de la mise en page de la page d'accueil et mise en page du module de recherche

Module de recherche créé par l'utilisateur

Production de modules de recherche Production de recherche

Production de modules de focus de carte de focus

disposition de navigation locale

production de contenu de navigation locale

Utilisez le sélecteur d'attribut pour modifier l'image d'arrière-plan

disposition de l'apparence de la navigation

production de contenu de navigation

Dégradé linéaire de fond

production de modules d'entrée de sous-navigation

Production de modules d'activités populaires

Plus de production de modules de bien-être

production du module sales-bd 3

Introduction au développement WEB mobile avec mise en page adaptative

unité rem

Introduction à la syntaxe des requêtes multimédias

Décoloration de l'arrière-plan du dossier Media Query

Media query + rem réalise des changements dynamiques de taille des éléments

La requête multimédia introduit des ressources

Inconvénients du CSS

Introduction à LESS et utilisation de variables

less compiler un plug-in sans effort

moins de nidification

moins d'opération

Principe du schéma d'adaptation rem

plan d'adaptation définitif du rem

Page d'accueil de Suning production commune.moins

Style d'importation de la page d'accueil Suning

Paramètres de style de corps de la page d'accueil Suning

Disposition du module de contenu de recherche de la page d'accueil Suning

Disposition du contenu de recherche de la page d'accueil Suning

Production du module de recherche de page d'accueil Suning

Production de bannières de page d'accueil et de modules publicitaires Suning

Production de pièces de navigation sur la page d'accueil de Suning

solution d'adaptation rem 2 introduction à flexble.js

solution d'adaptation rem 2 Préparatifs préliminaires de la page d'accueil de Suning

schéma d'adaptation rem modification du style 2body

Un plug-in vscode magique cssrem

Modifier la taille de police HTML par défaut flexible

solution d'adaptation rem 2 recherche-contenu production de contenu 1

solution d'adaptation rem 2 recherche-contenu production de contenu 2

Introduction réactive au développement Web mobile

Principes de développement réactif

Conteneur de mise en page réactif

Étui de navigation réactif

Introduction à Bootstrap

Utilisation du bootstrap (partie 1)

Utilisation du bootstrap (partie 2)

Conteneur de mise en page Bootstrap

Système de grille Bootstrap

Utilisation du système de grille Bootstrap (Partie 1)

Utilisation du système de grille Bootstrap (Partie 2)

Imbrication de colonnes Bootstrap

Décalage de la colonne Bootstrap

Tri des colonnes Bootstrap

Outils réactifs Bootstrap

Analyse de la demande d'Alibaba Baixiu

Travaux préparatoires pour Ali Baixiu

Modifier la largeur maximale du conteneur

Production du logo Alibaba Baixiu

Alibaba Baixiu nav production introduit des icônes de police

Produit par Ali Baixiu News (Partie 1)

Produit par Ali Baixiu News (Partie 2)

Alibaba Baixiu publie la production de modules

Alibaba Baixiu met à part la production de modules

Production réactive du logo Alibaba Baixiu

Production réactive d'Alibaba Baixiu nav

Production réactive aux actualités d'Alibaba Baixiu

Alibaba Baixiu publie une production réactive

Résumé du développement des terminaux mobiles