BROADCASTS.com

Hans und Schepp telefonierten sich diesmal zusammen und sprachen \xfcber die weite\nVerbreitung und Vorteile moderner Browser-APIs.\n\n\nSCHAUNOTIZEN\n\n[00:00:15] NATIVE BROWSER-APIS\n\nSchepp hat sich in letzter Zeit verst\xe4rkt damit befasst, wie man auf einer\nklassischen Webseite den ganzen JavaScript-Balast loswerden kann. Ziel des\nGanzen ist zum einen, Download- und Parsezeiten zu vermeiden, aber auch eine\nschnelle Ausf\xfchrungsgeschwindigkeit zu erhalten, bedingt durch den\ndahintersteckenden, nativen C-Code. Und da sieht es eigentlich recht gut aus mit\nAPIs und deren Support durch Browser. Folgende Themenbereiche lassen sich heute\nohne viel zus\xe4tzliches JavaScript gut bedienen:\n\n\n\n * DOM-Traversal: Dank querySelector(), querySelectorAll(), closest(),\n previousSibling(), nextSibling() alles kein Hexenwerk mehr. Hilfreich sind\n dabei die Tricks, um Element-Collections in iterierbare Arrays umzuwandeln.\n * DOM-Manipulation: Auch viel leichter geworden, dank before(), after() oder\n replaceWith(). Mehrere Styles lassen sich prima \u201een bloc\u201c per\n Object.assign(elem.style, { color: '#fff', fontSize: '1rem' }) mit\n bestehenden Eigenschaften zusammenmergen.\n * Event Delegation: Dank nunmehr einheitlicher addEventListener()-Methode,\n durchgehendem Capture-Phase-Support und Element.matches() recht einfach\n selbst umzusetzen.\n * Umgang mit Arrays: Schon ES5 war ein Meilenstein und es wird nur besser:\n forEach(), filter(), map(), reduce(), sort(), find(), findIndex(),\n includes(), every(), entries() und values(). Und dann gibt es da ja noch die\n Spread- und Rest-Operatoren.\n * Umgang mit Objekten: Hier hat ES6 mit assign() und keys() den Grundstein\n gelegt. Nun wurde u.a. entries() und values() nachgelegt.\n * F\xfcr Karusell-Slider bieten sich die CSS Snap Points an.\n * F\xfcr das Schriften-Laden die CSS Font Loading API.\n * F\xfcr das Lazyloading von Bildern kann man heutzutage gut die Intersection\n Observer API verwenden.\n * Und f\xfcr weiches Scrollen auf der Seite steht neuerdings die CSS-Eigenschaft\n scroll-behavior mit dem Wert smooth zur Verf\xfcgung.\n\n\n[00:57:09] KEINE SCHAUNOTIZEN\n\nHOW THE MINMAX() FUNCTION WORKS\n\nDie CSS Grid Spec f\xfchrt eine minmax()-Funktion ein, welche recht praktisch ist.\n\nLEA VEROU \u2013 CSS VARIABLES: VAR(\u2013SUBTITLE);\n\nWie alle Talks von Lea sehr sehenswert, diesmal mit dem Thema CSS Custom\nProperties (im Volksmund \u201eCSS Variablen\u201c) zum Thema.\n\nESSENTIAL APPS FOR SWITCHING FROM MAC TO WINDOWS\n\nTolle Ressource f\xfcr Entwickler, die an einem Wechsel zu Windows interessiert\nsind, erg\xe4nzend zu dem vor zwei Revisionen schon einmal verlinkten \u201eTurning\nWindows into an environment ready for modern development\u201e.\n\nINSIDE CHROME: THE SECRET PROJECT TO CRUSH IE AND REMAKE THE WEB\n\nWeil Chrome bald 10 Jahre alt wird dachten wir, verlinken wir dieses historische\nFundst\xfcck.