Revision 588: State of CSS, Teil 1 von 2

Published: Oct. 10, 2023, 6:55 a.m.

b'Die allj\\xe4hrliche CSS-Umfrage \\u201eState of CSS\\u201c hat ihre 2023er-Ergebnisse\\nver\\xf6ffentlicht! Vanessa, Schepp und Peter freuen sich nicht nur dar\\xfcber, dass\\nWorking Draft erneut an der Abstimmung \\xfcber den besten CSS-Podcast der\\nMilchstra\\xdfe teilnehmen durfte, sondern auch dar\\xfcber, dass die Umfrage Anlass\\nbietet, mal wieder ausgiebig \\xfcber diverse CSS-Themen zu plaudern.\\n\\n\\nUNSER SPONSOR\\n\\n\\n\\nWorkshops.DE bietet IT-Schulungen f\\xfcr moderne Web-Entwicklung. Dabei arbeitet\\nWorkshops.DE nicht als reiner Vermittler, sondern bildet eine Community aus \\xfcber\\n80 Trainer:innen, welche gemeinsam Material erstellen, sich gegenseitig\\nunterst\\xfctzen und weiterbilden, um m\\xf6glichst nachhaltige und hochqualitative\\nWeiterbildungsangebote zu schaffen.\\n\\nEin starker Fokus liegt hierbei auf den Frontend-Frameworks Angular, React und\\nVue. Neben diesen gibt es aber auch Weiterbildungen im Bereich Docker,\\nKubernetes und Spring Boot. Zum Netzwerk geh\\xf6ren ebenfalls die Community-Portale\\nAngular.DE, ReactJS.DE und VueJS.DE.\\n\\nSeid ihr auf der Suche nach einer qualitativen Weiterbildung im Bereich\\nWeb-Entwicklung oder m\\xf6chtet euch selbst als Trainer:in einbringen? Dann seid\\nihr bei Workshops.DE genau richtig.\\n\\n\\nSCHAUNOTIZEN\\n\\n[00:04:13] SUBGRID\\n\\nWir begr\\xfc\\xdfen die Einf\\xfchrung von Subgrid, einem der Hauptfokus-Gebiete der\\nInterop-2023-Initiative, rundheraus und sinnieren ein wenig \\xfcber die Adaption\\nvon Grid und Flexbox.\\n\\n[00:08:25] LOGICAL PROPERTIES\\n\\nDass niemand von uns wirklich ernsthaft Logical Properties benutzt hat, h\\xe4lt uns\\nnicht davon ab, wild \\xfcber m\\xf6gliche Use Cases zu spekulieren. M\\xf6glicherweise sind\\nLogical Properties aber auch einfach eine inkrementelle Verbesserung ohne\\nKiller-Anwendungsfall.\\n\\n[00:15:03] CONTENT-VISIBILITY\\n\\n\\xdcber das Pro und Contra von content-visibility und seinem Event-Kollegen\\ncontentvisibilityautostatechange kommen wir auf CSS-Footguns und -Ent\\xe4uschungen\\nwie will-change (ist doof), vertical-align (ist eine Tabellenzellen-Only-Diva)\\nund andere Fehlgriffe wie das Casing von currentColor zu sprechen.\\n\\n[00:23:35] CONTAINER QUERIES\\n\\nWir geben zu Protokoll, viele der performancekritischen CSS-Hammerfeatures wie\\nden :has()-Selektor und eben Container Queries eher sparsam zu verwenden. Schepp\\nberichtet au\\xdferdem von der Mootoolisierung eines Teil-Aspekts von :has(), was\\nein Nachjustieren der Spezifikationen n\\xf6tig machte.\\n\\n[00:33:39] NEUE VIEWPORT UNITS\\n\\nWir berichten von unseren Erfahrungen mit Viewport-Units im Allgemeinen und den\\nneuen Viewport-Units, die die diversen Mobile-Browser-Chromes mitbedenken im\\nBesonderen. Die Frage \\u201ewas z\\xe4hlt eigentlich als Viewport\\u201c f\\xfchrt uns auf direkten\\nWege zu Themen wie Scrollbars, env() und dem im Orkus verschwundenen overflow:\\noverlay.\\n\\n[00:40:11] INTRINSIC SIZING KEYWORDS\\n\\nDass wir alle nur ein grobes, intuitives Verst\\xe4ndnis von Ma\\xdfangaben wie\\nmin-content haben, wird schnell ersichtlich.\\n\\n[00:45:39] LINEAR() EASING FUNCTION\\n\\nLineares Transition Timing ist nun so parametrisierbar, dass wir damit beliebige\\nBeschleunigungskurven beschreiben k\\xf6nnen\\xa0\\u2026 jedenfalls, wenn wir gewillt sind,\\nsehr viele Koordinaten anzugeben. Aber das ist unserer Auffassung nach kein\\nNon-Starter!\\n\\n[00:48:57] VIEW TRANSITION API\\n\\nSchepp rekapituliert seine Probleme mit mehreren prallel stattfindenden View\\nTransitions und wir \\xfcberlegen, ob es nicht sinnvoll gewesen w\\xe4re,\\nMPA-Transitions zuerst einzuf\\xfchren.'