Catégories
Astuces et Design

Création d'un blog avec Next.js

Dans cet article, nous utiliserons Next.js pour créer un cadre de blog statique avec la conception et la structure inspirées de Jekyll. J'ai toujours été un grand fan de la façon dont Jekyll facilite la création d'un blog pour les débutants et, en même temps, offre également un grand degré de contrôle sur tous les […]

Catégories
Astuces et Design

À faire lors de la fin d'un projet de conception indépendant

Cela semble si simple, non? Vous faites du bon travail sur un projet de conception, le client l'adore et vous paie à temps, vous vous éloignez tous les deux de l'échange. Mais si vous disparaissez simplement du radar de vos clients une fois le travail terminé, vous manquez des opportunités massives pour plus de travail, […]

Catégories
Astuces et Design

En défense d'un site Web difficile

L'autre jour, j'étais en train de faire défiler Twitter, et j'ai vu un délicieux article intitulé «Le cas des petits déjeuners difficiles». J'adore la nourriture et surtout le petit déjeuner, et depuis la pandémie, j'utilise mes pauses entre les réunions (ou parfois lors de réunions, chut) pour faire un bacon complet, un œuf poché, une […]

Catégories
Astuces et Design

Ajout d'un guide de bienvenue personnalisé à l'éditeur de blocs WordPress

Je crée un plugin WordPress et il y a une légère courbe d'apprentissage quand il s'agit de l'utiliser. Je voudrais donner aux utilisateurs une introduction sur la façon d'utiliser le plug-in, mais je veux éviter de détourner les utilisateurs de la documentation sur le site Web du plug-in, car cela les exclut de l'expérience. Ce […]

Catégories
Astuces et Design

Apprenez Z-Index à l'aide d'un outil de visualisation

Avez-vous toujours trouvé le concept de z-index rusé? Avez-vous donné une valeur d'index z de 99999 à un élément HTML en espérant qu'il sera placé devant tout dans une page et cela n'a toujours pas fonctionné? Si votre réponse est oui, vous êtes au bon endroit. Ci-dessous, je vais vous expliquer tout ce que vous […]

Catégories
Astuces et Design

La vie d'un designer avec une déficience de la vision des couleurs – Une liste à part

Alors, qu'est-ce que ça fait d'être daltonien et de travailler dans l'industrie du design et du développement web? Je vais répondre à cette question tout au long de cet article, mais c'est quelque chose qui est toujours pris en compte dans mes pensées, étant donné ma passion pour le design et maintenant ma carrière. Je […]

Catégories
Astuces et Design

Comment tester l'efficacité d'un concept de design – Smashing Magazine

A propos de l'auteur Paul est un leader dans l'optimisation du taux de conversion et la réflexion sur la conception de l'expérience utilisateur. Il a plus de 25 ans d'expérience de travail avec des clients tels que les médecins… Plus à propos Paul … Faire en sorte qu'un client ou une partie prenante approuve un […]

Catégories
Astuces et Design

Votez maintenant pour le site du mois de mai et gagnez un plan pro gratuit d'un an dans l'annuaire Awwwards!

Il est temps de revenir sur le mois et les démonstrations exquises de maîtrise du Web que nous avons vues sur awwwards. Les nominés du site du mois de mai sont ici, y compris le portfolio d'un compositeur Disney, 360 degrés 3D vélos électriques, expérience de romans immersifs, recherche de produits vocaux et beaucoup plus. […]

Catégories
Astuces et Design

Comment créer une maquette (à l'aide d'un générateur de maquette ou de Photoshop)

Les maquettes sont un outil de conception qui montre une conception – logos, sites Web, produits, etc. – de manière réaliste. Il existe de nombreux outils pour vous aider à créer une maquette utilisable pour montrer votre travail. Le principal avantage de l'utilisation d'une maquette est qu'elle peut donner vie à un projet (même avant […]

Catégories
Astuces et Design

Création d'un curseur de plage accessible avec CSS

29 avril 2020 J'ai toujours aimé explorer comment rendre les éléments sémantiques et accessibles esthétiquement agréables. Et oui, c'est possible. Me mettre au défi de le faire a amélioré mes compétences CSS. Aujourd'hui, nous allons parler de input(type= »range »). Ces entrées dans lesquelles vous sélectionnez une valeur à partir d'un curseur qui a un pouce dessus. […]

Catégories
Astuces et Design

Votez maintenant pour le site du mois de mars et gagnez un plan Pro gratuit d'un an dans l'annuaire Awwwards!

Bienvenue sur le site du mois de mars, votre tour d'horizon des sites Web qui ont eu un impact au cours des 31 derniers jours. D'un expérience musicale interactive, particules colorées curseur réactif, Images des années 80 avec effets de morphing, transitions de forme, Navigation immersive de films 3D et bien plus encore, veuillez voter […]

Catégories
Astuces et Design

L'anatomie d'un composant Tablist dans Vanilla JavaScript Versus React

Si vous suivez le courant sous-jacent de la communauté JavaScript, il semble y avoir un fossé récemment. Cela remonte à plus d'une décennie. Vraiment, ce genre de conflit a toujours été. C'est peut-être la nature humaine. Chaque fois qu'un framework populaire gagne du terrain, vous voyez inévitablement des gens le comparer à ses rivaux. Je […]

Catégories
Astuces et Design

Votez maintenant pour le site du mois d'avril et gagnez un plan pro gratuit d'un an dans l'annuaire Awwwards!

Vous offrant un aperçu mensuel du site Web le plus créatif en ligne dès maintenant. Dans les nominés pour SOTM April, trouvez une interaction de dessin WebGL expérience, Galerie d'art virtuelle 3D, mode minimaliste ecommence, portefeuilles, identité de marque d'architecture, effets de survol du curseur, esthétique rétro et plus encore. Votez et gagnez: Veuillez voter […]

Catégories
Astuces et Design

Utilisation de CSS pour placer du texte à l'intérieur d'un cercle

Vous voulez mettre du texte à l'intérieur de la forme d'un cercle avec HTML et CSS? C'est un discours fou, non? Pas vraiment! Grâce à shape-outside et une pure ruse CSS, il est possible de faire exactement cela. Cependant, cela peut être une option de mise en page difficile. Nous devons prendre en compte de […]