Working Draft

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. Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

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 :) Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

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. Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

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. Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

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. Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

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. Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

Während sich Schepp mit seinen Ladies in fernen Ländern die Sonne auf den Pelz brennen ließ, luden Hans, Kahlil und Rod jemanden names Peter ein, um das Team für diese Revision zu komplettieren. [00:00:22] News CSS Image Values and Replaced Content Module Level 4 Neuerdings ein Working Draft. Google Apps stellt IE8-Support ein Munition für die Argumentskanone, die man vor jedem Projekt auf Kunden und/oder Chefs richtet. Adobe Edge Tools & Services Shadow heißt jetzt Inspect, sonst ändert sich nichts. Bis auf den Preis. Adobe stellt seine neue Produktplatte rund ums Web vor. Zitat Andy Clarke: „truly terrible.“ Schaunotizen [00:01:35] See your site like the rest of the world does. On the Nokia X2-01 David Storey (Motorola) eröffnet uns, dass nicht überall auf der Welt die Leute mit Smartphones herumlaufen. Wir sind gleichermaßen erschüttert wie uninteressiert. Erstens wird das deutschsprachige Internet in den eher abgelegenen Regionen der Welt vermutlich noch weniger rezipiert als hierzulande, was schon mal was heißen will. Und dank Responsive Design fluppt das Layout schließlich selbst auf Briefmarken-Bildschirmen. Wenn man sich obendrein noch an die Grundregeln der nicht-failigen Webentwicklung hält (progressive enhancement usw.) bleibt die Seite auch bei verranztem JS bedienbar. Die Herausforderung sieht zumindest Rodney eher bei originellen Bedienkonzepten (z.B. bei Spielkonsolen). Wir haben im übrigen nichts gegen Pakistan! [00:18:12] Ember versus Backbone versus gar nix An uns scrollten vergangene Woche viel zu Ember.js vorbei; neben einem langen Talk unter anderem auch ein Artikel über die Konzepte hinter dem Framework. Die Konzepte hinter Ember seien so komplex, dass sie eben … naja, komplex seien. Peter, der die letzten Wochen damit verbrachte, webfremden Padawanen Einfachheit zu predigen und diese auch dabei beobachtet hat, wie sie recht komplexe Apps aus einfachen Teilen zusammengebaut haben, fragt sich nun, ob „die große Lösung“ überhaupt sein muss. Kahlil findet das zumindest nicht völlig unvorstellbar, Rodney zweifelt auch. Sicher wissen wir es aber alle nicht. [00:46:19] New Web Stuff in iOS6 Der heilige Steve Des heiligen Steves Stellvertreter auf Erden kredenzten ihren Jüngern kürzlich ein neues iOS. Gaudium magnum! Auch für ungläubige Webentwickler, denn es ist viel neues in Safari dabei: eine mutmaßlich unvollständige Implementierung der Web Audio API, eine ganz sicher unvollständige (oder sagen wir eingeschränkt nutzbare) Fassung der File API, Smart App Banners, eine proprietäre Fullscreen-Funktion und auch ganz ironiefrei ein paar gute Dinge, wie z.B. eingebautes Remote Debugging. Weniger erfreulich sind die ebenfalls neuen Ajax-Bugs. [01:04:22] Keine Schaunotizen Icon Font Roundup Denn man kann nie genug haben. Responsive Patterns Umfangreiche Sammlung. Yeoman – Level-up Your Daily Workflow Hans über Yeoman. Avoid the tamagotchis Andre Jay Meissner sammelt Open Device Labs … Warum du noch heute ein Berlin Desknot werden solltest … und schiebt in Berlin ein Meetup an. Flick Scrolling UI-Konzept plus experimentelle Implementierung von Simurai Clearing Browser Cache Wenn ihr denkt, so etwas wie Browsercache putzen sei eine einfache Angelegenheit, habt ihr noch nicht den Herrn Souders gelesen. CSS Custom Filters Now Available Under Flag in Chrome Canary CSS-Filter rücken auf die Realität vor. Oh really, why is that? Web performance for the curious Empfehlenswerter dreißigminütiger Talk über Webbrowser-Internals und Performance. The Web Ahead Guter Podcast (sagt Kahlil) Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

Vier von Fünf – nur Peter ist noch auf Weltreise. Wir schreiben die Revision 88, deren zahlentechnische Signifikanz wir, zu Peters Bedauern, vollkommen unter den Tisch fallen lassen. Stattdessen konzentrieren wir uns auf den heißen Scheiss der letzten Woche. [00:00:14] News Adobe CSS Shaders – ab sofort ein Standard Die CSS3 Shader, vorgestellt von Adobe, sind zum W3C Editor’s Draft erhoben worden. Yeoman! Tool zur Automatisierung vieler Aufgaben der FrontEnd-Entwicklung Schaunotizen [00:01:50] Der Opus Codec landet in Firefox Schepp erklärt was Opus und warum wir das brauchen. [00:12:25] Understanding the Shadow DOM Ein Artikel, der Shadow DOM anhand des <video> Elements. Das gibt uns mal wieder Anlass über diese hervorragende Änderung zu diskutieren. [00:18:15] Hot Web Standards July/August 2012 Lea Verous Artikel im NetMag ist eine prima Zusammenfassung einiger Themen, denen wir in den letzten Wochen zu wenig Aufmerksamkeit geschenkt haben. Wir picken uns die Zückerli aus dem Artikel und erfreuen uns der tollen Dinge. [00:29:20] Bower Twitter hat mal wieder ein neues Tool in Internet geworfen. Bower (gesprochen »Bauer«) ist ein Dependency Management System, das unter anderem auch in Yeoman integriert ist. [00:38:00] Keine Schaunotizen BrainCamp Cologne – Videos Am BrainCamp in Köln gabs ein paar interessante Vorträge. Unicon – Grunt Plugin für SVG/PNG Unicon ist ein Plugin für Grunt. Es baut Image Sprites aus SVG Bildern und kümmert sich um die Konvertierung nach PNG für maximale Kompatibilität. Opera Mini and Javascript Opera erklärt wie ihr Mini Browser mit Javascript umgeht. jsPDF Eine Bibliothek zur Erstellung von PDFs. Im Gegensatz zu PDFKit läuft jsPDF nicht nur unter Node.js, sondern auch im Browser! Terrific Erlaubt das Aufteilen von FrontEnds in Komponenten, welches die Struktur, Wartbarkeit und Wiederverwendbarkeit erhöhen soll. Clarify.io Ein schniekes Tool mit dem die Designer™ unter uns spielend einfach Styleguides zusammenklicken können und so die Kommunikation mit den Producern™ deutlich zu verbessern. Kern.js Kern.js setzt auf Lettering.js auf und erlaubt die spielend einfache Anpassung der Position, Größe und Rotation einzelner Buchstaben. SIE Eine SVG Rendering Engine in Javascript, erlaubt SVG auch in IE6-8 zu nutzen. Emmet – formerly known as Zen Coding Emmet ist das neue Zen. Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

Diesmal haben sich Hans, Rodney und Kahlil zum schnacken getroffen. [00:00:29] Responsive Images – Editor’s Draft Responsive Images – Editor’s Draft Responsive Bilder haben jetzt auch einen Working Draft. Schaunotizen [00:01:14] Stick your landings! position: sticky lands in WebKit – HTML5Rocks Updates `position: sticky` ist im Webkit gelandet gelandet und wir beschreiben was das macht und ob das gut ist. [00:12:20] visionmedia/rework Es gibt einen neuen CSS Präprozessor und wir eruieren wie es sich von den anderen unterscheidet und ob es Sinn macht. [00:22:49] rstacruz/css-condense Ein Tool, das Dein CSS kondensiert. Es hat ungefährliche und gefährliche Methoden. Es wird über den Sinn des ganzen sinniert. [00:31:20] Keine Schaunotizen Heatfilter JS profiler slash code coverage reporting tool Domvas. Print DOM Elements in Canvas jQuery Conf 2012 Videos Tolle Talks von der jQuery Conf. A Front-End Manifesto Railsgirls: Cologne 28-29th September 2012 NodeCopter A full day of programming flying robots with node.js in Berlin (the day before JSConf.eu)! Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

Wir haben das Sommerloch gefunden! Hans und Rodney wurden von Sebastian Golasch unterstützt. Schaunotizen [00:00:44] CAS: Cascading Attribute Sheets Tab Atkins stellt seine Idee vor, mit der er das Setzen von HTML-Attributen vereinfachen möchte. Syntaktisch entspricht der Vorschlag CSS, funktional möchte er jedoch etwas abspecken. Wir stellen fest, dass die Idee mit 10 Zeilen Javascript auch selbst gebaut werden kann und somit vom „nice to have“ zu „don’t need this“ wird. [00:15:21] JavaScript Object.observe Rick Waldron (Bocoup) erklärt was es mit dem neuen Object.observe auf sich hat. Sebastian erläutert wie unglaublich hilfreich dieses kleine Feature für Library-Entwickler sein würde. [00:26:17] Keine Schaunotizen Pixelplant Konvertiert Flash zu HTML/CSS/Javascript – Augenscheinlich kompatibel bis zu Flash 10 und ActionScript 3. Grunt Plugins Sindre Sorhus pflegt eine Liste von Plugins für Grunt. Date Range Picker Ein auf Bootstrap basierender Datumsbereich-Wähler. The Innovations of Internet Explorer Nicholas Zakas listet die etlichen Errungenschaften des Hauses Microsoft, die uns den Weg für das heutige Web geebnet haben. Vom Internet Explorer unterstützte, aber unspezifizierte Attribute Der Internet Explorer unterstützt eine ganze Menge (lustiger) Attribute, die nicht zum offiziellen Standard gehören. Towards a Retina Web Das Smashing Magazine erklärt die Hintergründe von Retina Displays und was im Umgang mit diesen Auflösungen zu beachten gibt, mit schönen Illustrationen. Responsive Javascript Helpers Die Javscript Funktionen relocate() und minwidth() helfen beim Umbauen des DOM für Responsive Layouts. JS 101: Equality DailyJS erklärt die Hintergründe und Unterschiede von a == b und a === b. Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/