Catégories
Astuces et Design

Mise en forme des enveloppes de mise en page en CSS

Un contenu de site Web doit être enveloppé ou contenu dans une largeur qui rend le contenu facile à lire. Pour ce faire, nous pouvons utiliser ce qu'on a appelé un wrapper ou un conteneur. L'utilisation d'un wrapper en CSS peut être possible de différentes manières, ce qui pourrait entraîner certains défis. Dans cet article, […]

Catégories
Astuces et Design

Grille pour la mise en page, Flexbox pour les composants

Mon frère est un nouveau diplômé en génie informatique et il termine actuellement son stage en développement front-end. Il a appris à la fois la grille CSS et la flexbox, mais j'ai remarqué un modèle que je vois beaucoup sur le Web. Il ne peut pas décider quand utiliser la grille ou la flexbox. Par […]

Catégories
Astuces et Design

Une mise à jour mensuelle sur tout ce qui fracasse – 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 … Chaque mois, nous présentons un aperçu des choses sur lesquelles l'équipe Smashing a travaillé – […]

Catégories
Astuces et Design

20+ meilleures icônes de mise en évidence de l'histoire Instagram (Free + Pro)

Histoires sont la fonctionnalité la plus populaire d'Instagram. Tout le monde les utilise pour s'exprimer. Instagram vous permet même de sélectionner et de mettre en évidence certaines de vos meilleures histoires sur votre page de profil. Vous avez peut-être remarqué que certains profils Instagram ont des icônes uniques pour les faits saillants de l'histoire Instagram. […]

Catégories
Astuces et Design

Des choses passionnantes à l'horizon pour la mise en page CSS

Michelle Barker note que cela a été une sacrée semaine pour nous, les nerds de la mise en page CSS. Firefox possède depuis longtemps les meilleurs DevTools pour CSS Grid, mais Chrome est sur le point de rattraper son retard et d'aller un peu mieux en visualisant les numéros et les noms des lignes de […]

Catégories
Astuces et Design

Stratégies de mise en cache à l'ère des PWA – Une liste à part

Il était une fois, nous comptions sur les navigateurs pour gérer la mise en cache pour nous; en tant que développeurs à cette époque, nous avions très peu de contrôle. Mais vint ensuite les applications Web progressives (PWA), les travailleurs de service et l'API du cache – et soudain, nous avons un pouvoir étendu sur […]

Catégories
Astuces et Design

Mise en forme dans le Shadow DOM avec les parties CSS Shadow

Safari 13.1 vient juste de prendre en charge les pièces CSS Shadow. Cela signifie que le ::part() Le sélecteur est désormais pris en charge dans Chrome, Edge, Opera, Safari et Firefox. Nous verrons pourquoi il est utile, mais d'abord un récapitulatif sur l'encapsulation du DOM fantôme… Les avantages de l'encapsulation du DOM fantôme Je travaille […]