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

  • Résumé de l'introduction des balises sémantiques HTML5
    Résumé de l'introduction des balises sémantiques HTML5
    Bien que les nouvelles balises sémantiques de HTML5 présentent de nombreux avantages, il existe toujours des problèmes de compatibilité dans les anciennes versions des navigateurs IE, ce qui donne souvent des maux de tête aux utilisateurs. Devraient-ils utiliser avec audace de nouvelles balises ou utiliser un grand nombre de DIV traditionnels sans signification ? Aujourd'hui, nous examinerons brièvement la compatibilité des nouvelles balises H5. Tout d'abord, regardons un petit morceau de code simple : Code HTML : <!DOCTYPE html><html><head lang="en"...
    Tutoriel H5 1737 2017-06-14 14:16:13
  • Articles recommandés sur la vérification automatique
    Articles recommandés sur la vérification automatique
    Html5 réalise la fonction de vérification automatique de l'enregistrement des utilisateurs. Exemple de code 05-24 10:49:46 Auteur : PHP Chinese Network a pris le temps d'écrire une démo d'enregistrement des utilisateurs Html5 avec fonction de vérification automatique. Utilisez la technologie de modèle de guidon et la vérification du code de vérification du téléphone mobile. Ce qui suit est une capture d'écran de l'effet : 1. Code de la page : usersRegister.hbsXML/HTML Code Copiez le contenu dans le presse-papiers <!DOCTYPE html>
    Tutoriel H5 1405 2017-06-14 14:13:46
  • Tutoriel de démarrage sur les événements glisser-déposer
    Tutoriel de démarrage sur les événements glisser-déposer
    Avant-propos HTML5 fournit une API de glisser-déposer direct, ce qui nous facilite grandement l'obtention d'effets de glisser-déposer. Nous n'avons pas besoin d'écrire beaucoup de js. Nous n'avons besoin que d'écouter les événements de glisser-déposer. éléments pour réaliser diverses fonctions de glisser-déposer. Si vous souhaitez glisser et déposer un élément, vous devez définir l'attribut draggable de l'élément sur true. Lorsque cet attribut est faux, le draggable ne sera pas autorisé. L'élément img et l'élément a ont tous deux l'attribut draggable défini sur true par défaut, vous pouvez donc les glisser-déposer directement. Si vous ne souhaitez pas glisser-déposer ces deux éléments, définissez l'attribut sur fals...
    Tutoriel H5 1506 2017-06-14 13:34:47
  • Recommandations de contenu pour le carrousel 3D
    Recommandations de contenu pour le carrousel 3D
    Le but de ce blog est que dans le cas classique du précédent sujet spécial HTML5/CSS3 CSS3 pour créer l'effet flip 3D de Baidu Tieba, il existe un point de connaissance plus important sur l'effet CSS 3D qui n'a pas été mentionné, à savoir le rendus de perspective et de traduction : Héhé, j'ai fait quelques photos quand j'ai obtenu mon diplôme universitaire dans un carrousel, tournant autour de ma spécialisation en arts libéraux, sans oublier la grâce nourricière de mon alma mater ~ 1. L'attribut perspective comprend deux attributs : aucun et une longueur valeur avec une unité. Quelle perspective...
    Tutoriel H5 2002 2017-06-14 13:30:30
  • Comment utiliser les modèles 3D ? Résumer l'utilisation d'un exemple de modèle 3D
    Comment utiliser les modèles 3D ? Résumer l'utilisation d'un exemple de modèle 3D
    1. Présentation La plupart des modèles 3D utilisés dans la programmation WebGL contemporaine sont convertis à partir de modèles 3DsMax ou de modèles Blender. Ce mode de travail est plus adapté aux scénarios dans lesquels les concepteurs 3D et les programmeurs 3D travaillent ensemble. Mais pour les passionnés de WebGL qui travaillent seuls, ce mode est trop lourd : sans compter les différents bugs du plug-in de conversion lui-même qui réduisent sérieusement le taux de réussite de la conversion, rien que pour générer un modèle simple nécessite un apprentissage systématique de 3DsMax ou de la manière Utiliser Blender donne aux gens le sentiment que le gain l'emporte sur le gain. Sur la base des considérations ci-dessus, je prévois de compiler...
    Tutoriel H5 5926 2017-06-14 11:22:21
  • Résumé des définitions et de l'utilisation des fonctions de base
    Résumé des définitions et de l'utilisation des fonctions de base
    Je suis récemment entré en contact avec Bootstrap et LESS. Les préprocesseurs CSS les plus utilisés sont LESS et Sass. Ils tentent tous d'intégrer le CSS dans un langage de développement et de le faire passer d'un langage descriptif simple à un langage avec des caractéristiques procédurales. sont : les variables, les Mixins, l'imbrication, l'héritage, etc. Comme mentionné dans le didacticiel : le préprocesseur CSS consiste à transformer le CSS d'un outil de concepteur en un outil de développeur. Mais après l'avoir lu, j'ai l'impression qu'en tant que...
    Tutoriel H5 2250 2017-06-14 10:48:16
  • Cours recommandés sur le rendu de texte
    Cours recommandés sur le rendu de texte
    Il existe principalement trois attributs et trois méthodes liés au rendu du texte : L'utilisation de base des attributs et méthodes ci-dessus est la suivante : var canvas = document.getElementById("canvas");
    Tutoriel H5 1563 2017-06-14 10:20:42
  • 10 articles recommandés sur l'impression
    10 articles recommandés sur l'impression
    La conception Web réactive est une excellente solution au problème du multi-écran, mais elle est un peu difficile du point de vue de l'impression. Il n'y a pas de taille de page fixe, pas de millimètres ou de pouces, pas de limitations physiques, pas de moyen de commencer. L’utilisation exclusive de méthodes de conception de pixels pour les ordinateurs de bureau et les mobiles appartient également au passé, car de plus en plus d’appareils peuvent ouvrir des sites Web. Par conséquent, nous devons clarifier certains principes de base de la conception Web réactive et adopter des pages Web fluides au lieu de lutter contre elles. 1. Conception Web réactive ou adaptative Elles peuvent sembler identiques, mais ce n'est pas le cas. ...
    Tutoriel H5 2832 2017-06-14 09:10:23
  • Tutoriel d'introduction pour l'ajout d'images : 10 didacticiels de base recommandés pour l'ajout d'images
    Tutoriel d'introduction pour l'ajout d'images : 10 didacticiels de base recommandés pour l'ajout d'images
    Dans le didacticiel précédent "HTML5 Practice - CSS3 Image Style", j'ai expliqué comment ajouter un emballage d'image d'arrière-plan aux images et utiliser box-shadow et border-radius pour définir une variété de styles pour les images. Les amis intéressés peuvent revenir en arrière et lire. il. Mais récemment, j'ai rencontré un problème lors de la conception du thème PhotoTouch. La taille de l'image d'arrière-plan ne peut pas être ajustée, ce qui n'est pas idéal pour un design réactif. aujourd'hui...
    Tutoriel H5 1863 2017-06-13 11:59:39
  • Un exemple de tutoriel sur les éléments sémantiques HTML5
    Un exemple de tutoriel sur les éléments sémantiques HTML5
    Qu'est-ce qu'un élément sémantique ? Un élément sémantique décrit clairement sa signification pour les navigateurs et les développeurs. Exemples d'éléments sémantiques : <div> et <span> - pas besoin de prendre en compte le contenu. Exemples d'éléments sémantiques : <table> et <img> - définit clairement son contenu. +, Firefox, Chrome, Safari...
    Tutoriel H5 1637 2017-06-13 11:51:38
  • 10 articles recommandés sur le développement HTML5
    10 articles recommandés sur le développement HTML5
    Aujourd'hui, de plus en plus de personnes essaient de développer en utilisant HTML5, et le nombre de moteurs HTML5 augmente progressivement. Quel type de moteur les développeurs doivent-ils choisir ? Cette fois, je comparerai l’efficacité de plusieurs moteurs que je trouve personnellement plutôt bons. Les moteurs participant à cette comparaison : 1. createJSwww.createjs.com2 cocos2d-HTML5www.cocos2d-x.org/wiki/Cocos2d-html53 enchant.jsenchantjs.com4.
    Tutoriel H5 2182 2017-06-13 11:42:35
  • 10 recommandations de cours sur l'animation simple
    10 recommandations de cours sur l'animation simple
    1. Rendu 2. Principe La première étape consiste à dessiner un cercle complet avec une couleur personnalisée. La deuxième étape consiste à dessiner un cercle intérieur avec un rayon plus petit que le cercle extérieur et la couleur est personnalisée. troisième cercle selon le pourcentage et la couleur est personnalisée. Pour obtenir l'effet de la troisième étape du dessin dynamique, ajoutez simplement une fonction de minuterie, tracez une distance de temps en temps et définissez un seuil lorsqu'il est supérieur à ce seuil, la minuterie sera en fait effacée. pour afficher la valeur en pourcentage. Chaque fois que vous dessinez 0,01. Remarque : lorsque vous dessinez dans le minuteur, vous devez dessiner le cercle intérieur dans la deuxième étape, et le cercle vide est également dans le minuteur...
    Tutoriel H5 1469 2017-06-13 11:25:07
  • Introduction détaillée aux bibliothèques open source
    Introduction détaillée aux bibliothèques open source
    1. Qu'est-ce que lufylegend.js ? lufylegend est un moteur open source HTML5. Il implémente le développement HTML5 en utilisant une syntaxe de type ActionScript3.0. Il comprend LSprite, LBitmapData, LBitmap, LLoader, LURLLoader, LTextField, LEvent et de nombreuses autres classes familières aux développeurs AS. Firefox, Opera, IE9, IOS, A...
    Tutoriel H5 1385 2017-06-13 11:09:52
  • 10 cours recommandés sur Box2dWeb
    10 cours recommandés sur Box2dWeb
    Angry Birds est un jeu de réflexion populaire. J'essaie maintenant d'utiliser la bibliothèque lufylegend et le moteur physique Box2dWeb pour voir comment créer un jeu de physique aussi classique en HTML5. Préparation 1 Tout d'abord, vous devez télécharger la bibliothèque lufylegend version 1.4.1 http://blog.csdn.net/lufy_legend/article/details/7751425box2dweb Vous pouvez la télécharger ici http://code.google.com/p. .
    Tutoriel H5 1721 2017-06-13 11:08:35
  • Développement de jeux HTML5 - Recommandations d'articles sur Angry Birds
    Développement de jeux HTML5 - Recommandations d'articles sur Angry Birds
    Angry Birds est un jeu de réflexion populaire. J'essaie maintenant d'utiliser la bibliothèque lufylegend et le moteur physique Box2dWeb pour voir comment créer un jeu de physique aussi classique en HTML5. Préparation 1 Tout d'abord, vous devez télécharger la bibliothèque lufylegend version 1.4.1 http://blog.csdn.net/lufy_legend/article/details/7751425box2dweb Vous pouvez la télécharger ici http://code.google.com/p. .
    Tutoriel H5 1742 2017-06-13 11:06:23

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

Matériau vectoriel d'éléments d'été mignons (EPS+PNG)

Il s'agit d'un joli matériau vectoriel d'éléments d'été, comprenant le soleil, un chapeau de soleil, un cocotier, un bikini, un avion, une pastèque, une crème glacée, une boisson fraîche, une bouée, des tongs, un ananas, une conque, une coquille, une étoile de mer, un crabe. , Citrons, crème solaire, lunettes de soleil, etc., le matériel est fourni aux formats EPS et PNG, y compris des aperçus JPG.
Matériau PNG
2024-05-09

Matériel vectoriel de quatre badges de graduation rouges 2023 (AI+EPS+PNG)

Il s'agit d'un matériau vectoriel de badge de remise des diplômes rouge 2023, quatre au total, disponible aux formats AI, EPS et PNG, y compris l'aperçu JPG.
Matériau PNG
2024-02-29

Oiseau chantant et chariot rempli de fleurs design matériel vectoriel de bannière de printemps (AI + EPS)

Il s'agit d'un matériau vectoriel de bannière printanière conçu avec des oiseaux chanteurs et un chariot rempli de fleurs. Il est disponible aux formats AI et EPS, y compris l'aperçu JPG.
image de bannière
2024-02-29

Matériau vectoriel de chapeau de graduation doré (EPS+PNG)

Il s'agit d'un matériau vectoriel de casquette de graduation dorée, disponible aux formats EPS et PNG, y compris l'aperçu JPG.
Matériau 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