Catégories
Astuces et Design

Utilisation de Markdown et de la localisation dans l'éditeur de blocs WordPress

Si nous devons montrer la documentation à l'utilisateur directement dans l'éditeur WordPress, quelle est la meilleure façon de le faire? L'éditeur de blocs étant basé sur React, nous pourrions être tentés d'utiliser des composants React et du code HTML pour la documentation. C'est l'approche que j'ai suivie dans mon article précédent, qui montrait un moyen […]

Catégories
Astuces et Design

Utilisation avancée de GraphQL dans les sites Web Gatsby – Smashing Magazine

Dans cet article, Aleem Isiaka explique ce que sont les constructions de requête GraphQL et comment elles peuvent être utilisées pour interagir avec la couche d'accès aux données d'un site Web Gatsby. Jetons un coup d'œil à certains des cas d'utilisation avancés de GraphQL dans un site Web Gatsby en utilisant des données correspondantes provenant […]

Catégories
Astuces et Design

Modules Deno: utilisation, meilleures pratiques et importations de modules de nœuds

En savoir plus sur les modules Deno – le plus grand changement de flux de travail que vous rencontrerez si vous venez de Node.js. Découvrez comment ils fonctionnent et comment les utiliser au mieux, comment utiliser les modules Node.js et les packages npm dans Deno, etc. Node.js est un moteur d'exécution JavaScript basé sur le […]

Catégories
Astuces et Design

Utilisation du filtre CSS de luminosité () pour mettre en évidence le contenu de manière générique

Il semble donc que je doive accorder une meilleure attention aux normes CSS car je viens de réaliser que vous pouvez assez facilement utiliser les filtres CSS pour appliquer des effets utiles aux comportements de contrôle génériques. Bien sûr, je me souviens filter simplement des vieux jours maléfiques d'IE6 pour gérer des choses comme les […]

Catégories
Astuces et Design

Configuration de Redux pour une utilisation dans une application du monde réel – Smashing Magazine

A propos de l'auteur J'adore créer des logiciels pour le Web, écrire sur les technologies Web et jouer à des jeux vidéo. Plus à propos Jerry … Redux est une bibliothèque de gestion d'état robuste pour les applications Javascript d'une seule page. Il est décrit dans la documentation officielle comme un conteneur d'état prévisible pour […]

Catégories
Astuces et Design

Utilisation des requêtes multimédias JavaScript

Quelle est la première chose qui vous vient à l'esprit lorsque vous pensez aux requêtes multimédias? Peut-être quelque chose dans un fichier CSS qui ressemble à ceci: body {   background-color: plum; } 
 @media (min-width: 768px) {   body {     background-color: tomato;   } } Les requêtes multimédias CSS sont un ingrédient […]

Catégories
Astuces et Design

Au-delà des requêtes multimédias: utilisation de nouvelles fonctionnalités HTML et CSS pour des conceptions réactives

Au-delà de l'utilisation de requêtes multimédias et de mises en page CSS modernes, comme la flexbox et la grille, pour créer des sites Web réactifs, il y a certaines choses négligées que nous pouvons bien faire pour créer des sites réactifs. Dans cet article, nous allons explorer un certain nombre d'outils (tournant autour du HTML […]

Catégories
Astuces et Design

Utilisation de Mobx comme gestionnaire d'état dans les applications natives React – Smashing Magazine

A propos de l'auteur Fortune Ikechi est un ingénieur Frontend basé dans l'État de Rivers au Nigeria. Il est étudiant à l'Université de Port-Harcourt. Il est passionné par la communauté et… Plus à propos Fortune … MobX est l'un des nombreux outils de gestion d'état disponibles pour les développeurs React. Dans ce didacticiel, Fortune Kay […]

Catégories
Astuces et Design

Utilisation de Mobx comme gestionnaire d'état dans les applications natives React – Smashing Magazine

A propos de l'auteur Fortune Ikechi est un ingénieur Frontend basé dans l'État de Rivers au Nigeria. Il est étudiant à l'Université de Port-Harcourt. Il est passionné par la communauté et… Plus à propos Fortune … MobX est l'un des nombreux outils de gestion d'état disponibles pour les développeurs React. Dans ce didacticiel, Fortune Kay […]

Catégories
Astuces et Design

Utilisation du sous-système Windows pour Linux 2 et Windows Terminal

Ce didacticiel montre comment installer, gérer et utiliser un environnement Linux complet sur votre PC Windows 10 avec WSL2. Vous exécuterez un noyau Linux et exécuterez des applications natives tout en partageant de manière transparente des fichiers et des services avec les éditeurs de code et les navigateurs Windows. Pourquoi utiliser Linux? Votre hôte utilise […]

Catégories
Astuces et Design

Configuration de Redux pour une utilisation dans une application du monde réel – Smashing Magazine

A propos de l'auteur J'adore créer des logiciels pour le Web, écrire sur les technologies Web et jouer à des jeux vidéo. Plus à propos Jerry … Redux est une bibliothèque de gestion d'état robuste pour les applications Javascript d'une seule page. Il est décrit dans la documentation officielle comme un conteneur d'état prévisible pour […]

Catégories
Astuces et Design

Utilisation de «piles» de propriétés personnalisées pour apprivoiser la cascade

Depuis la création de CSS en 1994, la cascade et l'héritage ont défini la façon dont nous concevons sur le Web. Les deux sont des fonctionnalités puissantes mais, en tant qu'auteurs, nous avons très peu de contrôle sur la façon dont ils interagissent. La spécificité du sélecteur et l'ordre des sources fournissent un contrôle de […]

Catégories
Astuces et Design

Utilisation de Mirage JS et Cypress pour les tests d'interface utilisateur (partie 4) – Smashing Magazine

A propos de l'auteur Kelvin Omereshone est le CTO de Quru Lab. Kelvin était auparavant ingénieur front-end chez myPadi.ng. Il est le créateur de la communauté Nuxtjs Africa et très passionné… Plus à propos Kelvin … Dans cette dernière partie de la série Deep Dive de Mirage JS, nous mettrons tout ce que nous avons […]

Catégories
Astuces et Design

Configuration, personnalisation et utilisation – SitePoint

En tant que développeurs Web, la ligne de commande devient une partie de plus en plus importante de notre flux de travail. Nous l'utilisons pour installer des packages à partir de npm, pour tester les points de terminaison de l'API, pour envoyer des validations à GitHub, et bien plus encore. Ma coquille de choix est […]

Catégories
Astuces et Design

Utilisation de données structurées pour améliorer l'optimisation des moteurs de recherche

Le référencement est souvent considéré comme l'huile de serpent du Web. Combien de fois avez-vous fait défiler des titres accrocheurs pour savoir comment améliorer votre référencement? Tout le monde et son oncle semblent avoir un remède «magique» pour arriver en tête des résultats de recherche et transformer les impressions en conversions. Passer au crible tant […]

Catégories
Astuces et Design

Utilisation de MySQL avec Node.js et le client JavaScript mysql – SitePoint

Les bases de données NoSQL sont plutôt populaires parmi les développeurs de nœuds, avec MongoDB (le «M» dans la pile MEAN) en tête du peloton. Cependant, lorsque vous démarrez un nouveau projet Node, vous ne devez pas simplement accepter Mongo comme choix par défaut. Le type de base de données que vous choisissez doit plutôt […]

Catégories
Astuces et Design

Utilisation de BugHerd pour suivre les commentaires visuels sur les sites Web

BugHerd consiste à recueillir des commentaires visuels pour les sites Web. Si vous êtes comme moi, vous êtes constamment regarder vos propres sites Web et vous êtes constamment les critiquer. Je pense que c'est sain. Rien ne s'améliore si vous regardez votre propre travail et le considérez comme parfaitement fini. C'est là que BugHerd brille. […]

Catégories
Astuces et Design

Utilisation de masques CSS pour créer des bords dentelés

Je travaillais sur un projet qui avait ce bord dentelé soigné au bas d'une image de bannière. Vous cherchez tranchant… À plus d'un titre. C’est quelque chose qui m’a fait réfléchir pendant une seconde et j’ai appris quelque chose dans le processus! Je pensais que j'écrirais comment je l'ai abordé pour que vous puissiez l'utiliser […]

Catégories
Astuces et Design

Utilisation des éléments personnalisés et des codes courts MDX

MDX est une fonctionnalité qui tue pour des choses comme les blogs, les diapositives et la documentation des composants. Il vous permet d'écrire Markdown sans vous soucier des éléments HTML, de leur formatage et de leur placement tout en saupoudrant la magie des composants React personnalisés lorsque cela est nécessaire. Exploitons cette magie et voyons […]

Catégories
Astuces et Design

Utilisation de CSS pour contrôler la sélection de texte / bloc du codeur

CSS vous permet de contrôler le comportement et l'affichage de la sélection de texte sur vos pages. Cela peut vous aider à améliorer la convivialité dans certaines situations et à ajouter un peu de flair visuel. Plongeons-nous! Tout sélectionner Parfois, c'est bien d'avoir tout le texte d'un élément automatiquement sélectionné lorsque vous cliquez dessus. Ceci […]