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

  • CSS text-wrap : équilibre vs text-wrap : joli
    CSS text-wrap : équilibre vs text-wrap : joli
    Les propriétés text-wrap: balance et text-wrap: Pretty en CSS sont utilisées pour optimiser la façon dont le texte s'enroule dans les éléments de bloc. Découvrez la démo Codepen : Article complet : CSS text-wrap : équilibre vs text-wrap : joli Extrait de code CSS
    tutoriel CSS 913 2025-01-20 18:17:11
  • Comment détecter les appareils tactiles à l'aide des requêtes multimédias du navigateur
    Comment détecter les appareils tactiles à l'aide des requêtes multimédias du navigateur
    Cet article explore des méthodes fiables pour détecter les périphériques de saisie utilisateur (tactile, souris, stylet) dans le développement Web, allant au-delà des techniques peu fiables telles que la vérification de la taille de l'écran ou le reniflage des agents utilisateurs. L'accent est mis sur l'exploitation des requêtes multimédias CSS, spécifications
    tutoriel CSS 943 2025-01-20 18:10:12
  • Création d'applications Web de qualité production avec Supabase - Partie 2
    Création d'applications Web de qualité production avec Supabase - Partie 2
    Je travaille sur le livre de David Lorenz Building Production-Grade Web Applications with Supabase (lien affilié) et je viens de terminer le chapitre 3 – Création des pages de gestion des tickets…. J'ai rencontré quelques problèmes et j'ai pensé les partager avec lui.
    tutoriel CSS 799 2025-01-20 06:09:09
  • Comment créer un drapeau Muar en utilisant uniquement HTML et CSS
    Comment créer un drapeau Muar en utilisant uniquement HTML et CSS
    Muar, également connue sous le nom de Bandar Maharani, est une charmante ville malaisienne située à Johor, une destination touristique prisée. Un lieu de petit-déjeuner préféré à Muar. Pour rendre hommage à ma ville natale, j'ai créé un drapeau Muar en utilisant uniquement HTML et CSS. Pas de logiciel de conception, S
    tutoriel CSS 265 2025-01-19 16:05:10
  • Ruby on Rails Fast Frontend utilisant CSS-Zero comme framework CSS sans classe
    Ruby on Rails Fast Frontend utilisant CSS-Zero comme framework CSS sans classe
    Cet article est très similaire à l'article précédent de cette série, mais cette fois, nous utiliserons le framework Tailwind comme framework CSS sans classe. L'article est inspiré de l'article "Classless CSS based on Tailwind". Créer une nouvelle application Rails Le temps avant que la commande Rails serve est utilisé pour afficher la durée totale d'exécution de la commande. L'exemple suivant a pris 47 secondes. $ rails -v Rails 8.0.0 $ time rails le nouveau classless-css-tailwind ... réel 0m47.500s utilisateur 0m33.052s
    tutoriel CSS 923 2025-01-19 10:05:09
  • Défi créatif : comment créer un jeu Tic-Tac-Toe en utilisant uniquement CSS et HTML
    Défi créatif : comment créer un jeu Tic-Tac-Toe en utilisant uniquement CSS et HTML
    Avez-vous déjà envisagé de créer un jeu entièrement fonctionnel sans utiliser une seule ligne de JavaScript ? Cet article vous montre comment j'ai développé un jeu de tic-tac-toe (tic-tac-toe) en utilisant uniquement CSS et HTML. Ce défi
    tutoriel CSS 630 2025-01-18 20:19:14
  • Meilleures plates-formes de conception d'interface utilisateur pour inspirer votre créativité
    Meilleures plates-formes de conception d'interface utilisateur pour inspirer votre créativité
    Libérez votre potentiel de conception en 2025 : les meilleures ressources pour l'inspiration UI/UX ! ✨? Rester en tête dans le monde dynamique de la conception d’interface utilisateur nécessite une inspiration constante. Les bonnes ressources alimentent non seulement la créativité, mais stimulent également la productivité et l’efficacité. W
    tutoriel CSS 710 2025-01-18 20:10:17
  • API Popover : créez des fenêtres contextuelles natives avec HTML – aucun JavaScript requis
    API Popover : créez des fenêtres contextuelles natives avec HTML – aucun JavaScript requis
    La nouvelle API Popover : des popovers sans effort et sans JavaScript L'API Popover simplifie la création de popovers, éliminant le besoin de bibliothèques JavaScript ou de codage manuel. Pris en charge par les principaux navigateurs, il est remarquablement simple à mettre en œuvre. Comprendre
    tutoriel CSS 779 2025-01-18 18:08:43
  • Création du composant de la carte d'aperçu des statistiques : un projet pour débutant
    Création du composant de la carte d'aperçu des statistiques : un projet pour débutant
    Cet article de blog détaille la création d'un composant de carte d'aperçu des statistiques visuellement attrayant et réactif à l'aide de HTML et CSS. Le projet a perfectionné les compétences en matière de conception et de réactivité tout en renforçant les meilleures pratiques. Présentation des composants L'aperçu des statistiques Ca
    tutoriel CSS 371 2025-01-18 18:07:11
  • % CSS : récupérer et exfiltrer des bits de données générées par le serveur intégrées dans un SVG animé
    % CSS : récupérer et exfiltrer des bits de données générées par le serveur intégrées dans un SVG animé
    Il s'agit d'un suivi direct de l'obtention de données de réponse API 32 bits en CSS. En CSS, 16 bits de données de réponse, placés à la fois dans la largeur intrinsèque et dans la hauteur intrinsèque, représentaient une énorme amélioration par rapport à l'impossibilité d'obtenir du tout les données de réponse de l'API (wi
    tutoriel CSS 404 2025-01-18 06:10:09
  • Classes CSS Tailwind incontournables pour une conception Web sans effort
    Classes CSS Tailwind incontournables pour une conception Web sans effort
    Top 10 des cours CSS Tailwind essentiels pour les débutants Tailwind CSS, un framework axé sur les utilitaires, permet aux développeurs de créer des conceptions personnalisées directement dans leur HTML. Sa vaste bibliothèque de classes peut sembler intimidante au premier abord, mais maîtriser les classes clés est simple.
    tutoriel CSS 999 2025-01-18 04:08:07
  • Squoosh : un outil d'optimisation d'image pour votre site internet
    Squoosh : un outil d'optimisation d'image pour votre site internet
    ?Indice Introduction Qu’est-ce que le Squoosh ? Chargement paresseux Références Conclusions 1. Introduction Le web se caractérise généralement par l’utilisation d’images. Avez-vous déjà visité un site Web qui ne contient pas d'images ? je t'assure que
    tutoriel CSS 878 2025-01-18 00:12:12
  • Combinateurs en CSS
    Combinateurs en CSS
    Les combinateurs dans les sélecteurs CSS peuvent rendre le code HTML plus propre et plus facile à maintenir. Voici quelques situations dans lesquelles les combinateurs peuvent être utilisés : Par exemple, ce code : Hommes Enfants Vous pouvez utiliser le combinateur .navbar-list > li { /* votre code CSS */ } au lieu de .list-item { /* votre code CSS */ } pour obtenir une structure de code plus rationalisée et l'appliquer au code suivant : Hommes
    tutoriel CSS 978 2025-01-17 20:05:10
  • Derniers ajustements du style de validation
    Derniers ajustements du style de validation
    Pour maximiser les fonctionnalités tout en ajoutant des styles manquants, rappelez-vous ce principe clé : ne présumez pas. Cela signifie que nous pouvons utiliser des variables CSS pour le remplissage relatif, les marges, les bordures et les couleurs, mais nous ne dicterons pas l'apparence de la case à cocher. C'est un projet
    tutoriel CSS 722 2025-01-17 18:07:08
  • Faites ressortir votre HTML avec ces balises HTML qui vous manquent peut-être
    Faites ressortir votre HTML avec ces balises HTML qui vous manquent peut-être
    Déverrouiller les joyaux cachés du HTML : 11 balises moins connues à connaître Le HTML, l’épine dorsale des pages Web, est plus polyvalent que beaucoup ne le pensent. Alors que les balises familières aiment et sont essentielles, plusieurs balises moins connues offrent des fonctionnalités puissantes.
    tutoriel CSS 188 2025-01-17 14:05:12

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