localisation actuelle:Maison > Articles techniques > interface Web > Tutoriel H5

  • Exemples de compression utilisant gulp
    Exemples de compression utilisant gulp
    1. Téléchargez et installez le nœud Visitez http://nodejs.org, puis cliquez sur le gros bouton d'installation vert Une fois le téléchargement terminé, exécutez le programme directement et vous serez prêt. npm sera installé avec le package d’installation. 2. Ouvrez la ligne de code node -v //Vérifiez la version du nœud Si le numéro de version est affiché, l'installation est réussie. npm -v //Vérifiez la version de npm Si le numéro de version est affiché, l'installation est réussie. position
    Tutoriel H5 1444 2017-06-21 15:21:18
  • Démonstration en ligne d'un exemple d'effet de commutation plein écran
    Démonstration en ligne d'un exemple d'effet de commutation plein écran
    Démo en ligne : DÉMO Le code dans la DÉMO et ci-dessous n'a pas de code compatible. Veuillez utiliser un navigateur avancé pour l'ouvrir. La version IE n'est pas très conviviale avec la prise en charge de CSS3. Il n'y a pas d'effet de défilement lorsqu'elle est ouverte dans IE11. Préfixes de code compatibles : -kit Web- -moz- -o- -MS- ​ Accédez directement au code : <!DOCTYPEhtml> <html lang="fr"> <tête> <
    Tutoriel H5 1855 2017-06-21 14:57:30
  • Comment créer un arrière-plan de différence visuelle dynamique (h5)
    Comment créer un arrière-plan de différence visuelle dynamique (h5)
    Lors de la création d'un site Web, des effets de différence visuelle peuvent être utilisés Comme le montre l'image ​ L'aberration visuelle a un effet très intéressant lors de la création de pages Web. Aujourd'hui, je veux parler de la façon de présenter l'aberration visuelle dynamique. L'effet est comme le montre la figure : ​ ​ La méthode de production nécessite d'abord un plug-in de différence visuelle Le plug-in que j'utilise est un plug-in de différence visuelle plus populaire <link rel="stylesheet" type="text/css" href="css/reset.css?1.1.10" /> &l
    Tutoriel H5 5148 2017-06-21 14:34:40
  • Comment puis-je implémenter une zone cliquable circulaire sur la page ?
    Comment puis-je implémenter une zone cliquable circulaire sur la page ?
    1. carte+zone Méthode de mise en œuvre du logiciel DW Vidéo : http://www.chuanke.com/3885380-190205.html 2. rayon de bordure(H5) <style> .cercle{ /*paramètres du cercle*/ ​​
    Tutoriel H5 2383 2017-06-21 14:33:57
  • Introduction à la dénomination standard du front-end WEB
    Introduction à la dénomination standard du front-end WEB
    En-tête ----------------utilisé pour l'en-tête Contenu principal principal ------------ utilisé pour le contenu principal (partie médiane) Gauche principale-gauche -------------Disposition gauche Droit principal-droit -----------Disposition à droite Enveloppement de manteau ------------------utilisé pour la couche la plus externe Barre de navigation nav -------------------Barre de navigation du menu Web contenu contenu
    Tutoriel H5 1785 2017-06-21 14:33:16
  • Comment utiliser le framework Less et Sass ?
    Comment utiliser le framework Less et Sass ?
    1. Moins de syntaxe 1. Déclaration des variables : @Nom de la variable : valeur de la variable ; 1 @newHeight:20px; 2. Variables d'appel : 1 .boîte { 2 largeur : @newHeight ; 3 hauteur : @newHeight ; 4} 3. Héritage multiple (Mixins) : appelle les classes existantes comme leurs propres membres 1 .boîte1 { 2.boîte ; 3} ​
    Tutoriel H5 2154 2017-06-21 14:28:56
  • Explication détaillée des balises sémantiques HTML5 et du traitement de compatibilité
    Explication détaillée des balises sémantiques HTML5 et du traitement de compatibilité
    <header></header> En-tête Principalement utilisé pour l'introduction d'informations en tête de page, mais peut également être utilisé pour les en-têtes de section <hgroup></hgroup> Une combinaison de titres sur la page, un titre et un sous-titre, ou une combinaison de slogans <hgroupe> <h1>Magnifique salle de classe</h1> <h2>Vous initier à une formation informatique humaine</h2> </h
    Tutoriel H5 1392 2017-06-21 14:27:54
  • Comment télécharger des vidéos Sina Weibo et des vidéos Miaopai
    Comment télécharger des vidéos Sina Weibo et des vidéos Miaopai
    Bien que l'application Sina Weibo elle-même ne fournisse pas la fonction de téléchargement de vidéos Weibo, nous pouvons utiliser des outils tiers pour télécharger des vidéos Weibo. De nombreux logiciels sur Internet doivent être installés sur un ordinateur pour pouvoir les utiliser, mais si nous voulons les utiliser sur un téléphone mobile, nous ne pouvons pas les utiliser. Aujourd'hui, je vais donc partager une méthode pour télécharger des vidéos Weibo et Miaopai sur votre téléphone mobile. Comment télécharger des vidéos Sina Weibo et des vidéos Miaopai : 1. Ouvrez l'application Sina Weibo, recherchez la vidéo que vous souhaitez télécharger, sur la page Weibo contenant la vidéo, cliquez sur les trois points (...) dans le coin supérieur droit, puis une fenêtre contextuelle de partage apparaîtra, cliquez pour copier le lien ou le point de passage
    Tutoriel H5 4442 2017-06-21 14:13:23
  • Comment utiliser CSS3 Flexbox ?
    Comment utiliser CSS3 Flexbox ?
    Source de l'article : http://www.zhufengpeixun.cn/article/173 1. Préface Flexbox est un modèle de boîte CSS3. Comme son nom l'indique, c'est une boîte flexible. Pourquoi cet attribut est-il devenu populaire récemment ? La raison principale est que la spécification CSS3 est finalement devenue populaire (ou IE a finalement échoué) et que le développement des appareils mobiles a favorisé l'essor d'une mise en page réactive, qui offre une flexibilité considérable en termes de longueur et de largeur adaptatives.
    Tutoriel H5 2200 2017-06-21 14:09:08
  • Explication détaillée de l'utilisation de jQuery Validation
    Explication détaillée de l'utilisation de jQuery Validation
    Framework de validation jQuery : code html de base : 1 <script src="js/jquery-1.9.1.js?1.1.10"></script> 2 <script src="js/jquery.validate.min.js?1.1 .10"></script> 3 <script> 4 $(fonction
    Tutoriel H5 2072 2017-06-21 13:33:23
  • Tutoriel d'utilisation de la base de données Web SQL
    Tutoriel d'utilisation de la base de données Web SQL
    L'API Web SQL Database ne fait pas partie de la spécification HTML5, mais il s'agit d'une spécification indépendante qui introduit un ensemble d'API pour exploiter les bases de données client à l'aide de SQL. Méthode principale : openDatabase - crée un objet de base de données en utilisant une base de données existante ou une nouvelle base de données ; transaction - peut contrôler un objet et effectuer une validation ou une restauration en fonction de cette situation ; Méthode openDatabase()
    Tutoriel H5 2222 2017-06-21 13:19:34
  • Exemple de tutoriel de démarrage rapide createjs
    Exemple de tutoriel de démarrage rapide createjs
    Lorsque j'ai commencé à utiliser le framework createjs, j'ai constaté qu'il y avait encore très peu de didacticiels connexes sur Internet, j'ai donc écrit un article pour une référence facile à l'avenir. Le site officiel d'introduction de createjs : http://www.createjs.cc/createjs contient les quatre parties suivantes : EaselJS : utilisé pour dessiner des sprites, des animations, des vecteurs et des bitmaps, et créer des expériences interactives sur HTML5 Canvas (y compris multi-touch) TweenJS : utilisé pour les effets d'animation SoundJS :
    Tutoriel H5 3746 2017-06-21 10:33:14
  • Apprenez HTML5 à partir de zéro
    Apprenez HTML5 à partir de zéro
    1 didacticiel d'introduction HTML5 de base et 4 didacticiels de petits projets HTML5 pour vous aider à apprendre HTML5 à partir de zéro. [Introduction aux bases de HTML5] Le didacticiel présentera les nouvelles fonctionnalités de HTML5, notamment les balises de structure, les nouvelles balises de formulaire, les opérations sur les fichiers, le canevas, le stockage local, etc. Il convient aux personnes intéressées par la programmation front-end et ayant déjà appris le HTML. Liste d'expériences : [Recadrage d'image local basé sur HTML5] Ce projet implémente l'utilisation de la technologie de canevas HTML5 et combine HTML5 File AP
    Tutoriel H5 3938 2017-06-21 10:28:43
  • Comment écrire une animation de chargement d'arc et de secteur ?
    Comment écrire une animation de chargement d'arc et de secteur ?
    0. Rendu statique 1. Code pour dessiner la largeur de l'arc : 3em ; hauteur : 3em ; bordure : 7px transparent solid ; border-left : 7px #4DB6AC solid ; #4DB6AC solide ; rayon de bordure : 50 % ;
    Tutoriel H5 1740 2017-06-21 10:28:01
  • Un petit diaporama JS chaque jour. Principaux points de connaissance : événement
    Un petit diaporama JS chaque jour. Principaux points de connaissance : événement
    <!DOCTYPE html><html lang="fr"><head><meta charset="UTF-8"><title>Document</title><style type="text/css">body { margin: 0; } #wrap { marge : 100px auto ; positif
    Tutoriel H5 1378 2017-06-21 09:01:04

Recommandations d'outils

Code de contact du formulaire de message d'entreprise jQuery

Le code de contact du formulaire de message d'entreprise jQuery est un formulaire de message d'entreprise simple et pratique et le code de la page d'introduction contactez-nous.

Effets de lecture de boîte à musique HTML5 MP3

L'effet spécial de lecture de boîte à musique HTML5 MP3 est un lecteur de musique MP3 basé sur HTML5 + CSS3 pour créer de jolies émoticônes de boîte à musique et cliquer sur le bouton de commutation.

Effets spéciaux du menu de navigation d'animation de particules cool HTML5

L'effet de menu de navigation d'animation de particules cool HTML5 est un effet spécial qui change de couleur lorsque le menu de navigation est survolé par la souris.

Code d'édition par glisser-déposer du formulaire visuel jQuery

Le code d'édition par glisser-déposer du formulaire visuel jQuery est un formulaire visuel basé sur jQuery et le framework bootstrap.

Modèle Web de fournisseur de fruits et légumes biologiques Bootstrap5

Un modèle Web de fournisseur de fruits et légumes biologiques-Bootstrap5
Modèle d'amorçage
2023-02-03

Modèle de page Web réactive de gestion d'arrière-plan d'informations de données multifonctionnelles Bootstrap3-Novus

Modèle de page Web réactive de gestion d'arrière-plan d'informations de données multifonctionnelles Bootstrap3-Novus
modèle de back-end
2023-02-02

Modèle de page Web de plate-forme de services de ressources immobilières Bootstrap5

Modèle de page Web de plate-forme de services de ressources immobilières Bootstrap5
Modèle d'amorçage
2023-02-02

Modèle Web d'informations de CV simples Bootstrap4

Modèle Web d'informations de CV simples Bootstrap4
Modèle d'amorçage
2023-02-02

可爱的夏天元素矢量素材(EPS+PNG)

这是一款可爱的夏天元素矢量素材,包含了太阳、遮阳帽、椰子树、比基尼、飞机、西瓜、冰淇淋、雪糕、冷饮、游泳圈、人字拖、菠萝、海螺、贝壳、海星、螃蟹、柠檬、防晒霜、太阳镜等等,素材提供了 EPS 和免扣 PNG 两种格式,含 JPG 预览图。
PNG素材
2024-05-09

四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)

这是一款红的的 2023 毕业徽章矢量素材,共四个,提供了 AI 和 EPS 和免扣 PNG 等格式,含 JPG 预览图。
PNG素材
2024-02-29

唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)

这是一款由唱歌的小鸟和装满花朵的推车设计的春天 banner 矢量素材,提供了 AI 和 EPS 两种格式,含 JPG 预览图。
banner图
2024-02-29

金色的毕业帽矢量素材(EPS+PNG)

这是一款金色的毕业帽矢量素材,提供了 EPS 和免扣 PNG 两种格式,含 JPG 预览图。
PNG素材
2024-02-27

Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure

Le modèle de site Web d'entreprise de services de nettoyage et d'entretien de décoration d'intérieur est un modèle de site Web à télécharger adapté aux sites Web promotionnels qui proposent des services de décoration, de nettoyage, d'entretien et d'autres organisations de services. Astuce : Ce modèle appelle la bibliothèque de polices Google et la page peut s'ouvrir lentement.
Modèle frontal
2024-05-09

Modèle de page de guide de CV personnel aux couleurs fraîches

Le modèle de page de guide de CV de candidature personnelle de correspondance de couleurs fraîches est un téléchargement de modèle Web de page de guide d'affichage de travail de CV de recherche d'emploi personnel adapté au style de correspondance de couleurs fraîches. Astuce : Ce modèle appelle la bibliothèque de polices Google et la page peut s'ouvrir lentement.
Modèle frontal
2024-02-29

Modèle Web de CV de travail créatif de concepteur

Le modèle Web de CV de travail créatif de concepteur est un modèle Web téléchargeable pour l'affichage de CV personnels adapté à divers postes de concepteur. Astuce : Ce modèle appelle la bibliothèque de polices Google et la page peut s'ouvrir lentement.
Modèle frontal
2024-02-28

Modèle de site Web d'entreprise de construction d'ingénierie moderne

Le modèle de site Web d'entreprise d'ingénierie et de construction moderne est un modèle de site Web téléchargeable adapté à la promotion du secteur des services d'ingénierie et de construction. Astuce : Ce modèle appelle la bibliothèque de polices Google et la page peut s'ouvrir lentement.
Modèle frontal
2024-02-28
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!