Der Web Almanac ist sowas von 2021

Hat wieder Spass gemacht euch zuzuhören und auch wieder was gelernt. „:target“ kannte ich tatsächlich noch nicht. Werde ich sicherlich mal die nächste Zeit ausprobieren.

Hier noch ein paar weitere Gedanken die mir gekommen sind:

– Zu Druckerpatronen: Mein aktueller Tintenpi**er hat Tintentanks zum Nachfüllen. Gibt es mittlerweile von mehreren großen Anbietern, so dass ich es mir spare das Modell und die Marke zu nennen. Kosten ein paar Euronen mehr, das Geld hat man aber schnell eingespart.

– „column“ nutze ich mittlerweile gerne für Textwüsten wie die Datenschutzerklärung. Dadurch kann man einfach zu lange Textzeilen vermeiden und trotzdem die komplette Layoutbreite bei der Desktop-Darstellung nutzen. Wenn man „column-span: all“ auf die die Überschriften setzt, lassen sich die Bereiche auch einfach trennen, um zu lange Spalten zu vermeiden. Hier mal ein Beispiel (bei der Datenschutzerklärung): https://www.daruma.de

– Warum gzip kein Standard bei vielen Servern ist: Ich vermute, dass das etwas mehr Performance bei dem Server kostet. Massen-Hoster dürften da einige Euronen einsparen, wenn die darauf bei ihren unwissenden Kunden verzichten.

– „lang“-Attribut sollte von den meisten CMS automatisch gesetzt werden. In dem Zusammenhang würde mich interessieren, wie hoch der Anteil der nicht-englischen Seiten ist, die das auch korrekt setzen.

PS: Halbzeit war übrigens gut geschätzt. 😉

Bei der CSS-only-Lightbox via :target-Selektor sprecht Ihr darüber, dass der Browser beim Aufruf der Sprungmarke „#“ dummerweise immer nach oben scrollt. Einfache Lösung: Ersetzt das „#“ durch eine andere Sprungmarke, die es nicht gibt. Ich nehme dafür immer gerne „#void“. Schon ist das Problem erledigt und man muss auch nichts mit JavaScript intercepten. 🥳✌🏻🥂

Ich höre Euch leider immer nur in Etappen, so dass meine Kommentare entsprechend verzögert hier reintröpfeln.

Hinsichtlich Spezifität gibt es, wenn BEM einem nicht mehr weiterhilft noch so Tricks, die künstlich zu steigern, indem man IDs, Klassen oder Attribute im Selektor mehrfach chained, à la „.klasse.klasse“ (0.2.0) vs. „.klasse.“ (0.1.0).

Ähnliches lässt sich mit dem :not()-Selektor erreichen. Der ist sogar noch cooler, weil das, was in der Klammer steht zwar in der Spezifität mitgezählt wird, jedoch auf dem Element überhaupt nicht existieren muss und man seine Absicht so gegenüber Kolleg*innen besser kommunizieren kann, z.B. so: „element:not(.specificity-increase)“.

Bzgl. „Pixel lassen sich heutzutage problemlos zoomen“: Ja, das stimmt, allerdings hat man immer noch den Nachteil, dass Texte auf Webseiten dann nicht auf den systemübergreifend gesetzten Schrift-Größe im :root-Element erben, sondern jede Seite quasi einen „Reset“ durchführt und einzeln hochgezoomt werden muss. Das ist insbesondere auf Mobilgeräten doof.

So, ich höre dann mal wieder weiter… 😄

@Moritz: also wenn man seine Geburtstagsparty auf der ISS mit mehr als 20 Personen feiern möchte, reicht 1 Mrd € nicht aus… 🤷🏽‍♀️