GitHubs CSS

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Mark Otto nimmt uns mit auf eine Tour durch das CSS von GitHub.com. Es ist großartig, einen so geradlinigen Artikel wie diesen zu lesen, mit allen Ecken und Kanten.

Das ist zu 90 % dasselbe, wie wir bei CodePen Dinge tun. Ein wesentlicher Unterschied besteht darin, dass sie allen ihren CSS-Code in zwei Dateien zusammenfassen und diese einfach auf allen Seiten ausliefern. Ich nehme an, auf diese Weise haben Sie, sobald Sie eine beliebige Seite von GitHub.com besucht haben, den gesamten benötigten CSS-Code im Browser-Cache gespeichert. Ich habe mich dazu entschieden, eine global.css für überall und eine section.css zu verwenden, die den Browser-Cache für den Großteil des Codes nutzt und gleichzeitig das Gesamtgewicht des CSS-Codes pro Seite niedrig hält.

Direkter Link →