la toile

Créer une boîte de dialogue accessible à partir de zéro

Les dialogues sont omniprésents dans la conception d'interfaces modernes (pour le meilleur ou pour le pire), et pourtant beaucoup d'entre eux ne sont pas accessibles aux technologies d'assistance. Dans cet article, nous verrons comment créer un court script pour créer des boîtes de dialogue accessibles.

Style global ou local dans Next.js

Next.js a des opinions bien arrêtées sur la façon d'organiser JavaScript mais pas CSS. Comment pouvons-nous développer des modèles qui encouragent les meilleures pratiques CSS tout en suivant la logique du framework ? La réponse est étonnamment simple : écrire un CSS bien structuré qui équilibre les préoccupations de style globales et locales.

Un guide pour attirer des clients dans votre agence

De nombreuses agences de conception de sites Web considèrent comme un insigne d'honneur qu'elles gagnent un travail exclusivement grâce à des recommandations de bouche à oreille. Dans cet article, Paul Boag explique pourquoi cette attitude est tout à fait erronée et que faire à ce sujet.

Ajouter du temps à votre emploi du temps en tant que professionnel

Vous dirigez une entreprise et avez trop de choses à faire en même temps ? Réunions, bugs, retours clients, nouveaux clients en plus de vos délais déjà serrés ? Avouons-le, la gestion du temps est difficile, et cela devient encore plus difficile dans les moments difficiles que nous traversons.

Outils et ressources de couleur

Besoin d'un petit coup de pouce d'inspiration ? Nous avons rassemblé des outils et des ressources de couleur utiles que nous avons découverts récemment - pour vous aider à tirer le meilleur parti de votre créativité. Nous avons également récemment couvert [les outils d'audit CSS](https://www.smashingmagazine.com/2021/03/css-auditing-tools/), [les générateurs CSS](https://www.smashingmagazine.com/ 2021/03/css-generators/), [composants frontaux accessibles](https://www.smashingmagazine.com/2021/03/complete-guide-accessible-front-end-components/), [composants frontaux passe-partout](https://www.smashingmagazine.com/2021/06/useful-frontend-boilerplates-starter-kits/) et [extensions de code VS](https://www.smashingmagazine.com/2021/05/useful -vs-code-extensions-web-developers/) — vous pourriez aussi les trouver utiles.

Comment migrer de WordPress vers un CMS sans tête

Dans cet article, nous examinerons quand il est judicieux de migrer d'un projet monolithique vers une configuration sans tête et les avantages qui en découlent. En plus d'un guide étape par étape sur la façon de migrer WordPress vers Storyblok Headless CMS, les problèmes qui surgiront au cours du processus et comment les traiter.

Maintenir la qualité de bout en bout avec des tests visuels

En ajoutant des éléments visuels à vos tests, vous pouvez obtenir plus d'options pour ajouter des moyens significatifs de maintenir un haut niveau de qualité pour votre application. Colby Fayock explique comment.

pouvez-vous faire cela avec une grille de données JavaScript ?

Dans cet article, vous découvrirez des choses assez révolutionnaires que vous pouvez réaliser avec les grilles JavaScript modernes et découvrirez de nouvelles façons d'augmenter une grille de données pour la rendre attrayante, réactive et accessible. Tout cela sera illustré à l'aide des grilles de données de l'interface utilisateur de Kendo et de leurs fonctionnalités.

Modèles de conception frustrants : filtres cassés

Trop souvent, traiter avec des filtres peut être frustrant. Faisons-les bien. Cela signifie qu'il ne faut jamais figer l'interface utilisateur sur une seule entrée, fournir une solution de secours pour la saisie de texte et ne jamais faire défiler automatiquement les utilisateurs sur une seule entrée. Voici pourquoi.

Construire un en-tête dynamique avec Intersection Observer

En JavaScript, attacher un écouteur d'événement pour déclencher constamment un rappel lors du défilement peut être gourmand en performances. Mais il existe un meilleur moyen avec Intersection Observer.