localisation actuelle:Maison > Articles techniques > interface Web > tutoriel CSS

  • Astuce rapide: la bonne façon d'utiliser les éléments Figure & Figcaption
    Astuce rapide: la bonne façon d'utiliser les éléments Figure & Figcaption
    Les éléments figure et Figcaption sont des balises HTML5 sémantiquement appariées souvent utilisées ensemble pour améliorer la structure et l'accessibilité du contenu. Ce guide offre les meilleures pratiques pour leur mise en œuvre correcte. L'élément de figure résume
    tutoriel CSS 467 2025-02-22 09:41:10
  • Fondation 6: La nouvelle grille Flex
    Fondation 6: La nouvelle grille Flex
    Fondation 6's Flex Grid: un système de mise en page puissant basé sur Flexbox Foundation 6 présente une grille Flex changeante, tirant parti de la puissance de Flexbox pour créer des conceptions Web réactives et complexes. Cependant, ce système avancé nécessite une composition du navigateur
    tutoriel CSS 703 2025-02-22 09:39:13
  • Comment vous pouvez utiliser des composants Web réactifs aujourd'hui
    Comment vous pouvez utiliser des composants Web réactifs aujourd'hui
    Il y a quelques années, j'ai commencé à entendre beaucoup sur les composants Web. Je suis devenu assez excité, puis je les ai totalement oubliés alors que le bruit s'installait. Il s'avère qu'il y a eu un bon mouvement et que le soutien commence à augmenter. Compon Web réactif
    tutoriel CSS 842 2025-02-22 09:38:15
  • Débogage à distance pour les développeurs frontaux
    Débogage à distance pour les développeurs frontaux
    Le développement frontal était (un peu) facile. Vous pouvez installer un tas de navigateurs sur deux ordinateurs / systèmes d'exploitation différents, physique ou virtuel, et utiliser les outils de développeur construits dans presque tous les navigateurs pour résoudre la compatibilité Probl
    tutoriel CSS 257 2025-02-22 09:33:11
  • Quelle est la définition d'un 'hack CSS'?
    Quelle est la définition d'un 'hack CSS'?
    Si vous écrivez CSS depuis au moins quelques années, vous avez très certainement utilisé un hack CSS. Mais si vous êtes relativement nouveau dans CSS, il est possible que vous ayez entendu le terme mais que vous ne savez pas exactement ce que cela signifie. Dans ce post, je vais expliquer
    tutoriel CSS 306 2025-02-22 09:17:10
  • Un flux de travail SVG fonctionnel pour les icônes accessibles
    Un flux de travail SVG fonctionnel pour les icônes accessibles
    L'utilisation des polices d'icônes est généralement découragée en raison des incohérences de rendu, des problèmes d'accessibilité et des limitations sémantiques. Cet article décrit un flux de travail rationalisé pour la création et la mise en œuvre d'icônes SVG accessibles, en tirant parti de la puissance de SVG
    tutoriel CSS 246 2025-02-22 09:05:10
  • Une introduction pratique à Material Design Lite par Google
    Une introduction pratique à Material Design Lite par Google
    En 2014, Google a publié la spécification de conception des matériaux, un langage visuel visant à réunir des principes de conception solides, une expérience utilisateur cohérente sur différentes plateformes et appareils, et l'innovation technologique et scientifique. 2 juillet
    tutoriel CSS 434 2025-02-22 09:01:12
  • Astuce rapide: fixer le problème du poids de la police sur les états de survol
    Astuce rapide: fixer le problème du poids de la police sur les états de survol
    Cet article explore le décalage de texte frustrant qui se produit lors du changement de la propriété de poids de police sur les états de volonté de liaison et propose deux solutions efficaces. Le problème: décalages de texte indésirables La modification du poids de la police (par exemple, en gras sur plané) provoque souvent
    tutoriel CSS 283 2025-02-22 08:55:13
  • Comment utiliser efficacement Aria avec HTML5
    Comment utiliser efficacement Aria avec HTML5
    Aria (applications Internet riches accessibles) améliore l'accessibilité du site Web pour les utilisateurs handicapés. Ce guide explique comment les développeurs peuvent tirer parti de l'ARIA et du HTML5 pour améliorer l'expérience utilisateur. Aria augmente les éléments HTML sémantiques existants (Li
    tutoriel CSS 818 2025-02-22 08:53:08
  • Un tutoriel de jade pour les débutants
    Un tutoriel de jade pour les débutants
    Principaux à retenir Jade, également connu sous le nom de PUG, est un moteur de modèles principalement utilisé pour les modèles côté serveur dans NodeJS, offrant un moyen plus concis et élégant d'écrire le balisage que le HTML simple. Jade utilise l'indentation pour déterminer comment les étiquettes sont imbriquées, w
    tutoriel CSS 851 2025-02-22 08:38:11
  • Début avec les outils de CLI de la fondation 6 & # x27;
    Début avec les outils de CLI de la fondation 6 & # x27;
    Guide de démarrage des outils de ligne de commande de fondation 6 Foundation 6 propose une variété de façons d'utiliser et d'outils. Vous pouvez télécharger des fichiers statiques ou utiliser le lancement de Yeti (une application de bureau pour Mac, la version Windows arrive bientôt). Moins connu est que Foundation 6 fournit également un ensemble d'outils de ligne de commande, qui seront décrits dans cet article. La Fondation 6 est un cadre frontal très flexible qui possède de puissants outils de développement en plus de nombreuses fonctionnalités CSS évidentes et plugins JavaScript. Points clés Foundation 6 fournit un ensemble de travailleurs de ligne de commande
    tutoriel CSS 190 2025-02-22 08:34:10
  • Nettoyer une base de code CSS
    Nettoyer une base de code CSS
    Vous venez d'être intégré à un projet existant pour remplacer un développeur qui sortait. Ou peut-être que vous venez d'ouvrir votre ancien projet d'il y a quelques années. Vous êtes confronté à l'effroi et à l'horreur lorsque vous regardez le code. Vous ne pouvez faire qu'une seule chose: CL
    tutoriel CSS 349 2025-02-22 08:32:09
  • Fondation 6: le nouveau composant de menu
    Fondation 6: le nouveau composant de menu
    Système de menu rationalisé de la fondation 6: un seul composant adaptable remplaçant plusieurs options héritées. Améliorations clés: Composant de menu unifié: la fondation 6 consolide les listes en ligne, la navigation latérale, les barres d'icônes et la sous-navigation en un seul,
    tutoriel CSS 311 2025-02-22 08:31:17
  • Comment utiliser PostCSS avec Gulp
    Comment utiliser PostCSS avec Gulp
    POSTCSS et Gulp: une combinaison puissante pour le traitement CSS Ce tutoriel montre comment tirer parti des PostCSS avec Gulp pour un traitement CSS efficace. Nous couvrirons la configuration du projet, l'installation du plugin, la gestion de plusieurs plugins, la compréhension de l'exécution
    tutoriel CSS 793 2025-02-22 08:24:11
  • Comment concevoir des dispositions riches en cartes avec une interface utilisateur sémantique
    Comment concevoir des dispositions riches en cartes avec une interface utilisateur sémantique
    Cet article montre la création de dispositions Web réactives à l'aide du composant de carte de l'interface utilisateur sémantique. Nous allons créer un album d'image et un widget de recette, présentant la flexibilité du design basé sur les cartes. La conception basée sur la carte est un modèle répandu dans le web moderne D
    tutoriel CSS 463 2025-02-21 12:29:10

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