CSS-Update 2022 — viel Neues für Web-Entwickler

2022 gibt es in den Ever­­green-Browsern so viele inter­es­sante Neuerun­gen für Weben­twick­ler wie lange nicht mehr. Nicht nur, dass mit ‘:has()‘ der langersehnte „Par­ent-Selec­­tor“ zur Ver­fü­gung ste­ht, son­dern auch ‘@layer‘, das die Kaskade nun bess­er bee­in­flussen lässt. Zudem bekom­men wir native Con­­tain­er-Queries nicht zu vergessen Sub­grids. Aber auch die kleinen Fea­tures wie ‘aspect-ratio‘, ‘gap‘ in […]

Single Page Web Apps mit Blazor WebAssembly — soll ich’s machen oder lass ich’s lieber sein?

Alle mod­er­nen Brows­er kön­nen heute WebAssem­bly-Byte­­code als Alter­na­tive zu JavaScript aus­führen. Gedacht war WebAssem­bly für Berech­nun­gen im Hin­ter­grund, daher gibt es auch im Stan­dard keine direk­te Inter­ak­tion mit dem DOM. Einige mod­erne Frame­works haben diese und andere Beschränkun­gen (wie den fehlen­den Garbage Col­lec­tor) aber bere­its über­wun­den. Dieser Vor­trag stellt WebAssem­bly am Beispiel Bla­zor von Microsoft […]

Riskanter Datenverkehr: Datenexport in die USA und der Umgang mit Clouds, Cookies und Google Analytics

Die DSGVO stellt nicht nur die Entwick­ler und Betreiber von Web­sites weit­er vor Her­aus­forderun­gen. Dies gilt derzeit vor allem für den Trans­fer von Dat­en in die USA, der in beson­derem Maß im Visi­er der Daten­schutzbe­hör­den ste­ht. So haben deutsche Gerichte bere­its Schadenser­satz­forderun­gen für die Nutzung von Google Fonts bestätigt. Auch die Ein­bindung von Ana­lyt­ics und […]

So werden Nutzer*innen Teil des Teams — ein Erfahrungsbericht in Digitalisierung

Wie überträgt man einen Prozess, der jahre­lang mit Papi­er, Faxgeräten und Kopier­ern durchge­führt wurde, in eine mobile App? Das sind Fra­gen, die Nel­li Her­gen­röther und ihr Team beant­worten mussten, als sie ein Pro­jekt für einen der führen­den Anbi­eter für Pflege­di­en­stleis­tun­gen im Raum Berlin-Bran­­den­burg über­nah­men. Zu den Pflege­di­en­stleis­tun­gen gehören u.a. eine Ein­schätzung der kog­ni­tiv­en Fähigkeit­en und […]

Accessibility in React-Applikationen

Deine Sin­gle Page-App­­lika­­tion sieht gut aus und macht genau das was sie soll? Aber ist sie auch gut benutzbar? Diese Frage stellen wir uns in diesem Talk und wer­fen einen Blick auf zahlre­iche Best Prac­tices und Cheap Wins mit denen du die Zugänglichkeit dein­er App­lika­tion schon mit kleinen Änderun­gen deut­lich verbessern kannst. Außer­dem erfährst du, […]

Non-trivial optimization techniques in Angular

Angu­lar has a num­ber of dis­tinct per­for­mance bot­tle­necks to alle­vi­ate, espe­cial­ly in larg­er appli­ca­tions. How­ev­er, even though there is infor­ma­tion avail­able on the web on improv­ing per­for­mance, most­ly this knowl­edge is lim­it­ed to change detec­tion strat­e­gy OnPush and async pipe. This for sure is only a tiny frac­tion of what’s pos­si­ble so it’s time to […]

Bye Bye ngModule — Eine neue Welt mit Standalone Components

Seit Ver­sion 14 unter­stützt Angu­lar das Konzept der Stand­alone Com­po­nents. Das Angu­lar Team ver­spricht hier­bei weniger Boil­er­plate Code und einen leichteren Ein­stieg in die Welt der Angu­lar Entwick­lung. Von nun an kön­nen sys­temweite Abhängigkeit­en bei dem Starten ein­er App­lika­tion reg­istri­ert wer­den. Darüber hin­aus kön­nen inner­halb ein­er Routenkon­fig­u­ra­tion — neben Mod­ulen — eben­falls auch Kom­po­nen­ten dynamisch […]