Catégories
Astuces et Design

Quelques petites améliorations à mon flux de travail VS Code (espaces de travail, icônes, tâches)

L’autre jour, j’ai fait une petite chose que je ne savais pas possible. J'avais un dossier de projet ouvert dans VS Code comme je le fais toujours, et j'ai ajouté un autre différent dossier racine dans la fenêtre. J'ai toujours supposé que lorsque vous aviez un projet ouvert, c'était un dossier racine de premier niveau […]

Catégories
Astuces et Design

Comment ajouter Lunr Search à votre site Web Gatsby

La façon de penser et de créer des sites Web Jamstack devient de plus en plus populaire. Avez-vous déjà essayé Gatsby, Nuxt ou Gridsome (pour n'en citer que quelques-uns)? Les chances sont que votre premier contact était un «Wow!» moment – tant de choses sont automatiquement configurées et prêtes à l'emploi. Il existe cependant certains […]

Catégories
Astuces et Design

Développement Web et de bureau réactif avec Flutter – Smashing Magazine

A propos de l'auteur Passionné de Flutter et Linux, auteur du livre Programming Flutter with the Pragmatic Bookshelf. Blogs plus, tweets moins. Plus à propos Carmin … Flutter a déjà fait sensation sur la scène du développement mobile. Maintenant, il prend également de plus gros appareils. Voici ce que vous devez savoir pour être prêt […]

Catégories
Astuces et Design

Faux code | Astuces CSS

Passer au contenu principal Ouvrir la recherche Ouvrir la navigation

Catégories
Astuces et Design

Grilles CSS contraintes sans «max-width»

Il n'y a rien de mal à max-width, mais Ethan fait un point dans la dernière phrase: Plutôt que de simplement max-width comme contrainte, je peux utilisation l'espace vide autour de ma conception, et le traiter comme un outil de mise en page. Si l'espace «autour» de votre grille fait réellement partie de la grille, […]

Catégories
Astuces et Design

Création d'une architecture CSS évolutive avec BEM et les classes utilitaires

Il est difficile de maintenir un projet CSS à grande échelle. Au fil des ans, nous avons assisté à différentes approches visant à faciliter le processus d'écriture de CSS évolutifs. En fin de compte, nous essayons tous d'atteindre les deux objectifs suivants: Efficacité: nous voulons réduire le temps passé à réfléchir à la façon dont […]

Catégories
Astuces et Design

Comment créer une page de destination attrayante – 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 … La création d'une page de destination convaincante implique une combinaison de […]

Catégories
Astuces et Design

Libérez le potentiel de votre équipe avec Teamstack

Teamstack est un gestionnaire de mots de passe pour toute votre équipe. Fonctionnant dans le cloud, il vous permet de gérer vos outils et ressources, et d'adapter en toute transparence l'accès de vos équipes, à partir d'un panneau de contrôle unique et facile à utiliser. Teamstack est puissant et sécurisé avec une authentification multifacteur, une […]

Catégories
Astuces et Design

Comment puis-je organiser des ateliers en ligne? – Smashing Magazine

A propos de l'auteur Drew est directeur chez edgeofmyseat.com, co-fondateur de Notist et développeur principal du petit système de gestion de contenu Perch. Avant cela, il était développeur Web… Plus à propos A dessiné McLellan … Dans cet épisode du Smashing Podcast, nous parlons de l'organisation d'ateliers en ligne. Comment un événement traditionnel peut-il s’adapter […]

Catégories
Astuces et Design

Le triangle de contraste | Chip Cullen

Supposons que vous créez un site et que vous travaillez avec un concepteur. Ils viennent à vous avec des designs solides et vous êtes prêt à partir. Vous êtes également un développeur frontal consciencieux et vous souhaitez vous assurer que les sites que vous créez sont accessibles. Les conceptions à partir desquelles vous travaillez ont […]

Catégories
Astuces et Design

Création d'effets ludiques avec des ombres de texte CSS

Voyons comment utiliser la propriété CSS text-shadow pour créer un texte vraiment en 3D. Vous pourriez penser que l'ombre du texte peut appliquer une couleur floue et dégradée derrière le texte, et vous auriez raison! Mais tout comme l'ombre de la boîte, vous pouvez contrôler à quel point l'ombre est floue, y compris la réduire […]

Catégories
Astuces et Design

De nouveaux outils passionnants pour les concepteurs, avril 2020

Bien qu'il se passe beaucoup de choses dans le monde avec la pandémie de COVID-19, le monde du design réagit également. Vous remarquerez que certains des outils et ressources les plus récents pour les concepteurs sont destinés à travailler avec ou avec l'impact du virus ou sont inspirés par ce changement de nos modes de […]

Catégories
Astuces et Design

Implémentation d'écrans squelettes dans React – Smashing Magazine

A propos de l'auteur Blessing Krofegha est un ingénieur logiciel basé à Lagos au Nigeria, avec un désir ardent de contribuer à rendre le Web génial pour tous, en écrivant et en construisant… Plus à propos Bénédiction … Dans ce didacticiel, vous apprendrez ce qu'est une interface utilisateur d'écran squelette et certains types de bibliothèques […]

Catégories
Astuces et Design

Nouvelles de conception populaires de la semaine: 13 avril 2020 – 19 avril 2020

Chaque semaine, les utilisateurs soumettent beaucoup de choses intéressantes sur notre site frère Webdesigner News, mettant en évidence un excellent contenu provenant du Web qui peut intéresser les concepteurs de sites Web. La meilleure façon de garder une trace de toutes les bonnes histoires et nouvelles publiées est simplement de consulter le site Webdesigner News, […]

Catégories
Astuces et Design

Défis frontaux | Astuces CSS

Ma façon préférée de passer au niveau supérieur en tant que développeur frontal est de faire le travail. Créez simplement des sites Web. Si vous pouvez le faire pour de l'argent, tant mieux, vous devriez. Si les sites Web que vous créez peuvent vous aider vous-même ou aider une autre personne qui vous est chère, […]

Catégories
Astuces et Design

Ajout pseudo-aléatoire d'illustrations avec CSS – Pensées archivées d'Eric

J'ai été incroyablement satisfait et un peu humilié par les réponses au nouveau design. Alors tout d'abord, merci à tous ceux qui ont partagé leurs réactions! J'apprécie vraiment votre gentillesse et je voudrais rendre un peu hommage à cette gentillesse en partageant certaines des techniques que j'ai utilisées pour créer ce design. Aujourd'hui, parlons des […]

Catégories
Astuces et Design

De meilleures entrées de formulaire pour de meilleures expériences utilisateur mobile

Voici un moyen simple et pratique d'améliorer les performances des applications sur les appareils mobiles: configurez toujours les champs de saisie HTML avec le bon type, inputmode, et autocomplete les attributs. Bien que ces trois attributs soient souvent discutés isolément, ils sont les plus pertinents dans le contexte de l'expérience utilisateur mobile lorsque vous les […]

Catégories
Astuces et Design

Rester connecté et apprendre les uns des autres – 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 … Un mois, c'est long pour rester au courant des choses. Vous trouverez ici un aperçu […]

Catégories
Astuces et Design

Pourquoi avons-nous besoin de normes Web?

Lorsque vous vous asseyez pour créer un nouveau site Web, vous avez probablement un processus strict que vous suivez avec des listes de contrôle pour tout ce qui doit être fait. Mais ces listes de contrôle contiennent-elles quelque chose sur les normes Web? Et, sinon, le devraient-ils? Aujourd'hui, nous allons voir quelles sont les normes […]

Catégories
Astuces et Design

Création de thèmes de couleurs avec des propriétés personnalisées, HSL et un peu de calc ()

Avant l'avènement des propriétés personnalisées CSS (nous pourrions les appeler des «variables» dans cet article car c'est leur esprit), la mise en œuvre de plusieurs schémas de couleurs sur le même site Web signifiait généralement l'écriture de feuilles de style distinctes. Certainement pas la chose la plus maintenable au monde. De nos jours, cependant, nous […]