Catégories
Astuces et Design

Mesure des éléments vitaux Web de base avec Sentry

Chris a pris quelques notes sur Core Web Vitals l'autre jour, expliquant pourquoi la mesure de ces mesures de performance est si importante: Je pense toujours que les Core Web Vitals conçus par Google sont intelligents. Quand j'ai commencé à me soucier de la performance, c'était tout: réduire les demandes! cache les choses! Faites des […]

Catégories
Astuces et Design

Comparaison de différentes façons de masquer des éléments dans CSS

On pourrait penser que cacher du contenu avec CSS est un problème simple et résolu, mais il existe plusieurs solutions, chacune étant unique. Les développeurs utilisent le plus souvent display: none pour masquer le contenu de la page. Malheureusement, cette façon de masquer le contenu n’est pas à toute épreuve, car ce contenu est désormais […]

Catégories
Astuces et Design

6 éléments essentiels pour la configuration ultime du Home Office – SitePoint

Une bonne configuration de bureau à domicile est la somme de ses parties. Un excellent Wi-Fi ne compensera pas la frustration croissante d'une chaise bancale. Un éclairage naturel apaisant ne pourra pas enfermer ces enfants de l'autre côté de la rue. Pour créer un espace qui cultive la productivité, tout doit fonctionner en harmonie. Bien […]

Catégories
Astuces et Design

Trouver un équilibre entre les éléments de sélection natifs et personnalisés

Voici le plan! Nous allons créer un élément de sélection stylisé. Pas seulement l'extérieur, mais aussi l'intérieur. Contrôle total du style. De plus, nous allons le rendre accessible. Nous n'allons pas essayer de reproduire tout ce que le navigateur fait par défaut avec un natif élément. Nous allons littéralement utiliser un élément lorsqu'une technologie d'assistance […]

Catégories
Astuces et Design

Sur les éléments fixes et les arrière-plans

Je pensais que cela allait être une courte note sur le positionnement fixe et le jank, mais comme avec presque tout ce que j'écris, c'est devenu un article de longue haleine sur le contenu des blocs, le rendu et les performances de défilement. Le point d'origine de l'écriture était de me rappeler que chaque fois […]

Catégories
Astuces et Design

Comment utiliser Envato Elements pour créer en ligne

Lorsqu'on lui présente la tâche de créer des choses pour Internet, savoir par où commencer peut être la moitié de la bataille. Si vous manquez de compétences en conception ou si vous êtes pressé par le temps, l'utilisation de certaines ressources prédéfinies peut être extrêmement utile. Le premier ordre du jour consiste à trouver une […]

Catégories
Astuces et Design

Flexbox-like "juste mettre des éléments dans une rangée" avec grille CSS

Cela m'est venu à l'esprit pendant que nous parlions de flexbox et gap cette raison que nous atteignons parfois pour flexbox est de jeter quelques boîtes d'affilée et de les espacer un peu. Mon cerveau atteint toujours pour flexbox dans cette situation, et avec gap, il continuera probablement de le faire. Il convient de noter […]

Catégories
Astuces et Design

10 façons de masquer des éléments en CSS – SitePoint

Il existe plusieurs façons de masquer un élément en CSS, mais elles diffèrent dans la façon dont elles affectent l'accessibilité, la mise en page, l'animation, les performances et la gestion des événements. Animation Certaines options de masquage CSS sont tout ou rien. L'élément est soit entièrement visible soit entièrement invisible et il n'y a pas […]

Catégories
Astuces et Design

Utilisation des éléments personnalisés et des codes courts MDX

MDX est une fonctionnalité qui tue pour des choses comme les blogs, les diapositives et la documentation des composants. Il vous permet d'écrire Markdown sans vous soucier des éléments HTML, de leur formatage et de leur placement tout en saupoudrant la magie des composants React personnalisés lorsque cela est nécessaire. Exploitons cette magie et voyons […]

Catégories
Astuces et Design

Les éléments constitutifs du design – Smashing Magazine

A propos de l'auteur Gleb a plus de 15 ans d'expérience dans la conception de produits, d'interfaces utilisateur et d'UX dans les écosystèmes Web, mobiles et TV. Gleb a légitimement acquis une suite mondiale… Plus à propos Gleb … Un langage de conception visuelle robuste est la pierre angulaire d'une bonne conception. Voici comment l'équipe […]