hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Créer une page imprimable avec Gutenberg.css

Les concepteurs de sites Web oublient souvent l' impression car il semble beaucoup moins nécessaire de nos jours. Et cela peut être vrai pour les sites numériques comme BuzzFeed.

Cependant, sur les sites d'information, il est toujours recommandé d'offrir une feuille de style personnalisée . Heureusement, vous n'avez pas besoin de concevoir le vôtre parce que Gutenberg est là pour vous aider.

Nommé d'après l'inventeur de la presse d'imprimerie Johannes Gutenberg, cette bibliothèque CSS est une ressource autonome pour la conception de pages imprimées .

Vous venez d' ajouter le fichier gutenberg.css dans votre tête de document, et vous êtes tous ensemble.

Chaque fois qu'un visiteur va imprimer votre page, il doit automatiquement relooker en fonction du paramètre d'impression. Cela peut être défini en utilisant l'attribut HTML media="print" .

Consultez ce guide si vous voulez en savoir un peu plus sur les feuilles de style imprimées et comment elles fonctionnent.

La bonne chose à propos de Gutenberg est qu'il vient avec des classes et des styles supplémentaires aussi.

Creusez dans le dossier thèmes et vous trouverez trois thèmes d'impression alternatifs : livre, moderne et ancien style . Vous pouvez en faire l'un d'entre eux en les ajoutant par-dessus le fichier gutenberg.css par défaut.

En outre, vous pouvez personnaliser la page pour l'impression en ajoutant des classes CSS spécifiques. Par exemple, la classe .no-print complètement un élément dans le style d'impression.

Un autre exemple est l' ajout d'URL de lien à côté du texte. Gutenberg ajoute cette fonctionnalité pour que les utilisateurs trouvent plus facilement les URL de votre page. Mais vous pouvez ajouter la classe .no-reformat à l'élément anchor pour masquer l'URL .

Tout ce truc est couvert sur le repo GitHub et c'est très simple. Gutenberg peut être installé en moins de 5 minutes et votre site entier sera facile à imprimer.

C'est de loin l'une des bibliothèques les plus simples et les plus cool à implémenter pour améliorer les performances du site. Il peut ajouter quelques KB supplémentaires mais l'expérience globale sera considérablement améliorée.

Si le contenu de votre site peut être imprimé pour une raison quelconque alors Gutenberg.css est une ressource indispensable.

10 signes que vous êtes allé trop loin dans la conception Freelance

10 signes que vous êtes allé trop loin dans la conception Freelance

Le design freelance est génial, mais personne que je connais jusqu'à présent n'est resté comme il l'était auparavant après des années d'expérience freelance (souvent traumatisante). Après un moment, nous aimerions penser que petit à petit, nous avons évolué vers quelque chose au-delà de l'humain, avec des capacités surnaturelles ou des traits perturbateurs mentaux, et voici ce que je veux partager aujourd'hui: les 10 habitudes que vous développez quand vous tombez trop profondément dans la conception freelance .Parcourez la li

(Conseils techniques et de conception)

Vitrine des magnifiques œuvres d'art géométriques

Vitrine des magnifiques œuvres d'art géométriques

Fatigué de regarder des graphiques colorés et fantaisistes sur internet? Si vous voulez prendre du recul pour trouver l'inspiration dans les formes les plus élémentaires de l'art, je peux vous aider avec cela. Que diriez-vous de regarder quelques illustrations géométriques?Dans cette compilation de belles illustrations géométriques, nous allons regarder la reproduction d'un bel art comme vous ne l'avez jamais vu auparavant. Et ils

(Conseils techniques et de conception)