localisation actuelle:Maison > Articles techniques > interface Web

  • Écrire JavaScript avec l'accessibilité à l'esprit
    Écrire JavaScript avec l'accessibilité à l'esprit
    Conseils pour améliorer l'accessibilité des composants JavaScript Cet article partagera quelques conseils sur la façon d'améliorer l'accessibilité des composants JavaScript et de fournir aux utilisateurs des moyens de plus en plus d'interaction avec les sites Web ou les applications Web. Cet article a été initialement publié sur Medium Dans mon premier article, écrivant un HTML accessible, j'ai expliqué pourquoi et comment commencer à se concentrer sur l'accessibilité Web et partagé quelques conseils sur la façon d'améliorer le taggage pour rendre un site Web plus accessible. Certains de ces conseils sont très basiques, mais toujours précieux. Tout se résume à deux des règles non écrites les plus importantes dans le développement frontal: apprenez les bases et passez suffisamment de temps à planifier et à écrire du HTML. Des marqueurs sémantiques clairs vous feront et
    js tutoriel 783 2025-02-17 11:51:11
  • Faire des tables dynamiques en quelques secondes à partir de toutes les données JSON
    Faire des tables dynamiques en quelques secondes à partir de toutes les données JSON
    Créez facilement des tables interactives dynamiques avec un tabulateur de plugin d'interface utilisateur JQuery léger! Cet article vous guidera comment convertir les données JSON en tables interactives dynamiques avec très peu de code JavaScript. Points de base: Configuration rapide: le plugin Tabulator vous permet de convertir les données JSON en tables interactives dynamiques avec juste une petite quantité de code JavaScript. Colonnes personnalisées: vous pouvez définir et personnaliser les colonnes de table à travers des paramètres tels que le titre, les champs, le tri, la largeur et le formateur pour répondre à vos besoins spécifiques. Chargement des données flexibles: le tabulateur prend en charge une variété de méthodes de chargement de données, y compris les tableaux JavaScript et les demandes AJAX
    js tutoriel 214 2025-02-17 11:50:09
  • Pourquoi j'utilise un guide de style JavaScript et pourquoi vous devriez aussi
    Pourquoi j'utilise un guide de style JavaScript et pourquoi vous devriez aussi
    Points clés L'adoption de guides de style JavaScript tels que le style standard JavaScript aide à réduire le frottement de l'équipe, à améliorer le bien-être des programmeurs et à assurer la cohérence du code. Le codage avec des styles de langues traditionnels tels que JavaScript facilite la contribution des projets open source et permettent aux autres de contribuer à vos projets. Les guides de style ne rendent pas nécessairement le programme plus correct, mais il peut attraper des erreurs avant que les erreurs ne soient publiées, ce qui rend le code plus facile à lire et à comprendre, et à empêcher les désaccords entre les membres de l'équipe. La mise en œuvre du style standard JavaScript peut être effectuée sans aucun outil, mais dispose également de packages NPM
    js tutoriel 1038 2025-02-17 11:45:12
  • Conseil rapide: commerce électronique en 30 secondes avec Gumroad et Jekyll
    Conseil rapide: commerce électronique en 30 secondes avec Gumroad et Jekyll
    Ce tutoriel montre comment intégrer de manière transparente les capacités de commerce électronique de Gumroad dans un site Web Jekyll. Le processus est rapide et bénéfique pour les créateurs de contenu. Étapes clés: Obtenez le code GUMROAD: Accédez à la page Widgets de Gumroad et SELEC
    tutoriel CSS 492 2025-02-17 11:43:13
  • Créez une application React.js avec la connexion et l'authentification de l'utilisateur
    Créez une application React.js avec la connexion et l'authentification de l'utilisateur
    Cet article fournit un guide complet pour créer une application React.js avec les fonctionnalités de connexion et d'authentification de l'utilisateur à l'aide du SDK React Storpath. Il couvre la configuration de l'environnement de développement, la configuration de WebPack et Babel et de la construction k
    js tutoriel 358 2025-02-17 11:42:11
  • Tables jQuery: plugins pour la création et la gestion des tables
    Tables jQuery: plugins pour la création et la gestion des tables
    Cet article explore divers plugins jQuery pour améliorer les tables HTML, abordant les limites des tableaux standard dans la conception Web moderne, en particulier en ce qui concerne la réactivité mobile et les fonctionnalités avancées. L'article a été mis à jour le 10 novembre
    js tutoriel 567 2025-02-17 11:41:10
  • Écrivez une logique commerciale JavaScript réutilisable avec Peasy-JS
    Écrivez une logique commerciale JavaScript réutilisable avec Peasy-JS
    Peasy-js: construire une logique commerciale réutilisable, évolutive et facile à tester Peasy-JS est un cadre de couche intermédiaire qui crée une logique métier dans un composable, réutilisable, extensible et facile à tester, permettant un remplacement facile de l'interface utilisateur, du backend et des cadres d'accès aux données dans les applications. Il favorise la séparation de la logique métier, facilite le test, le remplacement, la réorganisation, la réutilisation et peut être utilisé dans n'importe quelle architecture d'application, compatible avec une variété de clients JavaScript, de serveurs, de technologies d'accès aux données et de cadres. Les concepts principaux de Peasy-Js comprennent: BusinessVice, Command, Rule et Dataproxy. Ces concepts sont dans la logique des affaires et la vérification des données
    js tutoriel 267 2025-02-17 11:40:09
  • Gérer l'état à Aurelia: comment utiliser Aurelia avec Redux
    Gérer l'état à Aurelia: comment utiliser Aurelia avec Redux
    Construisez un éditeur de Markdown avec un état prévisible à l'aide d'Aurelia et Redux Cet article explore comment intégrer Redux dans le cadre Aurelia et démontre le processus en construisant un éditeur de Markdown avec des capacités d'annulation / réévolution. L'article est divisé en trois étapes: paramètres de base Aurelia, Redux intégré pour la gestion de l'état et ajoutant des fonctions d'annulation / réévolution. Points de base: Redux fournit un conteneur d'état prévisible qui simplifie la gestion des états d'application, ce qui le rend cohérent et facile à tester, en particulier dans des environnements complexes. L'intégration de Redux à Aurelia comprend la configuration du stockage Redux, la configuration des dépendances et la connexion du stockage à
    js tutoriel 823 2025-02-17 11:38:14
  • Filtrage et chaînage en JavaScript fonctionnel
    Filtrage et chaînage en JavaScript fonctionnel
    La polyvalence de JavaScript: programmation orientée objet, impérative et fonctionnelle Ce qui rend JavaScript puissant, c'est sa polyvalence, qui prend en charge la programmation orientée objet, la programmation impérative et la programmation fonctionnelle. Les développeurs peuvent changer de manière flexible les paradigmes de programmation en fonction des besoins du projet et des préférences d'équipe. ES5 introduit des méthodes de tableau natives telles que MAP, réduction et filtre, ce qui facilite considérablement la programmation fonctionnelle. Parmi eux, la méthode du filtre peut itérer à travers chaque élément du tableau et déterminer s'il faut l'ajouter au nouveau tableau en fonction des conditions de test spécifiées. Utilisez la méthode du filtre pour simplifier le code La méthode du filtre rend le code plus concis et plus clair. Il itère sur chaque élément du tableau et
    js tutoriel 1109 2025-02-17 11:34:11
  • Comment nous avons construit EQCSS et pourquoi vous devriez également essayer de construire vos propres polyfills
    Comment nous avons construit EQCSS et pourquoi vous devriez également essayer de construire vos propres polyfills
    Cet article explore Element Query CSS (EQCSS), une extension CSS permettant une conception réactive basée sur les conditions des éléments plutôt que sur les conditions de la fenêtre. L'auteur détaille leur voyage en créant des EQCS, mettant en évidence ses avantages et ses défis. Clé
    js tutoriel 834 2025-02-17 11:33:11
  • 10 plugins d'affichage d'image jQuery Panorama
    10 plugins d'affichage d'image jQuery Panorama
    Dix excellents affichages d'image panoramique jQuery pour vous aider à créer un site Web attrayant! Cet article présentera dix puissants plug-ins jQuery pour permettre aux développeurs de créer facilement des images panoramiques interactives à 360 degrés sur leurs sites Web. Ces plugins comprennent ThreeSixTyslider, Paver, JQuery Sphérique Panorama Viewer, JQuery Virtual Tour, Spritespin, Pano, Panorama 360 ° JQuery Plugin, JQuery Image Cube, Cyclotron et JQuery Simple Panoram Simple Panoram
    js tutoriel 304 2025-02-17 11:31:08
  • Optimiser les polices Web pour les performances: l'état de l'art
    Optimiser les polices Web pour les performances: l'état de l'art
    Cet article est une contribution de partenariat sur site. Merci de soutenir nos sponsors. Soixante-sept pour cent des sites Web utilisent désormais des polices Web personnalisées. Cette adoption généralisée, cependant, présente des défis de performance et d'expérience utilisateur. Thi
    tutoriel CSS 478 2025-02-17 11:28:11
  • Une alternative aux expressions régulières: APG-Exp
    Une alternative aux expressions régulières: APG-Exp
    Cet article a été évalué par des pairs par Sebastian Seitz et Almir Bijedic. Merci à tous les pairs examinateurs de SitePoint pour avoir obtenu le contenu de SitePoint à son meilleur! Presque tous les programmeurs devront utiliser des expressions régulières sous une certaine forme de temps à autre. Pour beaucoup, la grammaire de motifs peut sembler mystérieuse et intimidante. Ce tutoriel introduira un nouveau motif de motif APG-Exp, une alternative riche en fonctionnalités à RegExP, qui utilise la syntaxe du modèle ABNF et est plus facile à lire. Points clés APG-Exp fournit une alternative conviviale aux expressions régulières, en utilisant la syntaxe ABNF pour ceux qui ne connaissent pas la tradition
    js tutoriel 1056 2025-02-17 11:25:18
  • Life After Javascript: les avantages de l'apprentissage d'une 2ème langue
    Life After Javascript: les avantages de l'apprentissage d'une 2ème langue
    Cet article explore les avantages de l'apprentissage d'un deuxième langage de programmation après avoir maîtrisé JavaScript, en se concentrant sur l'élargissement des perspectives et l'amélioration des compétences. Une enquête révèle qu'une partie importante des développeurs maîtrise déjà
    js tutoriel 576 2025-02-17 11:20:13
  • Composition de la fonction: blocs de construction du code maintenable
    Composition de la fonction: blocs de construction du code maintenable
    Combinaison de fonctions javascript: créer un code plus maintenable La combinaison de fonctions JavaScript est une technique de combinaison de plusieurs fonctions simples en une seule fonction plus complexe qui effectue des opérations de sous-fonction sur une donnée donnée dans l'ordre logique. L'ordre dans lequel les fonctions sont appliquées produit des résultats différents. Pour écrire du code maintenable, il est crucial de comprendre le type de retour de chaque fonction combinée pour s'assurer que la fonction suivante peut le gérer correctement. JavaScript n'empêche pas la combinaison de retourner les fonctions de types inappropriés, donc cette partie de la responsabilité incombe au programmeur. Pour ceux qui ne connaissent pas le paradigme de programmation fonctionnelle, la combinaison des fonctions peut rendre le code compliqué. Cependant, avec l'avènement de la syntaxe ES2015, utilisez des lettres Arrow
    js tutoriel 800 2025-02-17 11:19:09

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