Working Draft

Schepp und Peter holten sich Verstärkung bei Sebastian Golasch und beackerten mit ihm zwei Themen aus dem Bereich der Frontend-Performance. Dazu kommt die übliche Ladung Links. Schaunotizen [00:00:17] CSS-Performance Angestachelt von der Frage how much CSS should you have mäandern wir quer durch den Problemkomplex CSS-Performance. Peter und Sebastian grillten Performance-Papst Schepp unter anderem mit Fragen zum Einfluss vom Browsercache (groß) und Selektorperformance (vernachlässigbar) und erfahren, ob Sprites oder das Inlining von Bildern besser sind (Inlining gewinnt). Wir befinden die CSS Profiler von Dragonfly und Chrome für gut, CSS Lint ob zu strenger Regeln für weniger gut. Das DOM zu entrümpeln erscheint da schon sinnvoller. Schepp lobt das DOM Monster und verwendet Web Storage als Cache, Peter will durch CSS-Pseudoelemente sein DOM verschlanken. [00:24:41] Web Workers Eine Einführung zum Thema Web Workers scollte an uns vorbei und verleitete zu der Frage, wozu man sowas denn brauchen könnte. HTML5-Erklärbär Peter nennt als Use Case unter anderem JavaScript-Gesichtserkennung und erläutert die Vorzüge des structured clone algorithm. Darauf fallen uns einige weitere Anwendungsmöglichkeiten ein, die nur durch mangelnde Browserunterstützung eingeschränkt werden. [00:49:14] Keine Schaunotizen Writing Testable Frontend Javascript Das Wissen, das andere in einem ganzen Buch ausbreiten ist hier kompakt zusammengefasst. Paymill – The Payment Engineers Verspricht Online-Payment ohne die ganz großen Schmerzen. A11Y Project Links, Artikel und Checklisten zum Thema Accessibility. Surface – A building block for web-based text editors. A building block for web-based text editors. Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

Nach der Spezial-Folge letzte Woche sind wir diesmal wieder mit vollem Programm am Start. Hans, Schepp und Peter meldeten sich zum Dienst. Als Gast war diesmal Andre Jay Meissner dabei, der uns über Open Device Labs und Docsprints berichtete. [00:01:45] News jQuery-News Version 1.9 ist raus und es gibt neuerdings ein ordentliches Plugin-Repository Schaunotizen [00:03:00] Scoped Stylesheets Das bereits in Revision 18 besprochene Feature gibt es jetzt in Chrome. Konsens über dieses Feature gibt es bei uns aber nicht. Während Hans sich darauf freut, unkt Peter den Aufstieg von <font>-Tags 2.0 herbei. Was meint ihr? Wird die Welt verantwortungsvoll mit Scoped Style Sheets umgehen können? [00:17:52] The Harsh Truth about HTML5 Structure Elements (Teil 1, Teil 2, Teil 3) Luke Stevens rechnet mit den neuen HTML5-Elementen ab. Schwammige Spezifikationen faselen viel Theorie, die in der Praxis selten funktioniert und wenn sie funktioniert, bringt sie nichts. Also Finger weg? Wir sehen das etwas differenzierter, auch wenn sich unsere Meinungen teilweise im Laufe der letzten Jahre und Monate geändert haben. [00:39:32] opendevicelab.com Premiere bei Working Draft: zum ersten Mal launcht während der Sendung live eine Seite. Opendevicelab.com ist ein Portal for Open Device Labs, Sammlungen von für jedermann nutzbaren Testgeräten, insbesondere Smartphones. Der Initiator Andre Jay Meissner erklärt uns die Hintergründe von Opendevicelab.com und spekuliert mit uns ein wenig über internetfähige Kühlschränke. Fragen zum Thema (Open Device Labs, nicht internetfähige Kühlschränke) könnt ihr an @odl richten. [01:03:12] Web Platform Doc Sprint Europe Webplatform.org soll das neue go-to-Wiki für alle Webentwickler sein, die nach Dokumentation suchen. Und der Inhalt? Der wird zum Beispiel in Doc Sprints produziert, wenn man sich zusammensetzt und gemeinsam ein paar Stunden oder Tage Content bolzt. Andre Jay Meissner hat auch hier seine Finger im Spiel, erläutert und Ablauf und Hintergründe der Docsprints und lädt euch natürlich herzlich ein, beim Web Platform Doc Sprint Berlin am 8. und 9. Februar 2013 dabei zu sein! Anmelden könnt Ihr euch auf Eventbrite. [01:21:43] Keine Schaunotizen jQuery Image Zoom Plugin Zoom-Plugin für jQuery. Nicht neu, aber ganz hübsch. Understanding the CSS Clip Property clip gibt es schön seit Äonen, aber die wenigsten wissen wirklich davon. Dieser Artikel hilft. CSS-Animations.js Bessere API für die Modifikation von Keyframe-Sets via JS. Monads and Gonads The Crock spricht zu uns! Z-Index issues Z-Index, Stacking Context … WTF? Was Peter mal kurz anriss ist hier in epischer Breite erklärt. Empfehlenswert! An Introduction to Source Maps Wir sind uns einig: das wird man in Zukunft häufiger brauchen. Understand the Favicon Über Favicons und die Probleme, die moderne (!) Browser mit ihnen haben. Learning HTML & CSS Schönes Einsteiger-Material. Nicht für euch, aber für eure Praktikanten, Azubis und Geschwister. Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

Trotz intensiver Suche und voller Besatzung haben wir dieses mal kein einziges Thema gefunden, das eine ausführliche Besprechung verdient hätte. Deshalb ist die Nummer 103 die kürzeste Revision seit Ende des Mesozoikums. Wir entschuldigen uns und versprechen schon mal, dass das in der nächsten Revision ganz anders sein wird. [00:00:15] News Firefox 18 Einige wenige neue Spielzeuge für Entwickler und schnelleres JavaScript werden geboten. Chrome Beta-Channel für Android Unter anderem mit besseren Devtools und Web GL. [00:01:25] Keine Schaunotizen Lightboxes suck for small screens Conditional Lightboxes für mobile Anwendungen. Antwort Responsive E-Mail-Templates. Introduction to Persona Tutorial für den Einsatz von Persona. End to End JavaScript Video Streaming Ein krimineller Hack, aber wenn es funktioniert … Gmail and the GC Wieder eine Geschichte von früher, diesmal über die Jagdt auf IE-Bugs anno 2006 *grusel* Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

Alles beim alten im neuen Jahr: Wie immer kämpften sich Hans, Schepp, Rodney und Peter durch die Themen der vergangenen paar Zeiteinheiten. News gab es keine, dafür um so mehr Themen und Links. Schaunotizen [00:00:22] HTML5 Bones Das Projekt nennt sich selbst „the template that goes back to basics“, doch Hans, der als einer der Maintainer des vergleichbaren HTML5 Boilerplate zufällig Experte auf dem Gebiet ist, sieht das differenzierter: HTML5 Bones hat weniger Libraries dabei, liefert aber dafür mehr Markup-Vorlage. Was nehmen? Geschmackssache. Schepp hat ein eigenes Template, Peter und Rodney haben gar keins. Weitere Themen: das Header-Element und WAI-ARIA. [00:17:06] Progressive jpegs: a new best practice Es stellt sich heraus, das progressive JPEGs nicht nur (in vielen Browsern) gefühlt schneller laden, sondern tatsächlich auch kleiner sind. Warum benutzt die dann kaum jemand? Wir spekulieren wild und werfen ganz nebenbei unsere Terminologe ein bisschen durcheinander. Ist aber natürlich alles nur für die Show. [00:27:50] JS Developer Survey (Link broken) DailyJS hat eine Umfrage (Ergebnisse als PDF (Link Broken)) unter JavaScript-Entwicklern gemacht – machen wir also auch, allerdings nur unter uns. Ergebnis: Außer Peter und Rodney (für CLI-Tools) ist Node.js eher uninteressant, selbst mit dem Convincing the boss guide. Rodney mag kein CoffeeScript. Schepp meint, mein müsste es mit den Unit Tests nicht übertreiben. Selenium finden alle auf die eine oder andere Weise schrecklich. Hans und Peter verwetten eine Kiste Bier auf die Marktdurchdringung von ES6. Edit 17.01.2017: Alternative Links: whoishostingthis.com/resources/javascript/ generalassemb.ly/coding/full-stack-web-development [00:56:06] Starting an Open Source Project Nicholas C. Zakas schreibt einen umfassenden Guide über das Management von Open-Source-Projekten. Während Rodney in die gleiche Kerbe schlägt (gern auch in Text) sieht Peter das ganze sehr viel lockerer. Motto: lieber eine spartanische Existenz auf Github als proprietäres Verfaulen auf der heimischen Festplatte. [01:11:59] Keine Schaunotizen Why moving elements with translate() is better than pos:abs top/left Paul Irish erklärt die Performance-Vorzüge von 2D-Transforms im Deatil. Alles toll und richtig was er sagt, aber obacht: es gibt Nebenwirkungen Web Browser Compatibility Tables Falls ihr noch mehr Kompatibilitätstabellen haben wolltet: da sind mehr als genug. Socrates Online Markdown Editor Realtime-Online-Markdown-Fiddle. Giving Content Priority with CSS3 Grid Layout Grid Layout funktioniert zur Zeit nur im IE 10, ist hier aber besonders schön erklärt. FineUploader Fancy File-Upload mit modernen Mitteln. The Future of Javascript – a CoffeeScript like workflow Der Doktor über ES6-Transpiler. Interactive Guide to Web Typography Der Name ist Programm. Top 20 Web Dev Talks of 2012 Exquisite Auswahl von Konferenz-Highlights 2012. When I first heard the name “Safari” Geschichten rund um die Historie von Safari. Teil 1, Teil 2, Teil 3 Web Platform Doc Sprint Berlin Wenn ihr W3Schools einen reinwürgen wollt, kommt Anfang Februar nach Berlin! Wir sind auch dabei. Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

Nach der internationalen Gala letzte Woche war diesmal wieder teutonisches Steineklopfen an der Web-Front angesagt. Schepp, Hans, Rod und Peter wühlten sich in bewährter Manier durch HTML5-News und andere Neuheiten. Das ist die letzte Revision für dieses Jahr. Wir danken allen treuen Hören, wünschen ein frohes Fest und einen verschleißfreien Rutsch ins neue Jahr! [00:00:12] News HTML5-News HTML 5 wird CR, HTML 5.1 wird WD. Was das bedeutet könnt ihr in Revision 99 nachhören oder bei Peter nachlesen. Schaunotizen [00:00:54] -webkit-canvas() Neuerdings kann man in Webkit-Browsern Canvas-Elemente als Hintergrundbild-Generatoren verwenden. Wir finden das als Idee ganz nett, mögen aber eigentlich mehr die bei Mozilla verwendete Implementierung, die vielseitiger ist und auch zur Standardisierung vorgesehen ist [00:14:39] The Web We Lost Früher war alles bessser? Zumindest posutliert Anil Dash, dass in der letzten Dekade einige Dinge im Web verloren gegangen sind, um die es schade sei – Flickr-Dominanz, RSS-Feeds und Bloggerkultur z.B. Wir können dem nur sehr bedingt zustimmen, denn schließlich sind Flickr, RSS und Blogs noch immer da. Wir erkennen vor allem eine weniger nerdige Ausrichtung vieler neuer Angebote, die ihrer breiteren Zielgruppe geschuldet sind. Einwände? [00:35:12] Das <main>-Element Die Einführung des neuen <main>-Elements ist so ziemlich beschlossene Sache. Übermäßigen Unmut darüber können wir nicht mobilisieren. Peter beschreibt, wie man aus der Puristen-Perspektive das Element überflüssig finden kann, erzählt aber auch, wie er dann zur Vernunft kam (auf die gleiche Weise wie auch Bruce Lawson). Zum Ende stellen wir fest, dass man über nichts so gut streiten kann, wie über Semantik. [00:49:54] Keine Schaunotizen Dom Compatibility Table Kompatibilitätstabelle für das DOM. Ideale Ergänzung zu all den anderen Tabellen die da draußen herumschwirren. From the Front 2012 Videos Konferenzfilmchen. Schepp empfiehlt den Talk „A Happy Grain of Sand“ von Aral Balkan (wird dort demnächst online gestellt) sowie „Inventing a New World“ von Blaine Cook. Rodney ist hingegen Fan des Usability-Testing-Talks von Steve Krug Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

Wow, can it really be the 100th episode already? Almost 2 years of weekly updates and discussions on web development – and we’re still here. And so no one less than Paul Irish joined Hans, Kahlil, Rodney and Schepp. While our podcast is a German thing, we’re thrilled how things turned out with recording an English episode over the wire. Thank you Paul! Please take a second and tell us how you feel: Do you want more English revisions of Workingdraft, featuring international Guests? [00:00:45] News Chrome DevTools: A Sneak Peek At CSS Media Type Emulation Addy Osmani shows us how Chrome Dev Tool (Canary, at the moment) allows you to specify the media type (screen, projector, handheld, print, …) used for CSS. Firebug 1.11 is out A new version Firebug has been released, sporting a number of interesting features. Performance Timing Visualization, copy ’n‘ paste HTML chunks and observing postMessage to name a few. Schaunotizen (aka the shownotes) [00:03:40] BountySource Have an issue but neither you nor the maintainers of the project can (or want to) resolve? Set a bounty for it! BountySource let’s you define an amount (say 15$) up for grabs to anyone willing to solve your issue with an open source project. All you need to participate is a GitHub account and either PayPal or Google Wallet. Finally something that might work smoothly in Europe as well. Note that BountySource aims for the small things, backing full blown projects is (currently) better handled by pledgie et al. [00:10:53] 5 APIs to change the world We mostly agree with Alex on which APIs will have the highest impact next year. Web Components are going to be the thing, as they allow modularization, templating and more. They will not enhance how we work, they will (evenutally) change the way we create web apps. Flexbox (and the other layouting schemes) are missing from the list. We’re still eagerly awaiting their availability. The Autocomplete API (spec in development) is something that will benefit users more than developers. That and Mozilla’s Persona will hopefully put an end to all that identification and recurring data input mess that has been our internet. [00:28:12] CSS Performance Debugging Github’s CSS Performance made us reflect on tools and approaches we have to find rendering bottlenecks. Addy has written an article about Performance Optimization With Timeline Profiles. [00:38:21] display: none; | Laura Kalbag The gist of the story: »You needn’t be the first, you’ll just help if you’re the first that somebody finds.« Do not try to impress anyone. Do not assume everybody knows what you know. Simply publish what you learn. Instead of explaining things to your friends in closed channels, write a (short) blog about it. Found something new (to you)? Blog about it. Keep the knowledge flowing! [00:45:18] Keine Schaunotizen (aka the links) Embracing Touch (open in Chrome) Instant Parallax on touch devices (ab)using CSS3 Transforms. jQuery uncomment Uncomment is a handy little plugin that allows you to serve HTML-comments and only have them parsed and processed when needed. Crawly – Alexa 1x Search Engine Crawly allows you to perform regular expression matches against the sources of the Alexa 1x websites. Focal Point: Intelligent Cropping of Responsive Images Denote the focal point (interesting-content-center) of an image using CSS, allowing intelligent cropping on responsive sites Full Frontal 2012 Videos Remy has finally uploaded all the talks of this year’s Full Frontal Conference. Paul is keeping a list on delicious Callbacks Considered A Code Smell Nice recap of the various approaches to make asynchronous code maintainable. jStat Javascript statistics library – do you know the 4th qantile or what a median really is? No? Then this utility is for you. GeoLib Javascript library doing all the funky math you need for your geo location services. #webtypobuch A German book on typography on the web We Love Icon Fonts Collection of icon fonts. Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

Verstärkt von Marc Hinse und Frederic Hemberger warfen sich Kahlil, Hans und Peter todesmutig den Themen der Woche in den Weg. Schaunotizen [00:00:33] ProcessWire Old and busted: MODx. New Hotness: ProcessWire! Der ehemalige MODx-Pontifex Marc und Peter granteln über Fehlentwicklungen bei MODx und Marc sowie CMS Critic kennen die Lösung. ProcessWire ist ein relativ neues CMS, das alles einfach hält und das richtig macht, was MODx in jüngerer Zeit so verbockt. [00:18:26] Sueddeutsche.de Sueddeutsche.de hat sich einen Relaunch gegönnt. Während das Ergebnis aus Designperspektive ganz ok ist animiert die technische Umsetzung doch eher zum Gruseln. In Anbetracht recht erratisch erscheinender Tag-Verteilung nennt Marc den Quelltext „verunfallt“ und in der Tat muss man sich fragen, warum man eine seit Monaten veraltete jQuery-Version gleich zwei mal einbettet. Responsive ist das Ganze natürlich nicht, aber das wäre bei den ca. 2 MB Datenvolumen ohnehin nicht besonders hilfreich. Der Aspekt der Barrierefreiheit ist auch eher eigenwillig umgesetzt worden. Summa Summarum: Epic Fail. [00:37:57] File API – an introduction Microsoft kredenzt uns einen Einstieg zu File API – löblich, auch wenn der Internet Explorer selbst in dieser Disziplin nicht gerade ein Campion ist. Peter betont, wie wichtig bei der File API das Technologie-Drumherum aus z.B. Indexed DB und Typed Arrays ist. David Flanagan hat das Thema mal bei einer JSConf sehr umfassend aufgedröselt. [00:47:38] Grunt Wir nehmen zwei Artikel zum Thema Grunt zum Anlass, um nochmal über das nette kleine Buildsystem für Frontend-Devs zu quasseln. [01:05:19] The Nitty Gritty Ein neues Webtech-Blog von einigen der rasenden Working-Draft-Reporter. [01:13:25] Keine Schaunotizen Adventskalender für Webentwickler Wir empfehlen mehrere Adventskalender. IE10 CSS Hacks Ersatz für die im IE 10 nicht mehr unterstützten Conditional Comments. Getting serious about SVG Tipps rund um SVG-Generierung mit der Library d3. Walkabout.js Test-Library, die eure jQuery-Funktionen nach dem Zufallsprinzip aufruft und mit Daten bewirft. Startup Ipsum Blindtext-Generator. Cologne.js meets Nodecopter Am 11. Dezember in Köln-Deutz. Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

Ein hustender Hans, ein nicht ganz so viel hustender Peter und ein kerngesunder Schepp in der Blüte seiner Jugend befassten sich in bewährter Manier mit den Themen der vergangenen Woche. [00:00:19] News Firefox 17 Für Nerds interessant: iterierbare Maps und Sets, Sandbox-Attribut für Iframes und diverse Devtool-Updates Updates zu Chrome und anderen Überblick über Neues aus der Browserwelt Schaunotizen [00:01:48] IE10 for Win7 Schepp hat sich den IE10 genauer angesehen und zürnt furchtbar. Für seinen Filter-Polyfill erforschte er, ob die klassischen IE-Filter noch in Version 10 funktionieren und kommt zu keinem klaren Ergebnis. Wir verfluchen die „Kompatibilitäts“modi der diversen Internet Explorer und finden die Oberfläche von Windows 8 nicht so toll. TechCrunch und Betrunkene im übrigen auch nicht. [00:16:00] HTML5 soll 2014 fertiger Webstandard sein So plant es jedenfalls das W3C. Wir sind uns weder sicher, ob das ein realistisches Ziel ist, noch ob das so besonders wichtig wäre. Peter holt auch nochmal den Erklärbären raus und erzählt vom Unterschied zwischen HTML5 und HTML 5.0 und der etwas unübersichtlichen Lage um HTML5 allgemein. [00:32:50] Code Smells in CSS Harry Roberts schreibt über Anzeichen von schlechtem CSS-Code. Wir gehen mit seiner Sammlung weitgehend d’accord und faseln ein wenig über CSS-Stil sowie die Historie der Stylesheets. [00:54:32] Keine Schaunotizen Aardwolf Ambitionierter JavaScript-Debugger für alle Mobile-Browser. How to Build a Service that Supports EVERY Android Browser Fixes für mehrere Bugs im Standard-Browser von Android. jQuery Builder Einen eigenen jQuery-Build einfach zusammenklicken. Worauf es beim Einsatz reaktionsfähiger Typografie ankommt Christoph Zillgens beleuchtet einen wichtigen Teilaspekt von Responsive Design in epischer Breite. duri.me und Spritebaker Zwei Tools zum inlinen von Ressourcen in Stylesheets. Spritebaker schluckt ganze CSS-Dateien, duri.me einzelne Bilder. Chrome Devtools Cheatsheet Wer denkt, er würde alle Devtool-Features kennen, kann sich mit diesem Cheat Sheet vom Gegenteil überzeugen. Blue Beanie Day is coming – get your Beanie on! Blaue Hüte für lau abzugreifen. Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

Hans, Christian und Rodney tummelten sich Anfang der Woche – mit einer ganzen Menge anderer Webnasen – auf dem Klassentreffen der deutschen Webentwicklerszene. Zusammen mit den Jungs von der Technikwürze konnten wir dort Bruce Lawson von Opera für ein gemeinsames Interview gewinnen. Schaunotizen [00:00:00] beyond tellerrand 2012 Christian und Rodney erzählen ein bisschen was von der Konferenz – maßgeblich von den Vorträgen. [00:17:30] Interview mit Bruce Lawson Bruce arbeitet für Opera – evangelisiert aber mehr für Web Standards als für seinen Lieblingsbrowser. (Machen die anderen Browser-bezahlten Evangelisten aber eigentlich auch…). Bruce ist ausserdem ein HTML5-Doktor. Während Bruce für diese Arbeiten von Opera bezahlt wird, machen Idealisten wie Ian Devlin das in ihrer Freizeit. Ab und zu kommen da übrigens auch komische Anfragen rein, und die landen dann bei HTML5 Nurse. [00:22:45] Bruce hält das neue <main> Element für sinnvoll. Wer es nutzt gewinnt ein bisschen was und wer es ignoriert verliert dabei nichts. [00:26:40] Wir fragen Bruce nach seiner Meinung zum <picture> Element. Und wir finden heraus: Opera kann WebP (Firefox und IE nicht). [00:32:50] Der Schepp hätte gerne eine Screenshot API für Web Apps. Bruce findet das gut und gibt es weiter. Zwischenzeitlich kann man sich vielleicht mit Domvas helfen. [00:34:00] Operas Marktanteil ist in Deutschland verschwindend gering, aber 29% in Russland und 37% in Polen. Die Frage warum dieser Desktop-Browser überhaupt noch lebt, sei mit seinen 55 Millionen Benutzern also beantwortet. [00:36:10] Bruce erklärt den Veröffentlichungszyklus und Wasserfallschema, der bei Opera vorherrscht. Also, warum Opera Mobile und Desktop zeitweise unterschiedliche Features fahren. [00:40:00] Was mit dem Web Standards Curriculum passiert, wo es zuerst dem W3C übergeben wurde und nun zum WebPlatform.org gehört interessiert uns auch. [00:42:50] Hans erfährt mehr über Opera Dragonfly, das zu unrecht zu unbekannte Developer Tool von Opera. (nicht, dass er von seinem heißgeliebten Chrome ab lassen würde…) [00:45:00] Rodney erkundet sich wie das deutsche Webdevelopervolk außerhalb Deutschlands wahrgenommen wird. Letztes Jahr hat Naomi Atkinson noch bemerkt es würde nicht so viel nach außen dringen. Bruce sieht das anders, nennt ein paar bekanntere Gesichter und freut sich daran, dass unsere Community kein Problem mit Englisch zu haben scheint. (hm…) Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

Keine Themen sind auch keine Ausrede. Also bashten Hans, Rod und Peter einfach ein wenig den IE 10 Mobile und beschränkten sich ansonsten auf das Verlesen von News und Links. [00:10:00] News Neue Chrome-Beta Geboten werden MathML weniger Vendor-Prefixes (u.A. für requestAnimationFrame und Indexed DB) und vieles mehr. Opera 12.10 Geboten werden sowohl Verbesserungen am Browser selbst als auch an der Engine (neu sind u.A. die Page Visibility API, Fullscreen-API und Flexbox). Firefox OS Simulator Wenn ihr Firefox OS simulieren wollt, geht das jetzt ganz bequem per Browser-Extension. Schaunotizen [00:03:17] HTML5 forms (and IE10 (Mobile)) Der Mobile-IE10 macht das was er am besten kann, nämlich HTML5-Features nicht unterstützen. Im konkreten Fall geht es um Formulare – neue Elemente wie Date-Input werden nicht unterstützt (einige andere allerdings doch). Und selbst in Browsern die die neuen Elemente unterstützen gibt es das „Problem“ dass sie nicht auf jedem Device gleich aussehen, was von den Spezifikationen so auch nicht gefordert wird, aber zumindest laut Peters Padawanen ein echtes Problem darstellt. Hans setzt Hoffnung in gestaltbares Shadow DOM bzw. das Web Component Model. Rodney meint, die sollen sich mal nicht so anstellen: Web-Zeug sieht eben nicht in jedem Browser gleich aus. [00:27:20] Keine Schaunotizen Garlicjs und Sisyphus Zwei Libraries zum persistieren von Formulareingaben. Garlic ist neuer heißer Scheiß, Sisyphus eher nicht. Macht aber das gleiche. Sucht’s euch aus. Responsive background images with fixed or fluid aspect ratios Responsive Seitenverhältnisse für Hintergrundbilder. Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/