Working Draft » Podcast Feed

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 -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.

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

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

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.

Dieses mal wurde die Crew durch den Konferenz-Großmeister Marc Thiele verstärkt. [00:00:19] News Safari 6 and Chrome 21 add image-set to support retina images Damit dürfte klar sein, wie wir in Zukunft responsive images machen werden. Schaunotizen [00:01:00] beyond tellerrand 2012 und Smashing Conference 2012 Wir sind uns einig: besteste Konferenzen ever! Veranstalter Marc Thiele erzählt von den Hintergründen seiner Konferenzen und den Workshops und lässt sich für vergangene Werke angemessen huldigen. Spontan beschließen wir, zwei Karten für die BT2012 zu verlosen (siehe unten). [00:28:02] Let’s Talk about CSS Variables Tab Atkins rechtfertigt die neue, wahrscheinliche Syntax für CSS-Variablen. Wir sind von der Präfix-Sparsamkeit nicht überzeugt; sowas wie Perl kommt ja auch mit mehr als einem Sonderzeichen klar. Ein Update für Hans’ allumfassenden Artikel über CSS-Variablen gibt es auch schon. [00:38:23] Farbverläufe erklärbärt Peter erklärt die neue Syntax für CSS3-Gradients. Die Änderungen an sich finden wir toll, aber war es die nochmalige Änderung wert? Schließlich gibt es ja traditionell Probleme bei solchen Umstellungen. Und wer würde schon auf solche Webdesign-Meisterwerke verzichten wollen, nur für eine schönere CSS-Syntax? Wir jedenfalls nicht! [00:51:00] Interpreting some of Twitter’s API changes Twitter gibt sich neue API-Terms und das Internet zürnt. Wir auch, aber wir wissen nicht so ganz, wo das jetzt alles enden soll. Rod meint, Twitter könnte uns einfach bezahlen lassen. Aber ob Nicht-Nerds da mitmachen? Die sind ja bisher nicht mal auf kostenlose Alternativen wie Identi.ca oder anderes obskures Zeug augesprungen. So wissen wir auch nicht, ob aus App.net etwas werden könnte. Scheiß Gesamtsituation! [01:12:45] Keine Schaunotizen requirejs/xrayquire Mit diesem RequireJS-Inspector den Modulen unter die Motorhaube sehen. Using ARIA in HTML5 Wer auch nur am Rande an Barrierefreiheit interessiert ist, sollte sich dieses Dokument auf die Großhirnrinde tätowieren lassen. Ernsthaft! CSS Layout Evolution Erklärt CSS3-Layout und beleuchtet auch die Hintergründe. Endlich erfahren, warum CSS-Layout (ohne CSS3) so schwer ist! DropPHP Ein einfacher Dropbox-Client in PHP. Firefox JIT Inspector Firefox-Extension für den geneigten JavaScript-Optimierer. A day in the life of V8 (Slides) Passend zum JIT-Inspector dieser Talk, der erklärt, wie man den von V8 generierten Maschinencode inspiziert. Futter für die Extremsportler unter den JavaScript-Optimierern. Custom Sublime Text Build Systems For Popular Tools And Languages Wie man sich in ST2 Buildsysteme baut. [01:17:00] Verlosung Zwei Karten für die Beyond Tellerrand 2012 zu gewinnen! Es gibt zwei Möglichkeiten für euch, je eine Karte für die Beyond Tellerrand 2012 (besteste Konferenz ever) zu gewinnen: Beantwortet die Frage „in welcher Revision haben wir über Peerbind gesprochen?“ auf möglichst originelle Weise. Egal ob Audio, Video, Text oder Bild, die Jury entscheidet in der nächsten Revision über den Sieger Bastelt Super Mario aus HTML und CSS! Welcher der beste ist, entscheidet die Jury entscheidet in der nächsten Revision Schickt uns Eure Einreichungen via Twitter oder als E-Mail an comments@workingdraft.de.

Die Crew von Working Draft fiel wie die Fliegen Deadlines und Kopfschmerzen zum Opfer. Zum Glück konnte Sebastian Golasch alias @asciidisco die am Ende nur noch aus Rodney und Peter bestehende Rumpftruppe verstärken. Schaunotizen [00:01:17] jQuery 1.8 Released jQuery 1.8 kommt mit besserer Performance und eingedämmten Code-Wachstum daher. Die großen Änderungen sind eher interner Natur. Der Code ausgemistet und so modularisiert, dass man sich jetzt eigene, kleinere Builds erstellen kann. Neue Versionen von Dojo und Prototype (die Älteren unter euch werden sich erinnern) gibt es auch. Allerdings fiel uns niemand ein, der diese Frameworks noch (freiwillig) benutzt. Das Web scheint sich für jQuery entschieden zu haben. [00:15:54] 10 things I hate about Git Steve Bennett kritisiert Git. Im Vergleich zu Subversion sei die Benutzung zu unintuitiv, die Commands und Dokumentation seien ranzig und ein Mangel an Abstraktion sorgt für läste Mehrarbeit. Wir können dem nicht direkt widersprechen, wissen aber, wie man Git benutzbarer macht: ein Branching Model namens Gitflow, quasi Git mit Leitplanken. Das Ganze gibt es auch als Git-Extension und wird von Sebastian allerwärmstens empfohlen. [00:28:09] The Art of staying up to date Wir vergleichen, wie wir den Dschungel an Informationen rund um Webentwicklung für uns persönlich verwalten. Die Informationsgewinnung läuft bei uns allen mehr oder minder gleich (Twitter, RSS, Working Draft), aber die Verwaltung unterscheidet dann doch. Rodney lagert den Webdev-Teil seines Gehirn an diverse Apps aus und findet so jederzeit alle Infos wieder. Peter verweigert sich solcher Tools komplett und vertraut ganz auf Google, Lazyweb und seinen Kopf. Motto: was ich damit nicht wiederfinde, war eh nicht wichtig. Sebastian arbeitet klassisch mit Browser-Bookmarks. Was macht ihr, liebe Leser? [00:56:16] Keine Schaunotizen Fontello Schustert Custom Builds aus diversen Icon-Fonts zusammen. Remote Debugging für Firefox auf Android Nicht ganz unkompliziert, aber wenigstens gibt es diese Anleitung. browserver Verwandelt euren Browser in einem Webserver. A closer look at _.extend and copying properties Der Doktor™ diesmal zu den Untiefen von property assignment im Kontext von Prototypenketten. Just Gauge Rendert euch mittels Raphaël ‘ne Gauge in die Seite. PSA – SmashingMag Interns Das SmashingMag sucht (bezahlte) Praktikanten in Freiburg. Neue Version von URI.js Rodneys Library implementiert jetzt URI Templates (RFC 6570) Internationalizing JavaScript Applications Slides und Material zum Thema. Placeholder in SASS Kleiner, nützlicher Hinweis. Impressionist GUI für Impress.js.

Mit dem seltenen Überraschungsgast Peter starten Rodney und Hans in eine neue Revision voller Spiel, Spaß und Abenteuer! [00:00:10] News MySQL 5.6.6 ist da Mit memcached an Bord! Schaunotizen [00:00:40] Neue Syntax in ECMAScript 6 Die nächste Version von JavaScript wird allerlei neue Syntax einführen, wovon Nicholas C. Zakas ein großer Teil ganz und gar nicht gefällt. Rodney und Peter stimmen in diesem Chor voller Inbrunst ein. Fat Arrows machen, wenn überhaupt, nur in CoffeeScript Sinn, Quasi Literals könnten auch einfache Library-Funktionen sein und überhaupt hätten wir nichts gegen etwas mehr Zurückhaltung bei der Einführung von neuer Syntax. Sinnvoller finden wir da schon die neuen Syntaxen für z.B. Klassen und Konstanten, aber generell ist weniger mehr. Peter geht auch davon aus, dass die ES-Macher noch rechtzeitig zur Vernunft kommen. [00:20:33] Support for @supports in Firefox Nightly Ist das Ende von JS-Polyfills nahe? Mit der @supports-Regel können CSS-Autoren den Browser fragen, ob sie eine CSS-Deklaration verstehen und dann entsprechend darauf reagieren. Die Idee finden wir summa summarum ganz großartig. Der Firefox legt nun mit seiner Implementierung vor, doch auch Opera arbeitet dran. Ein weiteres mögliches Feature für die Zukunft, die color()-Funktion, steifen wir auch. [00:31:27] Microsoft commits to WebRTC – just not Google’s version Der Artikel, der Anlass zu diesem Thema ist, enthält nicht viele Informationen, aber das was da ist reicht, um Peter fragen zu lassen: „können wir uns WebRTC an die Backe schmieren?“ Die pluginfreie VOIP-im-Browser-Technologie (s. webrtc.org + dieser umfassender Talk von Googles diesjähriger Entwicklerkonferenz) will jetzt auch Microsoft unterstützen, macht aber das von und bekannte Codec-Fass auf. Statt sich auf einen Codec zu einigen sei es ja viel besser für den Endnutzer, wenn er die freie Wahl hätte. So wie ihr bei ihrem Stromanbieter! Wir sind nicht alle komplett von dieser Argumentationskette überzeugt. [00:45:19] Keine Schaunotizen Prism Lea Verou hat den bei Dabblet.com verwendeten Syntaxhighlighter geopensourced. Mobilism’s Videos Reinziehen, lernen! gridster.js jQuery-Plugin für rekonfigurierbare Grid-Layouts. Piecon A tiny javascript library for dynamically generating pie charts in your favicons. SCSS-Toolkit Auf SMACSS basierendes Toolkit für SCSS.

Diesmal trafen sich Schepp, Hans, Kahlil und Special Guest Anselm Hannemann zum wöchentlichen Webdev-Geplänkel im virtuellen Working Draft Studio (Skype). Schaunotizen [00:00:40] Discussion about CSS reusability Wir nehmen Chris Coyiers Artikel zum Anlass, um über unsere CSS-Wiederverwendungstaktiken zu reden. [00:17:05] XOXOCO – Is it time for the password-less login? Der Autor beschwert sich über die Usability bei Logins und stellt einen neuen Ansatz vor. Wir sprechen darüber. [00:24:25] Content Security Policy Ein neuer Header für HTTP für mehr Sicherheit. [00:30:40] Troy Hunt: Lessons in website security anti-patterns by Tesco Eine australische Großhandelskette erlaubt sich auf ihrer eCommerce-Webseite jeden erdenklichen Security-Patzer. Wir nehmen das zum Anlass um über Security best practices zu reden. [00:45:40] BinaryJS – Realtime binary streaming for the web using websockets Eine node library um Daten binär zu streamen. Schepp erklärt warum das toll ist. [00:53:00] Separate var statements Kahlil schrob einen Artikel darüber warum er separate var Statements in JavaScript bevorzugt und jeder sagt mal was seine Lieblingsformatierung zur Variablendeklaration in JS ist. [01:05:50] Keine Schaunotizen Backbone.js: Hackers Guide Part 2 Der zweite Teil einer Artikelreihe über die Innereien von Backbone.js Journey Through The JavaScript MVC Jungle Ein hervorrangender Artikel von Addy, der bei der Suche nach dem richtigen MVC Framework in JavaScript sehr hilfreich sein kann. Selling Accessibility – Negative Factors Karl Groves spricht über Schmackhaftmachung von Accessibility. My wife is really getting into whiskey Ein interessantes Interview mit Ben Alman. Summer Reading…and Programming Eine interaktive Buchrezension mit JavaScript Konsole insidrrr – Offenes Kompetenznetzwerk für interaktive Medien Cologne.js BrainCamp Cologne

Scheppman, Hans, Rodney und Kahlil trafen sich dieses mal wieder, um in illustrer Runde so zu tun, als hätten Sie eine Ahnung von Webentwicklung und so. [00:00:15] News getUserMedia() ist in Firefox gelandet Schaunotizen [00:00:39] styles.max.css Daniel Eden schlägt vor, das CSS generell auch dekomprimiert auf dem Server bereit zu halten, damit Anfänger davon lernen können. [00:12:40] It’s time to stop blaming Internet Explorer Den Nicholas C. Zakas ermüdet das ewige IE-Gebashe und wir stimmen in diesen Kanon mit ein. [00:22:06] box-decoration-break in Anmarsch So langsam kommt box-decoration-break in die Browser. Der Schepp und Rodney sinnieren über die Sinnhaftigkeit des Propertys. [00:40:22] X-tag – reduce your html Der Autor behilft sich mit JavaScript, um HTML-Code zu sparen. Wir sinnieren auch hier über die Sinnhaftigkeit dessen. [00:49:48] Keine Schaunotizen Moqup Mockups mit HTML5. Avoiding Faux Weights And Styles With Google Web Fonts Ein Artikel über die richtige Einbindung von Google Web Fonts. CSS Parser Ein CSS Parser aus JavaScript. DailyJS: JS101: The Function Constructor DailyJS erzählt Euch mal was über den Function Constructor. JSConf.US 2012 Videos Die Vorträge von JSConf.US

Schepp war nicht da, aber mit Rodney, Hans, Kahlil und Peter an Bord waren wir trotzdem beschlussfähig. Haben wir schon erwähnt, dass Rodney seit letzter Woche offizieller Bestandteil der Crew von Working Draft ist? Glückwunsch Rodney! [00:00:22] News Fullscreen-API Jetzt offizieller Working Draft Weniger Prefixes in Firefox Ab Version 16 sind Animationen, Transitions, Transforms und Gradients nicht mehr geprefixt Schaunotizen [00:01:14] Why no FileSystem API in Firefox? Jonas Sicking erklärt, warum wir nicht damit rechnen sollten, die File System und File Writer zeitnah im Firefox vorzufinden. Andere APIs wie z.B. Indexed DB und Web Storage können fast alle Aufgaben der FS-API übernehmen. Wir gehen im Prinzip d‘accord und finden auch, dass die Alternativen einfach viel schöner sind, als der elaboriert-javaeske Code, der bei der FS-API anfällt – man sehe sich nur mal dieses Tutorial an. Und wer gar nicht ohne File System API kann, dem helfen (auf Indexed DB aufsetzende) Polyfills. [00:16:06] Chrome Apps: JavaScript Desktop Development Google hat auf der diesjährigen Google I/O mal wieder die Revolution angekündigt – diesmal sollen‘s Webapps auf dem Desktop werden. Klingt eigentlich ganz schön, nur Peter fühlt sich an Adobe Air erinnert und fragt sich, warum man sich Web-Gefrickel auf der Clientseite wünschen sollte. Immerhin sollen die entstehenden Technologien in die System Applications Working Group eingebracht werden, so dass vielleicht der eine oder andere Webstandard daraus entsteht. [00:30:42] Keine Schaunotizen Git in 15 Minutes Großartiges interaktives Tutorial. GitHub Android App Released Github – jetzt auch für alle, die sich kein iPhone leisten können! PHP – The right way Versucht, den zahllosen ranzigen Tutorials im Web die Stirn zu bieten. Replacing Text in DOM Diese Technik kommt auch mit größeren Tag-Verschachtelungen klar und liefert ein valides Ergebnis. iOS has a :hover problem Erklärt, unter welchen Umstände iOS einen Klick/Tap als :hover interpretiert. TYPO3 Codesprint Freiburg Hans will mit euch am 13. Juli Typo3 aufmöbeln.

Überraschung: Sowohl Schepp als auch Peter waren zur Abwechlsung mal wieder an Bord. Der ewige Rod vertrat Hans und Kahlil. [00:00:22] News It’s Official, CSS Media Queries Are a Web Standard CSS3 Media Queries sind eine fertige W3C Recommendation Schaunotizen [00:00:55] The Sabotage of Do Not Track Kommt er oder kommt er nicht, der Do-Not-Track-Header? Und wenn ja, wie? Seit der Microsoft-Ankündigung, den IE10 per Default DNT:1 schicken zu lassen regt sich Widerstand bei den Werbenetzwerken. Ohne irgendwelche Gesetzgebung, als reiner Webstandard, wird es wohl schwer für Do Not Track … [00:18:30] I Want a DAMNodeInserted Event Epischer Hack implementiert einen primitiven DOM-Observer für Insertions, quasi als Teil-Polyfill für die in Revision 71 schon besprochenen DOM Mutation Observers. Der Trick ist zwar recht abgefahren, für Dinge wie accessifyhtml5.js aber sicher von Wert (falls man nicht gerade jQuery verwendet und die entsprechenden Hooks benutzt). [00:29:05] X-Tag – Web Components Workshop und Working with CSS Regions and Shadow DOM Präsentation eines Polyfills für Web Components (ihr wisst schon, Shadow DOM und so) und ein Adobe-Artikel zur Kombination von Shadow DOM und CSS3 Regions. [00:42:35] Der IHK-Zwang muss abgeschafft werden Vladimir Simovic erklärt uns warum der IHK-Zwang in die Tonne getreten gehört. Wir gehen d’accord und fordern zum Unterzeichnen der dazugehörigen Petition auf. [00:57:05] Keine Schaunotizen reFiddle JSFiddle für Regex. Asynchronous programming and continuation-passing style in JavaScript Der Doktor erleuchtet uns über asynchrones JS. DailyJS #js101 Artikel für JavaScript-Einsteiger. Grunt plugins published to Npm Damit man nicht mehr selbst Tasks bauen muss. pageguide.js An interactive guide for web page elements using jQuery and CSS3. 10 things you didn’t know JavaScript could do Von @asciidisco. Cool URIs don’t change Steinalt, aber immer noch relevant und richtig. Shumway & bikeshed.js Flash-Interpreter in JS. CSS generated content and screen readers Die lesen das Zeug vor! Skrollr Scrolling-Library ohne Dependencies.

Schepp war im Urlaub, Kahlil verhindert und die Themenliste war leer. Also besprachen Hans und Peter diesmal eben nur ein einziges Thema. Schaunotizen [00:01:02] Sweep the Sleaze Oliver Reichenstein meint, dass der Nutzen von Social-Media-Buttons (Facebook, Twitter usw.) zweifelhaft, der bei ihrem Einsatz entstehende Schaden für Image und Seitenperformance hingegen ziemlich sicher sei. Peter mag nicht ganz zustimmen und meint: wenn man es richtig macht, stören die Dinger zumindest nicht. [00:18:03] Keine Schaunotizen Code Painter Code Painter is a JavaScript beautifier that instead of asking you to manually specify the desired formatting style, can infer it from a code sample provided by you. Videos von Fluent 2012 Kurzweilige Vorträge von Nerds mit Kaliber. Sorting – We’re Doing It Wrong Rodney Rehm steigt aber mal so richtig tief in das Thema „sortieren in JavaScript ein“.

Die Stammbesatzung trat an und brauchte zum Sortieren der Themen länger als für die Aufnahme. Trotzdem ist noch einiges an Material übrig geblieben. Schaunotizen [00:00:22] SASS versus LESS Chris Coyier vergleicht SASS mit LESS und kürt ersteres zum Gewinner. Für rechten Widerspruch reicht es bei uns nicht, da wir SASS in Kombination mit Compass und CodeKit auch nicht so ganz schlecht finden. Die etwas nerdigere Fraktion findet aber auch die Kombination Stylus + Nib + Grunt ganz gut. Naja, jeder wie er will :) [00:22:00] Media Queries Level 4 CSS4 ist im Anmarsch und die neuen Media Queries führen neben einem Script-Detektor auch ein Feature ein, mit dem man herausfinden kann, ob ein Gerät so etwas wie ein „Mousover“ (d.h. die Hover-Pseudoklasse) überhaupt leisten kann. Ob ein Gerät einen Tochscreen hat, kann man zwar schon mit proprietären Mitteln herausfinden, aber ein Touchscreen muss Mouseover-Funktionalität ja nicht zwingend ausschließen. [00:27:57] Google Bot now crawls arbitrary Javascript sites Wir sind uns überhaupt nicht einig, ob das nicht schon alter Käse ist und ob man aus dieser Entdeckung irgend etwas für die tägliche Arbeit ableiten sollte. Was meint ihr? [00:41:20] Google Chrome Canary: webkitdirectory attribute walkthrough Addy Osmani erklärt, wie man aus der HTML5 File API, einem neuen HTML-Attribut und etwas Trickserei etwas backen kann, dass Drag & Drop von ganzen Verzeichnissen in Webapps ermöglicht. [00:47:55] Keine Schaunotizen SpahQL Query-Sprache für komplexe JavaScript-Objekte. JSCheck-Tutorial Einführung in ein neues Test-Framework von Douglas Crockford, das mit Zufalls-Inputs arbeitet. Responsive Tables Ein Ansatz für Responsive Tabellen. Our Approach to Routing in Ember.js Man kann es so oder so machen. Ember.js macht es so. wysihtml5 – A better approach to rich text editing Qualität aus dem Hause Xing. How To Choose The Right Face For A Beautiful Body Typoraphie-Tutorial. GitHub for Windows Nach dem Github-Client für Mac gibt es nun auch einen für Windows.