Comme j'avais toujours été au sommet de ma classe au lycée, je me suis dirigée vers la faculté des arts en pleine confiance que je serais un jour un peintre accompli. . Cette confiance excessive n'a pas duré longtemps car, à mon arrivée, je me suis retrouvée entourée d'artistes conceptuels, de cinéastes, de peintres, de performeurs, de graveurs et de sculpteurs, qui semblaient tous beaucoup plus doués que moi.
C'était particulièrement le cas de mon ami Ben, un peintre doué qui se rendait tard tous les soirs dans son studio pour travailler sur plusieurs grandes toiles. Les peintures de Ben avaient une profondeur incroyable, car il avait construit des centaines de couches de peinture subtiles sur plusieurs mois.
Je n’avais aucune patience de Ben. J'avais besoin de voir les résultats rapidement, alors mes peintures étaient tout sauf profondes et subtiles. Comparée à celle de Ben, la mienne ressemblait à des peintures numérotées.
Heureusement, le cours que j’avais choisi n’était pas structuré et n’avait pas de programme officiel. Cela permettait aux étudiants de circuler librement entre les disciplines, alors je suis passé de l'atelier de peinture à la gravure et j'ai passé les quelques années suivantes à faire des tirages avec bonheur.
J'ai trouvé le processus de gravure incroyablement satisfaisant. J'aimais faire des gravures à partir de linogravures et, de la même manière que l'écriture de code me rend tout à fait absorbée aujourd'hui, je me suis régulièrement perdue en gravant des milliers de petites marques jusqu'à ce que le sol soit recouvert d'éclats de lino tranchants.
l'écriture de code a beaucoup en commun. Les deux peuvent transformer rapidement une toile vierge en travail fini, sans attendre des semaines à regarder sécher la peinture. Les deux bénéficient d'itérations et de tests réguliers. En fait, il y a très peu de différence – à part des mains encrées – entre exécuter un test d’impression et rafraîchir une fenêtre de navigateur.
Je n’ai pas coupé le lino depuis trente ans, mais j’apprécie toujours l’art de la gravure. Lors d'un récent voyage à Londres, je suis tombé sur Magma et j'ai ramassé un exemplaire de Pressing Matters. Ce magazine publié de manière indépendante «s'intéresse aux personnes, à la passion et aux processus qui sous-tendent l'art de la gravure». Ses éditeurs espéraient inspirer les nouveaux arrivants à la gravure, mais en feuilletant ses pages, j'ai découvert que la conception de Pressing Matters peut aussi inspirer les concepteurs de sites Web
Andy Clarke
de mai 2019
Presser, ça compte: la passion et le processus derrière la gravure
Je n’ai peut-être pas fait de tirages depuis trente ans, mais je suis toujours aussi fasciné par le processus de gravure que par J'apprécie les résultats finaux. Reprenant un exemplaire de Pressing Matters (pressmattersmag.com) lors d’un récent voyage dans mon magasin de magazine préféré et feuilletant ses pages, j’ai été immédiatement ramené à une école d’art où mes doigts étaient presque toujours recouverts de coupures faites par des outils de coupe lino, et Je sentais l'encre et la térébenthine
Pressing Matters a un style distinctif mais simple. Il utilise une palette limitée et relie souvent la couleur des titres et d’autres éléments typographiques aux couleurs des photographies et des imprimés à proximité. Le résultat est un design qui se sent connecté.
Le directeur créatif de Pressing Matters, John Coe, utilise des modèles de mise en page qui produisent un rythme qui circule dans le magazine. Des modules de taille différente vous permettent de parcourir les pages remplies d’impressions, puis la cadence ralentit pour vous permettre de vous attarder sur de plus grandes reproductions d’œuvres. Ces mises en page encadrent parfaitement le contenu du magazine et, même si elles sont originales, elles sont également assez discrètes pour ne pas nuire au sujet traité.
Ce qui m'a frappé au départ, c'est que Pressing Matters se caractérise par le fait que le magazine propose une variété de styles de mise en page, mais autorisé pour divers types de contenu, mais conserve toujours un haut degré de cohérence tout au long.
En regardant de plus près à la façon dont ses pages ont été construites, j'ai découvert une grille composée composée de deux et trois colonnes traversant le magazine. L'utilisation d'une grille composée convient parfaitement à un magazine consacré à la gravure, qui implique souvent plusieurs couches d'encre pour former quelque chose de plus profond et de plus riche qu'une seule couche.
Alors que de nombreuses pages de Pressing Matters reposent sur une mise en page symétrique à deux ou trois colonnes, c'est lorsque les grilles à deux et trois colonnes sont combinées que le magazine prend vie. 19659016] Non seulement cette grille est-elle adaptable à différents types de contenu, mais la variété de permutations de présentation possibles permet également des modifications de la stimulation visuelle dans le magazine.
Je vous expliquerai tout à propos de Karl Gerstner et de sa grille mobile plus tard dans ce magazine. Dans ce numéro, mais tout comme l’œuvre emblématique de Gerstner pour le magazine Capital, Pressing Matters utilise des images grand format pour ralentir la lecture.
L’espace blanc s’ouvre autour de la copie pour faciliter la lecture. Le texte enveloppe les formes fluides des images. Les pages contenant des impressions sont disposées à la maçonnerie. Le texte divisé en deux colonnes côtoie des images disposées sur une grille en trois colonnes, et ces techniques se combinent pour créer une expérience de lecture attrayante et agréable.
Pressing Matters prouve que les grilles composées peuvent avoir un effet profond sur l'expérience de la lecture d'un magazine. Les mêmes principes de mise en page qui rendent Pressing Matters si attrayant peuvent également s'appliquer aux produits et aux sites Web, même s'ils sont des supports très différents.
Ces principes ne sont pas nouveaux et ont guidé la direction artistique et le design pendant des décennies. Ils comptent autant sur le Web que dans les pages d'un magazine sur papier glacé. Que vos lecteurs soient hors ligne ou sur, les grilles sont essentielles à la compréhension de vos articles et vous pouvez les utiliser pour autre chose que d'aligner du contenu.
La prochaine fois que vous passez devant le magasin le plus proche, ouvrez-le et prenez-en un exemplaire. de Pressing Matters. Vous n'aurez pas les doigts roux, mais vous aurez l'inspiration pour votre prochain projet.
Making Sense Of Compound Grids
Les grilles ont une histoire longue et variée dans la conception, des premiers livres aux mouvements comme le constructivisme et le style typographique international, jusqu'à la popularité actuelle des grilles dans des structures telles que Bootstrap et la conception matérielle.
Une génération de concepteurs de produits et de sites Web ont grandi avec les grilles de Bootstrap, le système de grilles 960 qui la précédait, et même le cadre de Blueprint avant cela. Dans de tels frameworks, et dans de nombreux travaux, les grilles sont principalement utilisées pour aligner le contenu sur les colonnes.
Lorsque vous utilisez des grilles avec imagination, elles font beaucoup plus que simplement aligner le contenu. Une grille apporte de la cohésion à une composition. Cela aide les gens à comprendre les histoires que vous racontez en suggérant des hiérarchies. Les grilles informent les gens sur ce qu'il faut lire en premier, puis en second, et sur le degré d'attention à leur accorder
. Une grille soigneusement choisie offre une multitude de possibilités et un grand nombre de conceptions intéressantes.
L'utilisation de la grille pour la conception Web a amélioré la cohérence, la lisibilité et la convivialité, mais l'utilisation de grilles incluses dans des cadres comprenant Bootstrap a également entraîné une génération. de dispositions homogènes et de dessins sans intérêt.
Lorsque j'enseigne les cours de design, je demande souvent à mes étudiants de dessiner ce que signifie une grille pour eux. Neuf des dix croquis douze colonnes symétriques. Les grilles multi-colonnes symétriques sont devenues un aliment de base principalement parce que douze colonnes peuvent être facilement divisées en moitiés, tiers, quarts et huitièmes. Parce qu'ils sont si faciles à apprendre, les grilles telles que celles incluses dans Bootstrap sont devenues un aliment de base.
En fait, elles sont maintenant si omniprésentes que commencer un nouveau dessin sans esquisser trois ou quatre colonnes peut être incroyablement difficile, car implique de changer votre modèle mental et votre façon de penser les grilles. Il est important de savoir que les grilles à colonnes symétriques ne sont qu’une des nombreuses options. Les grilles composites font partie de ces options, mais malgré la grande flexibilité qu'elles offrent – ce qui est extrêmement important pour les conceptions multi-appareils actuelles -, on en parle rarement dans la conception de produits et de sites Web.
En juillet 2009, Diogo Terror écrivait: « Leçons du design graphique de style suisse ”pour Smashing Magazine qui mentionne Karl Gerstner et inclut de nombreux exemples fabuleux du design graphique de style suisse.
Capital Magazine
Dans les années 1940 et 1950, des designers tels que Josef Müller -Brockmann a utilisé des grilles pour créer des mises en page cohérentes et créatives, l’un des aspects déterminants de ce que l’on appelle désormais le style typographique international ou le design suisse.
L'artiste et typographe suisse Karl Gerstner a été l'un des premiers designers à exploiter la flexibilité créative de l'utilisation des grilles. C'est la grille composée que Gers tner conçu en 1962 pour le magazine Capital, qui est devenu l'une de ses créations les plus connues.
Le concept de Capital était: fournir «une vision humaine de l’économie, une vision économique de l’humanité»; son contenu et la conception de Gerstner devaient donc être accessibles, clairs et attrayants. Compte tenu de la variété et de l’imprévisibilité potentielles du contenu de Capital, Gerstner avait également besoin d’un réseau lui permettant d’afficher son contenu de manière cohérente et sans restriction.
Gerstner a conçu ce qu’il a appelé un «réseau mobile», bien qu’il ne s’agisse pas du type de mobile auquel vous et moi sommes habitués. Cette grille est celle qui a le plus de chances d'être trouvée lors de la recherche de grilles composées, mais c'est aussi celle qui est la plus susceptible de dérouter au premier coup d'œil.
La grille composée conçue par Gerstner pour Capital a un aspect incroyablement complexe, telle qu'elle est présentée ci-dessus. pour expliquer comment il l'a créé – et comment vous pouvez l'utiliser -, je vais décomposer la grille de Gerstner en parties constitutives.
Il y a 58 colonnes et lignes dans le réseau mobile de Gerstner, mais il n'en a commencé qu'une. Le contenu de ce module unique occupe toute la largeur de la page.
Puis Gerstner a divisé son module individuel en deux colonnes et lignes. . En utilisant deux colonnes de cette manière, on obtient un dessin symétrique rassurant.
Ce grand module peut également être subdivisé en trois. colonnes et rangées. Avez-vous remarqué que les gouttières entre les divisions de la grille de Gerstner ont toujours la même taille?
En divisant le grand module en Quatrièmement, ces colonnes de contenu semblent formelles et l’impression générale est que ce design est sérieux.
Le module d'une page complète est divisé en cinq colonnes et séparé en deux zones spatiales par une ligne de flux, ce qui semble plus technique. Avec le réseau mobile de Gerstner, vous pouvez utiliser chaque ensemble de colonnes et de lignes séparément. Vous pouvez également les transformer en une grille composée en les superposant ou en les empilant.
Division de la page en six colonnes et six rangées de modules, permet une incroyable variété d'options de disposition. La flexibilité d'une grille composée provient de l'interaction de deux ou plusieurs grilles et de la manière dont cela affecte la position et la taille des éléments. Cela rend souvent une mise en page composée beaucoup plus intéressante qu'une seule grille isolée
Dites bonjour aux grilles composées
Une grille composée est constituée de deux ou plusieurs grilles de n'importe quel type – colonne, modulaire, symétrique et asymétrique – sur une page. . Ils peuvent occuper des zones séparées ou se chevaucher.
Si vous n’êtes toujours pas sûr d’utiliser des grilles modulaires comme Karl Gerstner l’a fait, vous pouvez commencer par créer un composé en superposant des grilles à deux colonnes; l’une avec deux colonnes, l’autre avec trois.
C’est l’interaction des deux grilles qui rend ce tracé composé plus intéressant qu’une seule grille. La souplesse d'une grille composée devient évidente lorsque je rends les lignes de la grille visibles.
Si vous surveillez de près, vous devriez remarquer comment les grilles composées mèneront votre dessin dans une direction différente de celle de douze colonnes symétriques.
En posant une grille à trois colonnes une avec deux colonnes, vous créez quatre colonnes où les deux extérieures ont deux fois la largeur de celles de l’intérieur. J'aime penser à cela comme un motif rythmique; 2 | 1 | 1 | 2.
Schémas rythmiques
En utilisant un nombre quelconque de colonnes ou de rangées de taille égale, vos présentations forment un schéma cohérent et un rythme régulier qui ne change pas sur la page. Pensez à chaque colonne comme un battement et appuyez sur douze d'entre elles sur votre bureau. Cela ne semble pas très inspirant, n'est-ce pas?
Comparez cela au rythme d'un motif 2 | 1 | 1 | 2 et vous devriez comprendre comment l'utilisation de grilles composées peut modifier à la fois votre modèle mental et les dispositions que vous créez. Utilisation de ce modèle 2 | 1 | 1 | 2 pour ma première mise en page. Je place le corps principal du contenu, y compris le titre, le premier paragraphe et le texte en cours, dans la première colonne de la grille à deux colonnes. J'utilise une colonne unique de ma grille à trois colonnes pour placer des informations complémentaires sur la série Jaguar E-Type, sans conteste la plus belle voiture jamais construite.
Une image au format détaillé de cette automobile étonnante traverse l'espace restant, créant ainsi un visuel. lien entre les deux zones de contenu
Pour un modèle tout à fait différent (ci-dessus) – un modèle utilisant à la fois la mise en forme et des caractères italiques pour suggérer le mouvement et la vitesse du type E – J'échelonne mon paragraphe standfirst et le texte en cours en utilisant des lignes de grille des grilles à deux colonnes et à trois colonnes.
Modifier la formation du composé pour combiner les grilles à trois colonnes et à quatre colonnes (3 + 4) crée un motif rythmique totalement différent de 3 | 1 | 2 | 2 | 1 | 3.
Avec un composé de deux grilles (ci-dessus,), vous pouvez utiliser les largeurs de l'un ou de l'autre. Vous pouvez également combiner les largeurs des deux pour former des colonnes non conformes. Vous pouvez utiliser ces nouvelles largeurs pour indiquer la taille des images et du texte. Alors que le premier paragraphe commence par la grille à trois colonnes, le texte courant qui suit commence par la grille à quatre colonnes.
Cette même combinaison de grilles (ci-dessus) peut donner une impression très différente en combinant les largeurs de colonnes des deux grilles pour indiquer la largeur de ma colonne de texte en cours. Cette colonne correspond à la largeur de ma grande image verticale pour équilibrer les deux côtés de ce motif.
Cette fois, j’ai placé le bloc principal de texte courant sur deux colonnes et calculé leur largeur en combinant des unités de colonne de 4 et 3.
En ce qui concerne ces colonnes très étroites, De largeur 1 unité, ils sont parfaits pour indiquer la taille des éléments typographiques, notamment cette lettrine en caractères gras.
Le fait de superposer quatre colonnes à cinq (ci-dessus) conduit à un motif rythmique très inhabituel de 6 | 1 | 4 | 3 | 3 | 4 | 1 | 6.
conception alternative, j’utilise ce même motif d’une manière différente en faisant courir mon texte sur trois colonnes. J'utilise les largeurs de la grille à cinq colonnes pour indiquer la largeur des informations à l'appui et l'image de l'extrémité arrière courbée de ce type E.
Dans cette version du dessin (ci-dessus), une grande image montre la forme emblématique du corps de E-Type et occupe presque toute la largeur de ma page.
A Le bloc plein de texte en cours d'exécution repose directement sous les roues de la Jaguar et tire sa largeur des grilles à quatre et à six colonnes.
Mon dessin suivant (ci-dessous) place littéralement le type E au centre de l'action et du texte. s'enroule autour des deux côtés. N'oubliez pas qu'il n'est pas nécessaire de remplir le contenu de chaque module de la grille. En limitant la largeur de mon premier paragraphe et en laissant un espace vide ailleurs dans la présentation, je crée une diagonale dynamique qui ajoute de l'énergie et du mouvement à ce motif.
De toutes les combinaisons de grilles possibles, la combinaison de grilles à quatre et six colonnes est celle que j'utilise le plus souvent dans mon travail. Il est suffisamment souple pour gérer de nombreux types de contenu et permet une incroyable variété de compositions.
Alors que le sentiment général de ce dessin final semble équilibré – en grande partie dû à un bloc de texte courant centré, la citation tirée semble déconnectée de l'histoire, car elle n'occupe que la largeur de celle-ci. colonne dans la grille de six colonnes. Je peux améliorer cette conception en alignant le bord de cette citation sur les lignes de la grille à six colonnes, de sorte que le texte fasse partie de l'histoire.
… (Encadré)
Définir le rythme
Le rythme est un facteur essentiel, non seulement à l'intérieur de la page, mais également à travers les pages d'un produit ou d'un site Web entier. Les grilles composées sont non seulement suffisamment flexibles pour prendre en charge une grande variété de types de contenu, mais elles vous permettent également de faire varier cette stimulation visuelle. Les designs de magazines utilisent souvent des zones de tailles différentes pour varier ce rythme. La répétition de modules plus petits accélère le mouvement, tandis que les plus grands le ralentissent. Les gens passent naturellement plus de temps à regarder de plus grandes zones spatiales, et nous pouvons utiliser la même technique à certains moments du voyage pour les ralentir et leur faire prendre conscience.
… (/ Box)
Stacking Grids
You peut combiner des grilles de colonnes avec des grilles hiérarchiques et même modulaires. Lorsque les pages contiennent deux sujets distincts ou différents types de contenu, l’empilement de grilles peut être un excellent moyen de rendre cette différence plus évidente.
En haut de la page suivante, vous trouverez un article sur la Jaguar E-Type. Au-dessous se trouve une histoire totalement différente de la célèbre course des 24 heures du Mans. Pour ne douter de rien, ces histoires sont séparées, utilisez une grille différente pour chacune. Je base le récit en haut sur une grille à quatre colonnes et le bas en 6.
Ci-dessus, je fais la différence entre ces deux histoires évidentes en plaçant la seconde sur un fond gris. J'utilise également l'espacement des paragraphes au lieu des indentations de première ligne.
Je fais la différence entre ces deux histoires en plaçant la première sur un fond gris. Dans le deuxième récit, j'utilise également des caractères plus gras et un espacement entre les paragraphes au lieu d'indenter la première ligne.
Karl Gerstner
Karl Gerstner (1930-2017) était un artiste suisse et l'un des typographes les plus influents. Il a commencé à travailler à l'âge de 19 ans seulement, a étudié avec Fritz Büler, puis a cofondé GGK, l'une des agences de création suisses les plus prospères des années 70.
Les livres sur le travail de Gerstner sont épuisés depuis Des décennies et des copies atteignent souvent des centaines de livres, je ne serais pas surpris de ne pas avoir vu ses créations. Mais vous aurez vu beaucoup de travaux d’autres peuples qui s’inspiraient de lui.
Gerstner a rendu célèbre le texte injustifié et déchiqueté, car les colonnes de type étaient habituellement justifiées. Il a également développé l'idée d'utiliser des polices de caractères et un design typographique pour créer des liens entre les mots d'une page et leur signification. Bien que ce concept puisse sembler évident pour nous aujourd'hui, cette idée semblait révolutionnaire dans les années 1960.
Karl Gerstner est probablement mieux connu pour son ouvrage emblématique pour le trimestriel Capital Magazine, débutant en 1962. En fait, c'est à travers mes recherches sur Capital, et la grille composée que Gerstner a créée pour cela, j'ai d'abord découvert son travail et son travail.
Par une étrange coïncidence, j’ai récemment découvert que l’agence de Gerstner avait également créé des publicités pour le fabricant suisse de caméras grand format Sinar au début des années 90. Dans ces publicités, la forme du mot «Sinar» ressemble au résultat de l'utilisation des mouvements de va-et-vient sur une caméra grand format.
Développement des grilles composées
Lorsque vous voyez le réseau mobile de Karl Gerstner pour la première fois, vous pouvez penser à un composé. les grilles sont difficiles à mettre en œuvre. Tandis que développer des grilles composées aurait été un processus compliqué avec les méthodes traditionnelles, les outils de mise en page actuels, notamment CSS Grid, simplifient les choses.
Pour concevoir des mises en page à l'aide de grilles composées, vous devez modifier votre modèle mental et les développer n'est pas différent. . Toutefois, les numéros de ligne CSS Grid combinés à de nouvelles unités de longueur flexibles (fr) faciliteront ce changement.
Suivant l'ordre que j'ai utilisé précédemment, je commencerai par un composé de grilles à deux et trois colonnes (2+ 3) qui a un motif rythmique de 2 | 1 | 1 | 2.
Traduire ce motif en valeurs pour grid-template-columns ne pourrait pas ' C’est plus simple, mais je dois d’abord appliquer la grille CSS à l’élément body de ma page, puis définir un espace entre les colonnes relatif à la largeur de ma fenêtre. Etant donné que je ne souhaite pas que ces styles soient appliqués à des tailles d'écran plus petites, je les enferme dans une requête multimédia:
@media screen et (min-width: 48em) {
corps {
affichage: grille;
grille-colonne-gap: 2vw; }
}
J'utilise maintenant les unités fr pour spécifier le modèle de ma grille composée. Le résultat est quatre colonnes où la largeur des colonnes externes occupe deux fois plus de l'espace des deux colonnes intérieures:
body {
Grille-modèle-colonnes: 2fr 1fr 1fr 2fr; }
Une combinaison de grilles à trois et quatre colonnes (3 + 4) donnera six colonnes et un motif rythmique de 3 | 1 | 2 | 2 | 1 | 3. Mes unités de longueur flexibles seront:
body {
Grille-modèle-colonnes: 3fr 1fr 2fr 2fr 2fr 1fr 3fr; }
Enfin, la combinaison de grilles à quatre colonnes et à six colonnes (4 + 6) crée huit colonnes, dont deux beaucoup plus étroites que les autres. Pour créer un motif rythmique de 2 | 1 | 1 | 2 | 2 | 1 | 1 | 1 | 2, mes unités de longueur flexibles seront:
body {
Grille-modèle-colonnes: 2fr 1fr 1fr 2fr 2fr 1fr 1fr 1fr 2fr; }
Avec ces propriétés de grille appliquées, tous les descendants directs d'un conteneur de grille deviennent des éléments de grille que je peux placer en utilisant des zones, des numéros de ligne ou des noms.
La conception que je développe ne nécessite que les éléments structurels les plus élémentaires. éléments pour le mettre en oeuvre et mon balisage ressemble à ceci:
….
…
…
J'utilise les huit colonnes de la grille composée 4 + 6 ci-dessus. Voici les styles à implémenter:
@media screen et (min-width: 48em) {
corps {
affichage: grille;
Grille-modèle-colonnes: 2fr 1fr 1fr 2fr 2fr 1fr 1fr 1fr 2fr;
grille-colonne-gap: 2vw;
intervalle entre lignes: 2vh; align-content: start; }
}
Les éléments ci-dessus sont des descendants directs du corps. Je les place sur la grille en utilisant des numéros de ligne. D'abord le titre, le paragraphe qui suit immédiatement, et enfin mon élément principal. Ces éléments commencent tous par la ligne 4 du réseau et se terminent par la ligne 8:
h1, h1 + p, main {
grille-colonne: 4/8; }
L'image de plan de ma belle Jaguar E-Type doit être plus large que les autres éléments de cette conception. Je la place donc avec des numéros de ligne différents. Cela commence à la ligne 2 et s'étend sur toute la largeur de ma page:
img {
grille-colonne: 2 / -1; }
Maintenant, je mets l'élément de côté qui contient mes informations à l'appui concernant les trois séries de E-Type. Comme je veux que cet élément s'aligne au bas de ma mise en page, j'ajoute la propriété align-self avec la valeur end:
apart {
grille-colonne: 1/3;
align-self: fin; }
Enfin, comme je veux que les éléments principaux et latéraux apparaissent côte à côte sur la même ligne, je leur attribue des valeurs de numéro de ligne identiques. :
main,
côté {grille-rangée: 4; }
Il ne me reste plus qu’à ajouter quelques petites touches typographiques pour améliorer mon design. Je n'ai pas besoin d'une valeur d'attribut de classe de présentation pour styler le paragraphe, qui suit immédiatement mon titre. Je peux utiliser un sélecteur de fratrie adjacent à la place:
h1 + p {
poids de la police: 700; }
Pour nommer la première ligne du premier paragraphe de mon élément principal, j'utilise une combinaison de sélecteurs descendant, pseudo-élément et pseudo-classe:
main p: first-of-type :: first-line {
poids de la police: 700; }
Enfin, pour indenter chaque paragraphe suivant qui ne suit pas immédiatement mon titre, j'utilise à la fois un sélecteur de pseudo-classe de négation: () () (not) et deux sélecteurs frères adjacents:
p: not (h1 + p) + p {
retrait du texte: 2ch; }
NB: Les membres Smashing ont accès à une version PDF très bien conçue du magazine Inspy Design Decisions d’Andy et à des exemples de codes complets issus de cet article.
Source link