Catégories
Astuces et Design

Une comparaison entre async / await et puis / catch – Smashing Magazine

A propos de l'auteur Bret Cameron est un développeur et écrivain basé à Londres. C'est un ingénieur full-stack à la startup insurtech YuLife, et il est passionné par tout… Plus à propos Bret … En JavaScript, il existe deux manières principales de gérer le code asynchrone: then/catch (ES6) et async/await (ES7). Ces syntaxes nous donnent […]

Catégories
Astuces et Design

Une barre latérale collante de taille dynamique avec HTML et CSS

Créer un contenu de page qui colle à la fenêtre lorsque vous faites défiler, quelque chose comme un menu de saut à l'ancre ou des en-têtes de section, n'a jamais été aussi simple. Jeter un position: sticky dans votre jeu de règles CSS, définissez le décalage directionnel (par exemple top: 0) et vous êtes prêt […]

Catégories
Astuces et Design

5 conseils pour rédiger une meilleure microcopie

Lorsque vous voyez une application pour la première fois, la microcopie peut donner de nombreux indices sur l'objectif de l'application, comment l'application peut nous aider et comment nous pouvons interagir avec l'application. Pourtant, de nombreuses organisations développent d'excellentes applications mais n'écrivent pas une microcopie efficace. «Microcopie» fait référence aux petits morceaux de texte qui guident […]

Catégories
Astuces et Design

Une manière réfléchie d'utiliser le crochet useRef () de React – Smashing Magazine

Dans un composant React, useState et useReducer peut provoquer le nouveau rendu de votre composant à chaque fois qu'il y a un appel aux fonctions de mise à jour. Dans cet article, vous découvrirez comment utiliser le useRef() hook pour garder une trace des variables sans provoquer de re-rendus, et comment appliquer le re-rendu des […]

Catégories
Astuces et Design

Analyse de Markdown dans une table des matières automatisée

Une table des matières est une liste de liens qui vous permet de passer rapidement à des sections spécifiques de contenu sur la même page. Il profite au contenu de forme longue car il montre à l'utilisateur un aperçu pratique du contenu disponible avec un moyen pratique d'y accéder. Ce didacticiel vous montrera comment analyser […]

Catégories
Astuces et Design

Créer une application React: préparez rapidement les projets React

Démarrer un nouveau projet React n’est pas aussi simple. Au lieu de plonger directement dans le code et de donner vie à votre application, vous devez passer du temps à configurer les bons outils de construction pour mettre en place un environnement de développement local, des tests unitaires et une version de production. Heureusement, l'aide […]

Catégories
Astuces et Design

Comment concevoir une page de contact qui stimule l'engagement

Comment votre client peut-il vous joindre? Si un client arrive sur votre site Web après une recherche sur Google, que peut-il faire pour passer à l'étape suivante dans une relation avec votre marque, sans rien acheter? L'un des principaux objectifs de tout site Web est de générer des conversions. Cependant, il faut généralement entre 5 […]

Catégories
Astuces et Design

Une configuration d'intégration et de déploiement continue avec CircleCI et une combinaison

L'intégration continue (CI) et le déploiement continu (CD) sont des pratiques de développement cruciales, en particulier pour les équipes. Chaque projet est sujet aux erreurs, quelle que soit sa taille. Mais lorsqu'un processus CI / CD est configuré avec des tests bien écrits, ces erreurs sont beaucoup plus faciles à trouver et à corriger. Dans […]

Catégories
Astuces et Design

Alors, vous avez gagné une refonte passionnante… Et maintenant?

La transition du pouvoir est semée de difficultés. Différentes équipes ont des valeurs différentes, des expériences différentes, des expertises différentes, des priorités différentes, ce qui conduit à différents outils et méthodologies. Il est tentant de considérer la conception Web comme un processus de bout en bout, commençant par la recherche et se terminant par des […]

Catégories
Astuces et Design

Une plongée dans React et Three.js en utilisant React-Three-Fiber – 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 … react-three-fiber est un puissant moteur de rendu Three.js qui permet de rendre des modèles 3D et des animations pour […]

Catégories
Astuces et Design

À quel moment l'obsession du design devient-elle une responsabilité?

La qualité globale de la conception d’un site Web réside souvent dans les détails. Ces éléments apparemment petits tels que les micro-interactions, l'espacement typographique et les accents de couleur peuvent être de véritables facteurs de différence. Ils ont le potentiel de transformer le banal en quelque chose qui se démarque. Dans ces cas, être pointilleux […]

Catégories
Astuces et Design

Comment organiser une grande application React et la faire évoluer

Cet article a été rédigé par un auteur invité Jack Franklin. Les publications d'invités de SitePoint visent à vous proposer du contenu attrayant rédigé par d'éminents écrivains et intervenants de la communauté Web. Dans cet article, je vais discuter de l'approche que j'adopte lors de la création et de la structuration de grandes applications React. […]

Catégories
Astuces et Design

Créez une application FAQ Slack avec les fonctions Netlify et FaunaDB

Parfois, lorsque vous cherchez une réponse rapide, il est vraiment utile d’avoir un système de FAQ en place, plutôt que d’attendre que quelqu'un réponde à une question. Ne serait-il pas formidable que Slack puisse simplement répondre à ces questions fréquentes pour nous? Dans ce didacticiel, nous allons faire exactement cela: une commande slash pour Slack […]

Catégories
Astuces et Design

Des moyens plus intelligents pour générer une structure HTML imbriquée profonde

Disons que nous voulons avoir la structure HTML suivante: C’est vraiment pénible d’écrire manuellement. Et la raison pour laquelle ce message est né était horrifié de le voir généré avec Haml comme ceci: .boo .boo .boo .boo .boo Il y avait en fait une vingtaine de niveaux d'imbrication dans le code que j'ai vu, mais […]

Catégories
Astuces et Design

Dans les coulisses: une journée avec Ardent

Dès que nos développeurs Web s'assoient le matin, ils résolvent des problèmes avec les sites Web ou les serveurs actuels, créent de nouvelles fonctionnalités sur un site en cours de développement ou effectuent une maintenance quotidienne pour que tous nos sites fonctionnent correctement. La journée de notre équipe "Dev" peut inclure l'un des éléments suivants, […]

Catégories
Astuces et Design

Une mise à jour mensuelle avec de nouveaux guides et ressources communautaires – Smashing Magazine

A propos de l'auteur Jonglant entre trois langues au quotidien, Iris est connue pour son amour de la linguistique, des arts, du web design et de la typographie, ainsi que pour sa mine d'or de… Plus à propos Iris … Il est temps pour une autre mise à jour mensuelle! Rejoignez-nous pour partager les dernières […]

Catégories
Astuces et Design

Gérer des tâches de longue durée dans une application React avec des Web Workers – Smashing Magazine

A propos de l'auteur Développeur frontend génial qui aime tout le codage. Je suis un amoureux de la musique chorale et je travaille pour la rendre plus accessible au monde, une mise en ligne à un… Plus à propos Chidi … Dans ce didacticiel, nous allons apprendre à utiliser l'API Web Worker pour gérer les […]

Catégories
Astuces et Design

Créer et déployer une forme angulaire avec Netlify Forms and Edge – Smashing Magazine

A propos de l'auteur Zara Cooper est une développeur de logiciels qui aime partager ce qu'elle apprend en tant que développeur avec les autres. Quand elle a du temps à perdre, elle aime lire un bon livre… Plus à propos Zara … Netlify Forms est une fonctionnalité de gestion de formulaire qui reçoit automatiquement les […]

Catégories
Astuces et Design

Une introduction à JSX – SitePoint

Lorsque React a été introduit pour la première fois, l’une des fonctionnalités qui a attiré l’attention de la plupart des gens (et a suscité le plus de critiques) était JSX. Si vous apprenez React, ou avez déjà vu des exemples de code, vous avez probablement fait une double prise sur la syntaxe. Quelle est cette […]

Catégories
Astuces et Design

Obtenez une adhésion client plus rapide grâce à une vitrine de conception guidée – Smashing Magazine

A propos de l'auteur Kelly Schummer (elle / elle) est directrice adjointe de la conception chez 10up, où elle a dirigé la conception de sites Web clés pour des clients tels que California DMV, Facebook et… Plus à propos Kelly … Comment convaincre vos clients de s'engager plus rapidement (et plus facilement)? À l'aide d'un […]