Opt-in Typografie

Ich habe kürzlich Chris Eppstein einen Vortrag halten hören (Folien) über die Erstellung besserer Stylesheets und die Verwendung von SASS dafür. Es gab ein paar überraschende Punkte, einer davon handelte von "Opt-in Typografie". Die Idee war, dass man anstatt globale Stile für typografische Elemente wie p, ul, ol, h1, h2 usw. festzulegen, diese Stile stattdessen als Klasse anwenden würde, vielleicht .text.

Die Idee ist, dass es viele Stellen auf einer Website gibt, an denen man einen sauberen Startpunkt haben möchte und sich keine Gedanken über globale Stile machen muss. Das klassische Beispiel sind Listen, bei denen man sie für Dinge wie Navigation verwendet und wahrscheinlich nicht den gleichen Rand/Abstand/Listenstil möchte, wie innerhalb eines Artikels.

Darüber hinaus könnten Sie verschiedene Sätze von typografischen Stilen haben, die Sie nach Belieben anwenden möchten. Anstatt also globale Stile wie diesen

p  {    }
ul {    }
ol {    }
h1 {    }
h2 {    }
/* etc */

Würden Sie diese stattdessen auf eine Klasse beschränken (hier mit SCSS)

.text-article {
  p  {    }
  ul {    }
  ol {    }
  h1 {    }
  h2 {    }
  /* etc */
}

.text-module {
  p  {    }
  ul {    }
  ol {    }
  h1 {    }
  h2 {    }
  /* etc */
}

In einem Bereich der Website, der ein Blogbeitrag ist, können Sie Ihre Artikeltypografie greifen, und in einem Sidebar-Modul können Sie die Typografie dafür greifen

<section class="main-content">
  <article class="text-article">
    ...
  </article>
</section>
<aside>
  <div class="module text-module">
     Texty module
  </div>
  <div class="module">
     Module in which typography isn't needed
  </div>
</aside>

Anthony Short sieht das genauso.

Natürlich hängt die Wirksamkeit davon ab, um welche Art von Website es sich handelt und in welchem Stadium ihrer Entwicklung sie sich befindet. Ich vermute, dass es auf Websites mit einer "modularen" Architektur besser funktionieren würde und die keine riesige Menge an Altinhalten haben. Ich wäre interessiert, es auf einem frischen Projekt auszuprobieren.