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

Premiers pas avec Next.js – Smashing Magazine

A propos de l'auteur Adebiyi Adedotun Lukman est un ingénieur UI / Frontend basé à Lagos, au Nigéria, qui adore également UI / UX Design par amour des excellents produits logiciels. Quand … Plus à propos Adebiyi … Next.js est un framework React qui est destiné à vous faciliter la vie en tant que développeur […]

Catégories
Astuces et Design

Accélérez votre flux de travail avec les plugins Figma – Smashing Magazine

A propos de l'auteur Abel Hancock est un créateur de produits et musicien basé à Los Angeles, en Californie. Sa passion pour l'efficacité structurée et la création abstraite… Plus à propos Abel … Il existe des centaines de plugins Figma disponibles à ce jour, mais la fonctionnalité de recherche de plugins Figma est assez basique […]

Catégories
Astuces et Design

Paiements WooCommerce, maintenant avec prise en charge des abonnements et des cartes enregistrées

Il y a peu de temps, nous avons annoncé que WooCommerce avait livré une fonctionnalité de paiement bêta dans le cadre de sa version 4.0. C'est un plugin gratuit sans frais mensuels ni frais de configuration. Vous ne payez que lorsque vous effectuez une vente. Nous l'utilisons ici même chez CSS-Tricks. En fait, Chris l'a […]

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

Comment créer votre première API REST avec Fastify

Fastify est un framework conçu pour le développement Web back-end. Il offre une alternative plus légère aux frameworks d'API Node.js plus lourds, tels que Hapi et Express. Depuis juillet 2020, Fastify a publié sa troisième version du framework. Cette troisième version est dotée de capacités de validation améliorées pour vérifier les demandes entrantes et sortantes, […]

Catégories
Astuces et Design

Gérer l'intégration et la livraison continues avec les actions GitHub – Smashing Magazine

CI / CD (Continuous Integration and Continuous Deployment & Delivery) est une méthode moderne dans le cycle de développement logiciel qui réduit le processus répétitif de test et de déploiement de logiciel. Github Actions est l'un des services que nous pouvons utiliser pour réaliser CI / CD. Dans cet article, Aleem Isiaka explique comment déployer […]

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

Supercharge Testing React Applications avec Wallaby.js – Smashing Magazine

A propos de l'auteur Kelvin est un fabricant de logiciels indépendant qui construit actuellement Sailscasts – une plate-forme pour apprendre le JavaScript côté serveur. Il est également rédacteur technique et… Plus à propos Kelvin … Avez-vous déjà dû passer de votre éditeur à votre terminal pour voir les résultats de vos tests? Cet article vous […]

Catégories
Astuces et Design

Layoutit Grid: apprentissage visuel de la grille CSS avec un générateur

Layoutit Grid est un générateur de grille CSS open source interactif. Il vous permet de dessiner vos créations et de voir le code au fur et à mesure. Vous pouvez interagir avec le code, ajouter ou supprimer des lignes de suivi et les faire glisser pour changer le dimensionnement – et vous pouvez voir le […]

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

Comment créer un flou de mouvement réaliste avec des transitions CSS

Avant de nous plonger dans la création d'un flou de mouvement réaliste dans CSS, cela vaut la peine de plonger rapidement dans le flou de mouvement est, afin que nous puissions avoir une meilleure idée de ce que nous essayons de reproduire. Avez-vous déjà pris une photo de quelque chose se déplaçant rapidement, en particulier […]

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

Créons notre propre API d'authentification avec Nodejs et GraphQL

L'authentification est l'une des tâches les plus difficiles pour les développeurs qui commencent tout juste avec GraphQL. Il y a beaucoup de considérations techniques, notamment ce que l'ORM serait facile à configurer, comment générer des jetons sécurisés et des mots de passe de hachage, et même quelle bibliothèque HTTP utiliser et comment l'utiliser. Dans cet […]

Catégories
Astuces et Design

Validation de formulaire de réaction avec Formik et Yup – Smashing Magazine

A propos de l'auteur Nefe est un développeur frontend qui aime apprendre de nouvelles choses et partager ses connaissances avec les autres. Plus à propos Nefe … Les formulaires font partie intégrante de la manière dont les utilisateurs interagissent avec nos sites Web et nos applications Web. La validation des données que l'utilisateur transmet via […]

Catégories
Astuces et Design

Entrez dans l'esprit d'Halloween avec ces extraits fantasmagoriques

Ces dernières années, Halloween a changé. Ce qui était autrefois l'occasion pour les enfants de marquer des friandises est devenu un grand terrain de jeu pour les adultes également. Il n'est pas difficile de repérer ceux qui ressentent les esprits – ce sont généralement eux qui ont transformé leur maison en maison hantée. Et les […]

Catégories
Astuces et Design

Utilisation de WebXR avec Babylon.js – Smashing Magazine

A propos de l'auteur Preston So est un architecte produit et stratège, futuriste de l'expérience numérique, chef de file de l'innovation, défenseur des développeurs, orateur à trois reprises sur SXSW et auteur de… Plus à propos Preston … Dans cet aperçu des technologies WebXR et du framework Babylon.js, nous nous embarquerons dans un voyage à […]

Catégories
Astuces et Design

Premiers pas avec React: Guide du débutant

React est une bibliothèque JavaScript remarquable qui a pris d'assaut la communauté des développeurs. En un mot, il est plus facile pour les développeurs de créer des interfaces utilisateur interactives pour les plates-formes Web, mobiles et de bureau. Aujourd'hui, des milliers d'entreprises dans le monde utilisent React, y compris de grands noms tels que Netflix […]

Catégories
Astuces et Design

Équilibrage sur un pivot avec Flexbox

Laissez-moi vous montrer une façon que j'ai récemment découverte de centrer un tas d'éléments autour de ce que j'appelle le pivot. Je vous promets que le HTML génial est hors de question et que vous n’avez pas besoin de connaître un CSS de pointe pour faire le travail. Je suis passionné par les jeux de […]

Catégories
Astuces et Design

Comment gérer les téléchargements de fichiers en réaction avec Google Storage et GraphQL – Smashing Magazine

A propos de l'auteur Nwani Victory travaille en tant qu'ingénieur Frontend chez Liferithms.inc de Lagos, au Nigeria. Après les heures de bureau, il se double d'un ingénieur cloud à la recherche de moyens de faire du cloud… Plus à propos Nwani … De la photo de profil d'un utilisateur à d'autres ressources multimédias, la collecte […]