Working Draft

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.

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.

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…)

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.

Christian und Rodney luden Marco Zehe (@MarcoZehe) ein und verquatschten sich zum Thema Barrierefreiheit – mit wem könnte das besser gehen als mit einem Blinden, der obendrein für die Qualitätssicherung im Bereich Barrierefreiheit bei einem Browserhersteller arbeitet? Schaunotizen [00:00:58] The Vanilla Web Diet Christian Heilmann (@codepo8) überlegt ein Buch zu schreiben. Über das Web, ohne schwere Bibliotheken, Polyfills und anderen Kram den man nicht braucht. Was sich zunächst als möglicherweise sinnvoll darstellt (Stop using jQuery all the time), wird bei näherem Betrachten jedoch nicht mehr ganz so angenehm (Native APIs – dann doch lieber gleich Assembler…) und bringt vermutlich sogar große Rückschritte mit sich – denn dann müsste sich ja auf einmal jeder mit Barrierefreiheit auseinandersetzen. Letzteres nehmen uns Tools wie jQuery UI glücklicherweise (noch) ab. [00:24:32] Accessibility – what is it good for? Gar nicht wenig ausufernd erklärt uns Marco die Hintergründe für seinen letzten Artikel – wie Accessibility doch auch nach Jahren der Predigten immer noch kein massenkompatibles Thema ist. Das ganze passt auch gut zum kürzlich stattgefundenen A-Tag in Wien (00:44:40) – an dem Marco einen Vortrag hielt. Über Zugänglichkeit in Firefox Mobile auf Android und Firefox OS sprechen wir übrigens auch. (Nein, auf Steve’s heiligem Sprachrohr wird’s auch künftig keinen roten Fuchs geben…) [01:23:25] Keine Schaunotizen Web Development for Windows Phone …zeigt die Unterschiede von Internet Explorer 10 auf dem Desktop und auf Windows Phone 8 Device screen resultions ordered by OS …listet die verfügbaren Auflösungen je Betriebssystem Learn CSS Layout …ist eine prima Ressource zum Einstieg in Layouting mit CSS A new Mobile UX Design Material …zeigt uns was Motion Design in der Mobile Welt bedeutet Sly …ist ein schickes jQuery-Plugin für alle möglichen Scroller- / Slider- Anwendungen localStorageDB …schenkt dem „einfachen“ key/value store einen Hauch Datenbank-Feeling Lawnchair …spielt JSON-Datenbank (mit Suche und so) The Rule Of Three …erklärt uns, dass wir nicht zu früh abstrahieren sollen. Writing Fast, Memory-Efficient Javascript …erklärt uns anhand ein paar Javascript-Engine-Internals wie man JS schreibt, das den Garbage Collector nicht unnötig strapaziert – und wie wir solche Verbrecher finden können.

Da irgendwie alle Moderatoren in der vergangenen Woche in der Weltgeschichte unterwegs waren, um die neusten Ideen und Tools für euch aufzutreiben, waren es doch eher wenige Artikel, die gelesen werden konnten und die Themenvielfalt hielt sich in Grenzen. Diesmal gibt es keine News zu vermelden. Schaunotizen [00:00:20] Test The Web Forward! Der Schepp und Hans waren gemeinsam bei Test The Web Forward in Paris und haben Tests für W3C Spezifikationen geschrieben. Darüber wissen sie zu berichten und stellen sich den investigativen Fragen von Kahlil und Rod und erklären, wie man Tests für das Web schreibt und warum es so wichtig ist. Ein paar Fotos von Schepp könnt ihr auf Google+ finden. [00:31:42] Keine Schaunotizen So, you want to be a Front-end Engineer Ein Slide-Set, das zu erklären versucht, wie Browser funktionieren (basierend auf einem etwas älteren Artikel auf HTML5Rocks). Will man sich Front-end Engineer nennen, sollte man davon nämlich was verstehen. CSS FilterLab CSS FilterLab ist eine Web-App zum einfachen erstellen und testen von CSS Filtern. Edit: CSS FilterLab ist von Adobe. 3D CSS Tester Mit 3D CSS Tester kann man die CSS 3D Eigenschaften testen und lernen diese zu verstehen. CSS Layout Resources Eine Zusammenstellung von Artikeln zum Thema CSS Layout: Flexbox, Grid Templates, Multi-Columns, Regions und Exclusions & Shapes. Test’em Test’em ist ein Node.js Tool, dass das Unit-Testing erleichtert in dem es Hilfestellung für Test-Driven-Development und Continuous Integration bietet. Distilled Hype & @JSCentral Kahlil verlinkt die besten Artikel im Bereich Front-end und Rodney twittert mit ein paar anderen die News zum Thema JavaScript. Fronteers Jam Session Videos Die Vorträge von der Fronteers Jam Session sind jetzt auf Vimeo als Video verfügbar. Bis nächste Woche dann! Danke fürs reinhören :)

Diese Woche luden der Schepp, Kahlil und Hans Christoph Zillgens ein, sprachen über Responsive Design und befragten ihn zu seinem neuen Buch. Außerdem könnt ihr sein Buch auch gewinnen! Mehr zu unserem Gewinnspiel weiter unten… [00:00:55] News Shadow DOM Shadow DOM ist nun ein Working Draft. Woop! CSS Exclusions in Chrome Canary CSS Exclusions sind nun teilweise als experimentelles Feature im Chrome Canary verfügbar. Schaunotizen [00:01:42] Lea Verou’s neues Tool Contrast Ratio Contrast Ratio kalkuliert, ob der Kontrast zweier Farben dem WCAG 2.0 Standard zur Barrierearmut entspricht. Wir diskutieren darüber, ob man das Tool im Alltag wirklich brauchen kann. [00:12:29] Hierarchische Media Queries Stephen Hay beschreibt, wie uns verschachtelte Media Queries in besonderen Fällen übermäßige Schreibarbeit ersparen können. Interessanterweise hat Opera das Ganze schon implementiert. [00:23:42] Wir sollten aufhören an unseren Tools rum zu nörgeln Wenn Websites langsam sind (und vor allem solche, die mit RWD umgesetzt sind), wird oft gesagt, dass die aktuelle Technik (Media Queries, keine Responsive Images, …) dafür verantwortlich ist. Aber ist das wirklich so? Tim Kadlec meint wir sollten aufhören rum zu nörgeln und uns lieber mal hinsetzen und gescheiten Code produzieren. [00:42:25] Deine Website ist langsamer als du denkst Hier eine Studie zum Thema „Performance unterwegs“. Fazit: Die meisten Websites brauchen ziemlich lange bis sie geladen sind und wir als Webdesigner sollten daran denken. [00:53:52] Christoph Zillgens Buch Unser Gast Christoph Zillgens hat ein Buch zum Thema Responsive Webdesign geschrieben und erzählt wie es dazu kam und welche Erfahrungen und Ideen er während des Schreibens gesammelt hat. Ihr solltet es euch auf jeden Fall ansehen und kaufen (Achtung: kein Affiliate-Link). Oder noch besser: Ihr gewinnt einfach eins. Denn Christoph stellt dankenswerterweise ein Buch für eine Verlosung zur Verfügung. Die einfache Aufgabe: Hinterlasst einen Kommentar hier unten mit einer Begründung, warum ihr das Buch umbedingt braucht. Zusätzlich könnt ihr eure Chancen erhöhen, wenn wir folgende Frage von Rodney beantwortet: Worum geht es in Christophs Buch? a) Responsive Design oder b) Bananen. Teilnahmeschluss ist der 31.10.2012. „Der Rechtsweg ist ausgeschlossen„. Beschäftigte der Working Draft GmbH & Co. KG sowie deren Verwandte auch. [01:31:43] Keine Schaunotizen Vue Ein Media Query Monitor für die Console als Bookmark. OOCSS + SASS Eine Anleitung, wie man von OOCSS mit SASS nutzt. TakeOff Conference 2013 Im Januar findet die erste TakeOff Conference in Lille, Frankreich statt. Hans wird dort sprechen \o/ Error-Logging auf der Client-Side Opera dokumentiert wie man Fehler auf der Client-side mitloggt. IE10 Snap Mode and Responsive Design @viewport im IE10. Line-Height CSS line-height richtig erklärt – ein Slide-Set. Text re-encoding for optimising storage capacity in the browser Eine Library die Texte nach UTF-16 dekodiert und damit kann man ganz schön viel Platz sparen. Contre Jour – Behind the Scenes Das iOS Spiel wurde umgesetzt in JavaScript und HTML5. JavaScript Promises Wurden Promises eigentlich schon mal richtig implementiert? CSS Filters Polyfill Der Schepp hat einen CSS Filters Polyfill geschrieben, der die Filter auch auf andere Browser als nur Chrome bringt.

Hans, Kahlil und Peter nudelten diese Woche nicht nur die üblichen Themen durch, sondern hatten obendrein keinen Geringeren als Dirk Jesse zu Gast, der sein Projekt Thinkin‘ Tags vorstellt. [00:00:21] News jQuery UI 1.9 ist da Joah. Schaunotizen [00:00:49] Firefox 16 Neue Woche, neue Browser-Version. Wir übergehen den epischen Security-Fail sowie Vendor-Prefixes und philosophieren stattdessen über Devtools. Firebug ist ja nun out und die vielen kleinen Einzeltools wie die neue Command Line sind in. Wir sind noch nicht ganz zufrieden damit. [00:18:39] Thinkin‘ Tags Hans grillt Dirk Jesse zu seinem neuen Rapid Prototyping Tool. Thinkin‘ Tags ist aus Yaml sowie dem dazugehörigen Builder erwachsen und soll tumb-repetitives Getippe durch ein fancy UI zumindest reduzieren. Wie lange Dirk daran geschraubt hat und was das ganze anders als Frontpage macht, breiten wir in epischem Umfang aus. [00:55:22] Using the HTML5 Fullscreen API for Phishing Attacks Die Fullscreen-API lässt sich für Phishing mißbrauchen – Peter will‘s ja schon immer gewusst haben. Andererseits kann Dirk aus eigener Webappbau-Erfahrung bestätigen, wie dringend das Web eine Fullscreen-Funktionalität braucht. Was tun? Dass wir zu keinem abschließenden Ergebnis kommen, lag jedenfalls nicht daran, dass wir es nicht versucht hätten, es auszudiskutieren! [01:15:07] Keine Schaunotizen Understanding Javascript OOP neuheiten === null, aber dafür absolut komplett und als Referenz oder Lernstoff zu empfehlen. Exploring FlexBox Interaktive Flexbox-Demoseite, die beim Verstehen des Standards sehr helfen kann. Browser Package Manager Comparison Bower versus Component versus Jam versus Volo. Designing JavaScript APIs For Usability Rodney über benutzbare APIs. jQuery Europe 2013 Die Webseite ist extrem hengstig und die Location in Schlagdistanz.

Schepp, Hans und Rodney fanden sich trotz ihrer leicht verschleppten Konferenzia ein, um das Eine oder Andere der letzten Woche(n) Revue passieren zu lassen. [00:00:21] News Webplatform.org Das W3C, Apple, Adobe, Facebook, Google, HP, Microsoft, Nokia, Mozilla und Opera starten ein neues gemeinsames Wissensportal für Webentwicklung. MozHacks weiss mehr dazu. Schaunotizen [00:01:20] Konferenzen Wir reflektieren (etwas ausufernd) welche Konferenzen wir die letzten Wochen besucht und was wir dort erlebt haben. SmashingConf in Freiburg, From The Front in Bologna, Create The Web in London und die Fronteers 2012 haben ihre jeweils eigenen Eindrücke hinterlassen. Wer sich beim deutschen Web-Developer Klassentreffen™ sein eigenes Bild machen möchte, schaue bitte bei Beyond Tellerrand vorbei. Es lohnt sich! [00:44:33] JPEG Compression and Retina Wie man Bilder auf Retina Displays scharf bekommt ohne gleich 4MB große Bilder über die Leitung zu jagen ist ein allgegenwärtiges Thema dieser Tage. Das <picture> Element ist noch nicht da, weshalb wir noch etwas in der Trickkiste kramen müssen. A reasonable way to show high resolution images on retina displays und Acceptible Retina Images haben ähnliche Ideen, nämlich einfach bei höherer Auflösung die Kompressionsstufe (drastisch) erhöhen. [00:55:00] Keine Schaunotizen History API – Endless Scroll Experiment Wer kennt sie nicht – die endlos scrollbaren Webseiten. Mit diesem Experiment zeigt Zach Holman wie sich auch dynamisch nachgeladene und erweiterte Listen für den Browser navigierbar machen. ModestMaps Eine einfache API ohne UI-Schnickschnack – ein gutes Fundament für gepflegten Spaß mit interaktiven Karten. XLSX.js Wer schon immer mal Excel-Dateien aus seiner Webseite heraus generieren wollte, kann jetzt auf serverseitige Tools verzichten. Guide to HTML5 APIs Im NetMagazine gibt uns Rich Clark eine kleine (unvollständige) Übersicht über die HTML5 APIs. Obwohl der Artikel schon im Januar veröffentlicht wurde, dient er doch als grandioser Einstieg in den wirren Dschungel unsere schönen neuen Internets. Don’t initialize all the things on DomReady WPO ist in aller Munde – doch hört das nicht bei CSS minifizieren und HTTP Headern auf. Elijah Manor erklärt anhand eines Beispiels wie lazy initialization funktionieren kann, um die Ladezeiten eurer Seiten noch weiter zu drücken. Master of the :nth-child Wer den CSS Selector :nth-child() auf Anhieb verstanden hat, verdient unseren größten Respekt. Für Normalsterbliche wie den Rodney bietet dieser Einseiter eine schöne visuelle Übersicht über den doch recht mächtigen Kindselektor. Jed Internationalization Toolkit Internationalisierung ist ja an sich schon nicht die trivialste Aufgabe. In Javascript erst recht nicht. Alex Sexton (der übrigens nur eine einzige Sprache spricht) verspricht mit Jed ein bisschen Licht ins Dunkel der I18N zu bringen. Complete List of HTML Meta Tags Wer hat das gute alte <meta http-equiv="Page-Enter" content="RevealTrans(Duration=2.0,Transition=2)"> nicht vermisst? Dieses Schmuckstück und viele weitere skurrile und vergessene Meta Tags kann die Liste vorweisen, auch wenn man leider vergessen hat zu den jeweiligen Dokumentationen zu verlinken… Bourbon Sass Mixins Keine Konkurrenz zu Compass stellt die Mixins Sammlung namens Bourbon dar – eine ganze Menge nützlicher kleiner Erweiterungen bringt das Paket jedoch trotzdem auf den Tisch. Bourbon und Compass können freilich auch gemeinsam benutzt werden.

Während alle anderen auf tollen Konferenzen rumturnen, trümmerten Sebastian, Anselm, Frederic und Peter eine weitere Revision eures Lieblingspodcasts ein. Extradicker Dank geht an Schepp, der die total mißratene Tonspur noch einigermaßen gerettet hat. [00:01:08] News Media Fragments URI Habemnus Specs! Schaunotizen [00:01:51] Safari for iPhone ignores viewport settings on .mobi domains Unfasslich aber wahr: je nach TLD (!) macht der mobile Safari mal dieses, mal jenes. Das war allerdings nicht der größte Smartphone-Hersteller-Fail dieser Woche … [00:13:34] Schwere Sicherheitslücke bei Samsung Mithilfe eines Iframes (ihr seht, es hat etwas mit Webentwicklung zu tun!) kann man Samsung-Telefone bricken. Nachdem man vor lachen wieder Luft bekommt, sollte man eine Fix-App wie diese installieren um sich abzusichern. Mit einem Hersteller-Update ist nicht zu rechnen, denn das würde bedeuten, dass Smartphones vollwertige Computer sind und das wollen SIE eigentlich gar nicht. Die Aluhüte Frederic und Peter verweisen auf den war on general computation. [00:28:06] Persona – BrowserID goes beta BrowserID (nicht zu verwechseln mit dem ranzigen Theming-System) bietet einen Login für das ganze Web … so wie OpenID nur in benutzbar. Und Persona, Mozillas Implementierung davon, ist nun in der Beta-Phase. Besonders schön ist, dass eine Migration vom Jetzt-Zustand in die BrowserID-Welt möglich scheint, da das System ein überzeigendes Design hat. Finden wie gut! [00:37:24] TypeScript TypeScript erschien erst wenige Stunden vor der Aufnahme der Sendung, aber ein bisschen oberflächlichen Spaß wollten wir und nicht nehmen lassen. Angeblich ist TS die Secret Sauce für JavaScript Development at Application Scale, aber wir ziehen eher kritische Vergleiche zu CoffeeScript und Roy. [00:59:12] Keine Schaunotizen Subtle Patterns Texturen-Library mit cooler Vorschau-Funktion. iOS 6 html hardware acceleration changes and how to fix them Auch in iOS 6 ist wieder alles anders als zuvor. Thinkin’ Tags geht Live Dirk Jesses Rapid Prototyping Tool ist da! Jetstrap – The Bootstrap Interface Builder Bootstrap-Designs zusammenklicken. Styler Live CSS/Stylus editor. Videos von LXJS Wärmstens empfohlen von Sebastian. Cody Lindley frontend-tools list Eine weitere (lange) Liste mit Frontend-Tools. Dom Enlightment Ein kostenloses, sehr ambitioniertes Buch über das DOM.