Catégories
Astuces et Design

SVG, favicons et toutes les choses amusantes que nous pouvons faire avec eux

Les favicons sont les petites icônes que vous voyez dans l'onglet de votre navigateur. Ils vous aident à comprendre de quel site il s'agit lorsque vous parcourez les signets et les onglets ouverts de votre navigateur. Ils font partie intégrante de l'histoire d'Internet et sont capables d'effectuer quelques trucs sympas. Une toute nouvelle astuce est […]

Catégories
Astuces et Design

Pourquoi le codage collaboratif est le hack de carrière ultime – Smashing Magazine

A propos de l'auteur Bobby est un développeur de logiciels chez Flourish et un fan de la narration basée sur les données. Il aime les outils sans code qui aident les gens à exploiter le potentiel créatif du Web. … Plus à propos Policier … Quelle que soit l'étape à laquelle vous en êtes dans […]

Catégories
Astuces et Design

Repenser Twitter comme une application sans serveur

Dans un article précédent, nous avons montré comment construire une API GraphQL avec FaunaDB. Nous avons également écrit une série d'articles (1, 2, 3, 4) expliquant comment les bases de données traditionnelles conçues pour une évolutivité mondiale doivent adopter une cohérence éventuelle (par rapport à forte) et / ou faire des compromis sur les relations […]

Catégories
Astuces et Design

Mode sombre et polices variables

Il n'y a pas si longtemps, nous avons écrit sur le mode sombre en CSS et j'ai pensé à la façon dont le texte blanc sur fond noir est à peu près toujours plus difficile à lire que le texte noir sur fond blanc. Après y avoir réfléchi pendant un moment, j'ai réalisé que nous […]

Catégories
Astuces et Design

Innover sur la monétisation Web: Coil et Firefox Reality – Mozilla Hacks

Présentation de Coil Au cours des prochaines semaines, Mozilla déploiera une expérience de monétisation Web utilisant Coil pour prendre en charge les paiements aux créateurs de l'écosystème Firefox Reality. La monétisation Web est une approche alternative aux paiements qui ne repose pas sur la publicité ou le vol de vos données et de votre attention. […]

Catégories
Astuces et Design

Taille de police accessible, expliquée | Astuces CSS

Les directives pour l'accessibilité du contenu Web (WCAG), une organisation qui définit des normes pour l'accessibilité du contenu Web, ne spécifie pas de taille de police minimale pour le Web. Mais nous savons que le texte est trop petit pour être lisible, tout comme le texte peut être trop volumineux pour être consommé. Alors, comment […]

Catégories
Astuces et Design

17 outils pour un engagement client efficace

La seule chose que chaque entreprise qui offre un service a en commun, ce sont ses clients. Peu importe que vous soyez un pigiste avec un seul client ou une petite agence de design avec quelques clients, vous devez traiter avec les clients au quotidien. Étant donné que vous traitez avec des clients, même s’ils […]

Catégories
Astuces et Design

Explorer les internes de Node.js – Smashing Magazine

Node.js est un outil intéressant pour les développeurs Web. Avec son haut niveau de simultanéité, il est devenu un candidat de premier plan pour les personnes qui choisissent des outils à utiliser dans le développement Web. Dans cet article, nous allons découvrir ce qui compose Node.js, lui donner une définition significative, comprendre comment les composants […]

Catégories
Astuces et Design

Extensions et thèmes · Matthias Ott – Concepteur d'expérience utilisateur

Et puis, l'affichage de mon MacBook Pro s'est cassé. Après cinq ans, il était donc temps de se procurer une nouvelle machine, après tout. Chaque fois que cela s'était produit dans le passé, j'en ai profité pour repartir de zéro et faire une nouvelle installation de tous les logiciels que j'utilise et dont j'ai besoin. […]

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 […]