Kann man die CSS-Datei verkürzen?

Rattenkoenig

Hallo!

Ich möchte eine alte Website ins 21. Jahrhundert bringen (responsive) und habe sie von Grund auf neu nur in HTML&CSS geschrieben. Sie sieht auf allen sinnvollen Bildschirmgrößen (Desktop, Smartphone, Tablett) für mich annehmbar aus. Sowohl das HTML als auch das CSS sind im W3C Validierungsdienst fehlerfrei.

Zur Website:

https://h-felder.de/flohheim2/index.html (geht erstmal nur um die erste Seite, der Rest ist noch Baustelle)…

Soweit so gut… ich habe allerdings den (vermutlich nicht mehr sehr zeitgemäßen) Tick mit Code möglichst geizig zu sein…

Die Frage ist: Findet ihr CSS-Zuweisungen die überflüssig sind oder platzsparender angeordnet oder ausgeschrieben werden können?

Zur CSS-Datei:

https://h-felder.de/flohheim2/formate.css

Vielleicht gibt es auch einen ganz anderen Ansatz die Seite mit weniger Code darzustellen? Muss ja nicht genauso aussehen…

Fällt euch sonst noch was auf?

Danke für eure Mühe!

m.scatello

Deine CSS-Datei ist ja alles andere als groß, da würde ich nichts dran ändern.

basti1012

Kennst du die Seite?

https://uncss-online.com/

Der findet nur die CSS

Code

figcaption {
    color: white;
    font-style: italic;
    text-align: center;
    padding: .4em  .4em  .2em 
}

Die auf der Startseite nicht gebraucht wird.

Wenn du noch testen willst ob deine HTML und CSS richtig oder veraltet sind, dann kannst du das hier testen.

HTML

https://validator.w3.org/nu/?doc=https%…m2%2Findex.html

CSS

https://jigsaw.w3.org/css-validator/…arning=&lang=de

Bis jetzt hast du alles seh gut gemacht

prodev

Zitat von basti1012

CSS
https://jigsaw.w3.org/css-validator/…arning=&lang=de

Leider taugt der CSS-Validator von w3 nichts, der kennt kein modernes CSS (nicht mal custom properties).

Rattenkoenig

Danke an alle die mir geantwortet haben!

basti1012:

> figcaption {

> color: white;

> font-style: italic;

> text-align: center;

> padding: .4em .4em .2em

> }

Ahja, die figcaption habe ich vergessen raus zu nehmen… Danke für den Hinweis!

> https://uncss-online.com/

Und auch Danke für den Link! Genau sowas habe ich vor zwei Jahren gesucht, als ich ein wenig mit reinen

CSS-Frameworks herum gespielt habe… und werde ich bestimmt in Zukunft noch Verwendung für haben…

> Bis jetzt hast du alles sehr gut gemacht

Danke! Während ich bei HTML rudimentär weiß, was ich tue… besteht mein CSS aus googeln, paste&copy und trial&error, während ich die eigentlichen Grundlagen immer vergesse, bis ich mich wieder mal mit Websites beschäftige (so durchschnittlich alle zwei Jahre)… ich dachte, da gäbe es bestimmt noch was zu verbessern…

Jetzt mitmachen!