Catégories
Astuces et Design

Les 12 meilleures actions Photoshop pour créer l'effet Duotone

Duotone, double couleur, ou comme vous voulez l'appeler, c'est certain à propos de cet effet photo: c'est cool. Et essayer de le reproduire vous-même peut être un peu difficile si vous n’êtes pas bien familiarisé avec la post-production. Mais comme vous l’avez peut-être deviné, c’est là que les actions Photoshop entrent en jeu. En un […]

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 créer un moteur de commentaires avec Next.js et Sanity

L'un des arguments contre l'approche Jamstack pour la création de sites Web est que le développement de fonctionnalités devient complexe et nécessite souvent un certain nombre d'autres services. Prenez les commentaires, par exemple. Pour configurer les commentaires pour un site Jamstack, vous avez souvent besoin d'une solution tierce telle que Disqus, Facebook ou même simplement […]

Catégories
Astuces et Design

Créer l'identité visuelle de votre marque

Il y a tellement de choses à penser lors du démarrage d'une entreprise. Que proposera votre entreprise? En quoi cela diffère-t-il des solutions existantes? Qui bénéficiera le plus de votre offre? Et pourquoi êtes-vous si passionné par cela? Si vous ne l'avez pas encore fait, effectuez cet exercice pour définir l'identité de votre marque et […]

Catégories
Astuces et Design

Comment créer un serveur GraphQL à l'aide des routes d'API Next.js – Smashing Magazine

A propos de l'auteur Ibrahima Ndaw est un développeur et blogueur Full-stack qui adore JavaScript et se penche également sur la conception UI / UX. Plus à propos Ibrahima … Ce guide vous apprendra les bases des routes API Next.js. Nous commencerons par expliquer ce qu'ils sont et pourquoi les routes API sont utiles par […]

Catégories
Astuces et Design

Comment créer un clone Reddit à l'aide de React et Firebase

React est une fantastique bibliothèque frontale pour la création d'interfaces utilisateur. Lorsque vous choisissez un back-end à utiliser avec lui, vous ne pouvez pas vous tromper avec Firebase, un backend-as-a-service (Baas) qui facilite l'ajout de la persistance des données (et bien plus encore) à votre application React. Dans ce didacticiel, nous utiliserons Firebase avec l'application […]

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

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

React Hooks: Comment démarrer et créer le vôtre

Les Hooks ont pris d'assaut le monde React. Dans ce didacticiel, nous allons examiner ce que sont les hooks et comment vous les utilisez. Je vais vous présenter quelques crochets courants fournis avec React et vous montrer comment écrire le vôtre. Lorsque vous aurez terminé, vous pourrez utiliser des crochets dans vos propres projets React. […]

Catégories
Astuces et Design

Comment créer un bouton de défilement vers le haut discret

Un bouton pour revenir en haut de la page permet à l'utilisateur de revenir rapidement en haut de la page sans faire trop d'efforts. Cela peut être très utile lorsque la page contient beaucoup de contenu ou qui se produit, par exemple, sur des sites Web d'une seule page, lorsque le défilement infini est utilisé […]

Catégories
Astuces et Design

Créer un interrupteur à bascule dans React en tant que composant réutilisable

Dans cet article, nous allons créer un interrupteur à bascule inspiré d'iOS à l'aide de React. Ce sera un petit composant autonome que vous pourrez réutiliser dans de futurs projets. Au fur et à mesure, nous allons également créer une application React de démonstration simple qui utilise notre composant d'interrupteur à bascule personnalisé. Nous pourrions […]

Catégories
Astuces et Design

20 didacticiels pour créer des affiches dans Adobe Illustrator

Les affiches sont un excellent moyen de promouvoir votre événement, mais elles peuvent également être utilisées pour promouvoir votre entreprise ou une cause. De plus, ils peuvent être conçus de différentes manières et utiliser des illustrations ainsi que de la typographie pour transmettre tous les détails nécessaires. Dans ce tour d'horizon, nous avons rassemblé les […]

Catégories
Astuces et Design

Comment créer un rapport avec vos clients de conception Web – Smashing Magazine

A propos de l'auteur Matt est un entrepreneur social passionné qui aide les organisations déterminées à avoir un plus grand impact avec la technologie numérique. Il fournit un soutien au développement pour… Plus à propos Mat … Construire des relations positives avec vos clients est l'ingrédient secret pour offrir un meilleur travail, gagner plus d'argent […]

Catégories
Astuces et Design

Les 50 meilleures polices pour créer de superbes logos

Chaque police raconte une histoire. Il était une fois des empattements qui régnaient sur le monde. Quand nous les regardons aujourd'hui, nous ne pouvons pas ébranler les sentiments de tradition et d'élégance. Ensuite, nous sommes passés aux sans-empattements; pratique et très lisible. Des polices qui amplifient votre message. Aujourd'hui, nous utilisons toutes sortes de polices. […]

Catégories
Astuces et Design

Comment créer un blog avec Next et MDX – Smashing Magazine

A propos de l'auteur Ibrahima Ndaw est un développeur et blogueur Full-stack qui adore JavaScript et se penche également sur la conception UI / UX. Plus à propos Ibrahima … Dans ce guide, nous examinerons Next.js, un framework React populaire qui offre une excellente expérience de développement et est livré avec toutes les fonctionnalités dont […]

Catégories
Astuces et Design

Comment créer une Porsche 911 avec croquis (partie 2) – Smashing Magazine

A propos de l'auteur Concepteur visuel et UI / UX, auteur de dizaines de didacticiels Adobe Photoshop et Sketch. Accro à l'espresso. Regardez passionné. Plus à propos Nikola Lazarević … Dans la partie 1 de ce didacticiel, Nikola Lazarević a expliqué comment créer et modifier la carrosserie d'une voiture dans Sketch, y compris les feux […]

Catégories
Astuces et Design

Toutes les façons de créer un composant Web

Comparez le style de codage, la taille du bundle et les performances de 33 façons différentes de créer un composant Web. Le même Web Component a été écrit en 33 variantes. Basé sur HTMLElement HTMLElement HTMLElement Page d'accueil: https://html.spec.whatwg.org/multipage/custom-elements.html Essayez sur WebComponents.dev class MyCounter extends HTMLElement { constructor() { super(); this.count = 0; const style […]

Catégories
Astuces et Design

Comment créer un modèle de bloc Gutenberg simple dans WordPress

À mesure que l'éditeur de blocs WordPress Gutenberg évolue, de nouvelles fonctionnalités sont ajoutées pour faciliter la création de contenu. Et les modèles de bloc peuvent être l'addition la plus intéressante pour les concepteurs Web et leurs clients. Qu'est-ce qu'un motif de bloc? Considérez-le comme une disposition pré-construite de blocs. Ils peuvent contenir à peu […]

Catégories
Astuces et Design

Créer un blog statique avec Sapper et Strapi – Smashing Magazine

A propos de l'auteur Daniel Madalitso Phiri est un développeur, écrivain, constructeur de choses loufoques, DJ, Lorde superfan et Community Builder de Lusaka, en Zambie. Plus à propos Daniel … Cet article vous explique comment créer un blog statique alimenté par Svelte avec Sapper et Strapi, ainsi que comment déployer le site Web sur Netlify. […]