Working Draft

By Vanessa Otto, Peter Kröner, Hans Christian Reinl, Stefan Baumgartner, Christian »Schepp« SchaeferNews Technology Education How To Tech News

Working Draft episodes

February 22, 2011 Revision 15: IE9 unmodern? Teure Featuredetection? Pareto-Prinzip?
Nachdem Peter immer noch hustengeplagt und Markus anderweitig absent war, freute sich Schepp über bewährte Verstärkung seitens Marc Hinses alias @mademyday (Notiz an uns selbst: Wir sollten Marc bald mal in der Liste unserer festen Moderatoren verankern…).
Schaunotizen
Is IE9 a modern browser?
fragt Paul Rouget von Mozilla und antwortet sodann mit NO. Ihm reicht die unterstützte Menge HTML5-Technologien seitens des Redmonder Browsers nicht. Außerdem fuchst ihn, dass Microsoft mit Statistiken hausieren geht, die sie selbst gefälscht haben. Tim Sneath von Microsoft antwortet ihm: Ein moderner Browser ist schnell und integriert Standards erst wenn sie fertig sind.
Performance Innumeracy & False Positives
Alex Russel aus dem Chrome Frame Team stellt zur Debatte, ob der moderne und hochangesehene Ansatz des Featuretestings nicht vielleicht zu viel Leistung kostet, und ob man nicht in bestimmten Fällen doch auf das böse, böse, böse und verpönte (und böse) Useragent-Sniffing zusammen mit einer Feature-Whitelist/-Blacklist gehen kann. Damit löst er einen guttenbergesken Shitstorm aus. Dass er (und viele WPO-Granden) falsch liegen, zeigt John-David Dalton mit drei Screencasts aus der Praxis.
Use efficient CSS selectors
greift sehr humorvoll das Thema Renderleistungseinbruch durch falsches zusammensetzen von Selektoren auf. Den Augenschmerzen beim Betrachten zum Trotz stellten wir fest, dass die Unterschiede doch vergleichsweise gering zu sein scheinen. Wer jedoch gerne viel in jQuery und Konsorten selektiert, der sollte vielleicht nicht ganz so rumschlampen oder klügere Wege wählen.
CSS drop-shadows without images
Verschiedene Ausprägungen von CSS-Schatten hat Nicolas Gallagher auf seiner Seite versammelt. Das Besondere dabei: Anstatt mit zusätzlichen Hilfselementen im HTML zu arbeiten, feiert er alles über die CSS-generierten Pseudoelemente :before und :after, CSS Transforms und Box-Shadow ab. Überhaupt ist er ein ganz großer Fan von Pseudoelementen. Auf seiner Seite gibt es viel Interessantes zu entdecken. Schön war damals unter anderem auch sein Artikel Multiple Backgrounds and Borders with CSS 2.1
The 80/20 Rule Applied to Web Design
Eine gar nicht so neue Regel aus der Betriebswirtschaft, das Pareto-Prinzip besagt, dass 80% der Ergebnisse in 20% der Gesamtzeit eines Projekts erreicht werden, und dass die verbleibenden 20% der Ergebnisse die meiste Arbeit machen. Diese Regel kann man eigentlich auch überall im Web Design wiederfinden. Die Autoren empfehlen daher: Die wichtigen 20% identifizieren und erstmal alle Bemühugen dort hineinstecken als sich zu verzetteln.
HARDWRK SSD HDD Adapter Kit für MacBook Pro
Tatsächlich, wir reden über Hardware! Muss auch mal sein. Wir hängen ja schließlich alle an ihrem Tropf. HARDWRK ist ein Überraschungscoup des T3N-Teams und zwar ist es ein Einbaukit (Material + Werkzeug), mit dem man den internen DVD-Brenner seines MacBooks gegen eine weitere Festplatte oder eine SSD austauschen kann. Der entmannte Brenner wandern dann in ein externes Gehäuse. Wir empfehlen zu einer SSD zu greifen. Davon kommen zur CeBIT ein paar sehr schnelle raus (die allerdings durch die SATA-300-Schnittstelle des MacBooks ausgebremst werden könnten).
Keine Schaunotizen
Surefire DOM Element insertion
Die bulletproofste Methode, DOM-Elemente in sein Dokument zu schießen.
1 hr 2 min
February 15, 2011 Revision 14: Hashbangs, PhantomJS und Github-Gene
Die große Seuche grassierte wieder. Peter strich die Segel und Schepp griff schon nach der weißen Flagge. Eine Viertel Stunde vor offiziellem Aufnahmetermin holten wir uns dann als Verstärkung wieder Marc Hinse ins Boot. Vielen Dank nochmals dafür!
Schaunotizen
Breaking the Web with hash-bangs
Google sieht das Hashbang als Flickzeug für den Übergang zu eleganteren Lösungen im ajaxifizierten Web. Twitter hat angeblich schon eine Version von #newtwitter, welche die History API nutzt. Wer nun allerdings das Hash-Bang nutzt, der muss auch wissen, was er tut. Und das wissen nicht alle. Wissen wir’s?
Windows 7 die Nummer 1 in Deutschland
Windows 7 überholt XP, welches eine schöne Abwärtskurve aufweist. Sind die Tage von IE6 und IE7 also gezählt?
Sandboxed IE Browsers from Spoon
Kurz da und dann schnell wieder weg. Wir bereden die verschiedenen Möglichkeiten, eine IE-Testumgebung zu bauen.
PhantomJS
Eine skriptbare Webkit-Engine, etwa um Website-Screenshots zu schießen, oder PDFs aus HTML zu erzeugen, oder um Daten per DOM-Selektoren aus Seiten in Textdateien zu extrahieren.
Blaze.io: Test Your Website Performance On A Mobile Device
Schickes Tool, um Websites in Sachen Ladezeiten auf ihre Mobiltauglichkeit zu checken. Mit Wasserfall und Videoaufzeichnung des Ladevorgangs.
Open Sourcing My Genetic Data
Genome bei Github. Ein entsprechendes soziales Netzwerk wird von mir, Markus, bald nachgereicht.
Keine Schaunotizen
EaselJS
A javascript library for working with the HTML5 canvas element
IE9 on Windows Phone 7
Der Neuner wird auch auf WP7 kommen und löst damit den altertümlichen IE7.5er ab.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 12 min
February 15, 2011 Revision 14: Hashbangs, PhantomJS und Github-Gene
Die große Seuche grassierte wieder. Peter strich die Segel und Schepp griff schon nach der weißen Flagge. Eine Viertel Stunde vor offiziellem Aufnahmetermin holten wir uns dann als Verstärkung wieder Marc Hinse ins Boot. Vielen Dank nochmals dafür!
Schaunotizen
Breaking the Web with hash-bangs
Google sieht das Hashbang als Flickzeug für den Übergang zu eleganteren Lösungen im ajaxifizierten Web. Twitter hat angeblich schon eine Version von #newtwitter, welche die History API nutzt. Wer nun allerdings das Hash-Bang nutzt, der muss auch wissen, was er tut. Und das wissen nicht alle. Wissen wir’s?
Windows 7 die Nummer 1 in Deutschland
Windows 7 überholt XP, welches eine schöne Abwärtskurve aufweist. Sind die Tage von IE6 und IE7 also gezählt?
Sandboxed IE Browsers from Spoon
Kurz da und dann schnell wieder weg. Wir bereden die verschiedenen Möglichkeiten, eine IE-Testumgebung zu bauen.
PhantomJS
Eine skriptbare Webkit-Engine, etwa um Website-Screenshots zu schießen, oder PDFs aus HTML zu erzeugen, oder um Daten per DOM-Selektoren aus Seiten in Textdateien zu extrahieren.
Blaze.io: Test Your Website Performance On A Mobile Device
Schickes Tool, um Websites in Sachen Ladezeiten auf ihre Mobiltauglichkeit zu checken. Mit Wasserfall und Videoaufzeichnung des Ladevorgangs.
Open Sourcing My Genetic Data
Genome bei Github. Ein entsprechendes soziales Netzwerk wird von mir, Markus, bald nachgereicht.
Keine Schaunotizen
EaselJS
A javascript library for working with the HTML5 canvas element
IE9 on Windows Phone 7
Der Neuner wird auch auf WP7 kommen und löst damit den altertümlichen IE7.5er ab.
1 hr 12 min
February 08, 2011 Revision 13: Screen Presenter, Chromeless und Clipboard API
Endlich haben wir es geschafft, eine Sprechprobe Marc Hinses auf digitales Vinyl zu pressen. Und die Soundqualität ist auch gar nicht mal komplett scheiße.
Schaunotizen
Marcs Screen Presenter
Screendesigns angemessen dem Kunden präsentieren.
Prism is now Chromeless
Das Prism-Projekt wird abgeschaltet. Stattdessen soll mit Chromeless ein anderer Ansatz gefahren werden, der zum Beispiel mit Phone GAP vergleichbar ist.
Clipboard API Editor’s Draft
Schnittstelle für den Umgang mit der Zwischenablage. Zum Verstehen der Funktionsweise hilft es, sich die Drag&Drop-API zu Gemüte zu führen.
Web Audio API in Chrome und Firefox 4
Rohdaten aus einem HTML5-Audio lesen und schreiben. Möglich wird damit alles, was man sich vorstellen kann. Es hat auch schon jemand ein paar Filter zusammengekloppt.
Abusing HTTP Status Codes to Expose Private Information
Einfach prüfen, ob für den Benutzer Inhalte verfügbar sind, die man nur mit Login erreichen sollte. DidYouWatchPorn.com schlägt in eine vergleichbare Kerbe.
The New Bulletproof @Font-Face Syntax
Eine neue Methode, um den Internetz Explodierer bei @font-face vor’m Explodieren zu bewahren.
firecss.com
Live-CSS-Firebugging across the universe.
Keine Schaunotizen
Chrome 11, a renewed XSS Filter and vertical text for multiple-column layouts
Unspektakuläre Neuerungen.
Farbwert in Opera und dem IE9: invert
Wie der Name schon sagt, invertiert der Wert einfach die Farben des Hintergrunds.
popcorn.js
Framework für HTML5-Video. Beispielhafter Anwendungsfall: Zeitgesteuerte Annotations.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 10 min
February 08, 2011 Revision 13: Screen Presenter, Chromeless und Clipboard API
Endlich haben wir es geschafft, eine Sprechprobe Marc Hinses auf digitales Vinyl zu pressen. Und die Soundqualität ist auch gar nicht mal komplett scheiße.
Schaunotizen
Marcs Screen Presenter
Screendesigns angemessen dem Kunden präsentieren.
Prism is now Chromeless
Das Prism-Projekt wird abgeschaltet. Stattdessen soll mit Chromeless ein anderer Ansatz gefahren werden, der zum Beispiel mit Phone GAP vergleichbar ist.
Clipboard API Editor’s Draft
Schnittstelle für den Umgang mit der Zwischenablage. Zum Verstehen der Funktionsweise hilft es, sich die Drag&Drop-API zu Gemüte zu führen.
Web Audio API in Chrome und Firefox 4
Rohdaten aus einem HTML5-Audio lesen und schreiben. Möglich wird damit alles, was man sich vorstellen kann. Es hat auch schon jemand ein paar Filter zusammengekloppt.
Abusing HTTP Status Codes to Expose Private Information
Einfach prüfen, ob für den Benutzer Inhalte verfügbar sind, die man nur mit Login erreichen sollte. DidYouWatchPorn.com schlägt in eine vergleichbare Kerbe.
The New Bulletproof @Font-Face Syntax
Eine neue Methode, um den Internetz Explodierer bei @font-face vor’m Explodieren zu bewahren.
firecss.com
Live-CSS-Firebugging across the universe.
Keine Schaunotizen
Chrome 11, a renewed XSS Filter and vertical text for multiple-column layouts
Unspektakuläre Neuerungen.
Farbwert in Opera und dem IE9: invert
Wie der Name schon sagt, invertiert der Wert einfach die Farben des Hintergrunds.
popcorn.js
Framework für HTML5-Video. Beispielhafter Anwendungsfall: Zeitgesteuerte Annotations.
1 hr 10 min
February 01, 2011Revision 12: CSS-Reset, IE9 RC1 und Harmony
Ausgabe Nummer zwölf mit einem neuen Gast, nämlich Tobias Oberrauch aus Karlsruhe, und spitzen Soundqualität. Yeah!
Schaunotizen
Peters HTML5-Buch
… geht in die zweite Runde. Mit 150 Seiten und 4 Kapiteln mehr als in der ersten Auflage. Neu dabei: Web Workers, File API, HTML5-Featuredetection nebst Polyfills, und Firefox 4 sowie Internet Explorer 9.
Eric Meyers CSS Reset 2.0
Wir diskutieren über den Sinn von Resets und Starterpacks à la Boilerplate oder Gerrits Kickstart.
CSS-Farbwert currentcolor
Nicht vollkommen neu, weil
– und -Elemente sowie die border-Eigenschaft es längst anwenden, aber neu entdeckt. Eine Farbeigenschaft, der man die Farbe „currentcolor“ zuweist, übernimmt automatisch die Farbe der color-Eigenschaft. Etwa so: .element{color:red;background-color:currentcolor;}.
CSS3-Einheit für Schriften: rem
Die Einheit bezieht sich immer auf die Schriftgröße des Root-Elements (sprich des -Elements), anstatt auf die des direkten Mutterelements. Das macht das Erstellen von flexiblen Layouts deutlich leichter. Wird von allen modernen Browsern unterstützt. Wir nehmen die Entdeckung als Anlass, über den Sinn relativer Schriftgrade zu diskutieren.
Firefox 4 will den Acid3-Test gar nicht bestehen
Die fehlenden 3 Punkte sind SVG-Fonts und die sind sowieso blöd. Und nicht mehr Teil des SVG-Kerns, weil sie so blöd sind. Und wir reden über Fontrendering, und zwar viel zu viel. Um davon abzulenken, stiften wir Verwirrung und rühren Kerning, Hinting und Subpixel-Rendering gut durch.
IE9 RC1
Geleakter Release Candidate des Internet Explorer 9. Möglicherweise mit Geolocation API. Auf jeden Fall aber mit deutlich mehr Gummipunkten bei html5test.com.
Brendan Eich über seine Wunsch-Zukunft für JavaScript
Nur für Fans, wie mein Physiklehrer immer sagte. Gibt’s auch als knappes Audio. Auch interessant: Harmony Proxies
KEINE Schaunotizen
Android 3.0 Platform Highlights
Der enthaltene Android Browser wartet mit SVG, HTTP-Streaming, Multicore-Unterstützung und Hardware-Grafikrendering auf. Fein! Mehr dazu von unserer Seite, wenn Honeycomb final ist.
Cocos2-javascript
Ein weiterer Gamebaukasten auf HTML5 und JavaScript-Basis.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 4 min
February 01, 2011Revision 12: CSS-Reset, IE9 RC1 und Harmony
Ausgabe Nummer zwölf mit einem neuen Gast, nämlich Tobias Oberrauch aus Karlsruhe, und spitzen Soundqualität. Yeah!
Schaunotizen
Peters HTML5-Buch
… geht in die zweite Runde. Mit 150 Seiten und 4 Kapiteln mehr als in der ersten Auflage. Neu dabei: Web Workers, File API, HTML5-Featuredetection nebst Polyfills, und Firefox 4 sowie Internet Explorer 9.
Eric Meyers CSS Reset 2.0
Wir diskutieren über den Sinn von Resets und Starterpacks à la Boilerplate oder Gerrits Kickstart.
CSS-Farbwert currentcolor
Nicht vollkommen neu, weil
– und -Elemente sowie die border-Eigenschaft es längst anwenden, aber neu entdeckt. Eine Farbeigenschaft, der man die Farbe „currentcolor“ zuweist, übernimmt automatisch die Farbe der color-Eigenschaft. Etwa so: .element{color:red;background-color:currentcolor;}.
CSS3-Einheit für Schriften: rem
Die Einheit bezieht sich immer auf die Schriftgröße des Root-Elements (sprich des -Elements), anstatt auf die des direkten Mutterelements. Das macht das Erstellen von flexiblen Layouts deutlich leichter. Wird von allen modernen Browsern unterstützt. Wir nehmen die Entdeckung als Anlass, über den Sinn relativer Schriftgrade zu diskutieren.
Firefox 4 will den Acid3-Test gar nicht bestehen
Die fehlenden 3 Punkte sind SVG-Fonts und die sind sowieso blöd. Und nicht mehr Teil des SVG-Kerns, weil sie so blöd sind. Und wir reden über Fontrendering, und zwar viel zu viel. Um davon abzulenken, stiften wir Verwirrung und rühren Kerning, Hinting und Subpixel-Rendering gut durch.
IE9 RC1
Geleakter Release Candidate des Internet Explorer 9. Möglicherweise mit Geolocation API. Auf jeden Fall aber mit deutlich mehr Gummipunkten bei html5test.com.
Brendan Eich über seine Wunsch-Zukunft für JavaScript
Nur für Fans, wie mein Physiklehrer immer sagte. Gibt’s auch als knappes Audio. Auch interessant: Harmony Proxies
KEINE Schaunotizen
Android 3.0 Platform Highlights
Der enthaltene Android Browser wartet mit SVG, HTTP-Streaming, Multicore-Unterstützung und Hardware-Grafikrendering auf. Fein! Mehr dazu von unserer Seite, wenn Honeycomb final ist.
Cocos2-javascript
Ein weiterer Gamebaukasten auf HTML5 und JavaScript-Basis.
1 hr 4 min
January 25, 2011 Revision 11: HTML5 +Logo -5, Markup-Manipulation und IP-Adressen-Endzeit
Bei unserer Tonqualität ist es wie beim Google Linkjuice: Zählt man alle Beteiligten zusammen, kommt immer die Zahl 1 heraus. Während Markus nun also THX-Ultra-zertifiziert ist, zerbröselten unserem Gast Nico Brünjes, Frontendentwickler bei ZEIT ONLINE, reihenweise die Headsets unter den Fingern weg :(
Schaunotizen
W3C HTML5 Logo!
Das ansonsten eher langweilige W3C überrascht mit einer Art Promotion-Aktion: Auf einer sehr schicken, modernen Seite präsentiert es ein Logo, das vielleicht von Superhelden, vielleicht von einem 3D-Würfel inspiriert ist. Dazu gibt es einen HTML5-Gummipunkt-Generator und ein T-Shirt. Wir finden’s gut und Nico hat sich direkt das T-Shirt bestellt.
HTML is the new HTML5
Die WHATWG denkt die korrekte Namensgebung der HTML-Version-nach-HTML-4.01, formerly known as HTML 5, formerly known as HTML5, konsequent zu Ende und stellt fest: Die HTML-Spezifikation ist permanent im Fluss und macht keinen Halt bei Versionnummern, also weg mit der 5! Ab jetzt heisst die Spezifikation selbst nur noch HTML. Und HTML5 möge neuerdings ein Schlagwort für diejenige Generation Webanwendungen sein, die allem Web-Zwo-Nulligen nachfolgt. JavaScript und CSS als Techniken inklusive.
Using CSS Selectors as Fragment Identifiers
Der altehrwürdige Eric Meyer und Simon St.Laurent von O’Reilly Media haben einen inoffiziellen Draft online gestellt, in dem sie eine neue Sprungmarker (Fragment) Syntax im CSS-Selektor-Stil vorschlagen. So soll man beispielsweise mit folgender URL direkt zu dem zweiten Absatz einer Seite springen können: http://example.com/lorem.html#css(p:nth-child(2)).
Learning from Twitter
Dass man selbst mit jQuery noch großen Bockmist bauen kann, haben letzte Woche die Twitter-Programmierer bewiesen. Dumm war, dass sie behauptet hatten, es läge an der neuen jQuery-Version dass Twitter neuerdings so langsam geworden war. Das hat John Resig dazu animiert, sich deren Code genauer anzuschauen, und er hat dabei Grauenhaftes zu Tage gefördert.
Hinter dem mobilen Proxy
Unser Gast Nico Brünjes schrieb letzte Woche über eine sehr unangenehme Entdeckung, die er und sein Team von ZEIT ONLINE machten: Die mobilen Zugangsprovider manipulieren das HTML, JavaScript und CSS nach gutdünken um, und vor allem stillschweigend. Das geht dummerweise ganz und gar nicht zerstörungsfrei vonstatten.
Mozilla plant Do-not-track-HTTP-Header
Mozilla und Microsoft planen, den Browser mit einer zusätzlichen Header auszustatten, dem X-Tracking-Choice: do-not-track. Dieser soll immer dann gesendet werden, wenn der Benutzer von Inhalteanbietern nicht getrackt werden will. Das Ganze setzt allerdings voraus, dass die Gegenseite diesen Header auswertet und respektiert. Beim Diskutieren darüber kommt uns die Robinson Liste in den Sinn. Google will es in Chrome hingegen via Browsererweiterung lösen.
ARPAgeddon (IPv4 Countdown)
Unser Vorrat an IPv4-Adressen geht nun wirklich zur Neige. Knapp über 30 Millionen Adressen sind noch frei, 4,3 Milliarden sind in Gebrauch. Laut ARPAgeddon hält der verbliebene Vorrat noch für etwa eine Woche. Es wird also höchste Zeit, breitflächig auf IPv6 mit seinen 665 Billiarden möglichen IP-Adressen umzusteigen – auch wenn es vielleicht weh tun wird.
KEINE Schaunotizen
UglifyJS
Neuer JavaScript-Minifizierer und -Beautifier (Gegenteil von ersterem), der auf node.js läuft und dadurch doppelt bis fünf mal so schnell arbeitet wie der YUI Compressor oder Googles Closure. Kommt im Gegensatz zu letzterem auch mit eval() und (dem bösen) with{} klar, und verfügt über eine Google Closure kompatible HTTP-API. Steckt auch im kommenden WebKit Webinspector
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 7 min
January 25, 2011 Revision 11: HTML5 +Logo -5, Markup-Manipulation und IP-Adressen-Endzeit
Bei unserer Tonqualität ist es wie beim Google Linkjuice: Zählt man alle Beteiligten zusammen, kommt immer die Zahl 1 heraus. Während Markus nun also THX-Ultra-zertifiziert ist, zerbröselten unserem Gast Nico Brünjes, Frontendentwickler bei ZEIT ONLINE, reihenweise die Headsets unter den Fingern weg :(
Schaunotizen
W3C HTML5 Logo!
Das ansonsten eher langweilige W3C überrascht mit einer Art Promotion-Aktion: Auf einer sehr schicken, modernen Seite präsentiert es ein Logo, das vielleicht von Superhelden, vielleicht von einem 3D-Würfel inspiriert ist. Dazu gibt es einen HTML5-Gummipunkt-Generator und ein T-Shirt. Wir finden’s gut und Nico hat sich direkt das T-Shirt bestellt.
HTML is the new HTML5
Die WHATWG denkt die korrekte Namensgebung der HTML-Version-nach-HTML-4.01, formerly known as HTML 5, formerly known as HTML5, konsequent zu Ende und stellt fest: Die HTML-Spezifikation ist permanent im Fluss und macht keinen Halt bei Versionnummern, also weg mit der 5! Ab jetzt heisst die Spezifikation selbst nur noch HTML. Und HTML5 möge neuerdings ein Schlagwort für diejenige Generation Webanwendungen sein, die allem Web-Zwo-Nulligen nachfolgt. JavaScript und CSS als Techniken inklusive.
Using CSS Selectors as Fragment Identifiers
Der altehrwürdige Eric Meyer und Simon St.Laurent von O’Reilly Media haben einen inoffiziellen Draft online gestellt, in dem sie eine neue Sprungmarker (Fragment) Syntax im CSS-Selektor-Stil vorschlagen. So soll man beispielsweise mit folgender URL direkt zu dem zweiten Absatz einer Seite springen können: http://example.com/lorem.html#css(p:nth-child(2)).
Learning from Twitter
Dass man selbst mit jQuery noch großen Bockmist bauen kann, haben letzte Woche die Twitter-Programmierer bewiesen. Dumm war, dass sie behauptet hatten, es läge an der neuen jQuery-Version dass Twitter neuerdings so langsam geworden war. Das hat John Resig dazu animiert, sich deren Code genauer anzuschauen, und er hat dabei Grauenhaftes zu Tage gefördert.
Hinter dem mobilen Proxy
Unser Gast Nico Brünjes schrieb letzte Woche über eine sehr unangenehme Entdeckung, die er und sein Team von ZEIT ONLINE machten: Die mobilen Zugangsprovider manipulieren das HTML, JavaScript und CSS nach gutdünken um, und vor allem stillschweigend. Das geht dummerweise ganz und gar nicht zerstörungsfrei vonstatten.
Mozilla plant Do-not-track-HTTP-Header
Mozilla und Microsoft planen, den Browser mit einer zusätzlichen Header auszustatten, dem X-Tracking-Choice: do-not-track. Dieser soll immer dann gesendet werden, wenn der Benutzer von Inhalteanbietern nicht getrackt werden will. Das Ganze setzt allerdings voraus, dass die Gegenseite diesen Header auswertet und respektiert. Beim Diskutieren darüber kommt uns die Robinson Liste in den Sinn. Google will es in Chrome hingegen via Browsererweiterung lösen.
ARPAgeddon (IPv4 Countdown)
Unser Vorrat an IPv4-Adressen geht nun wirklich zur Neige. Knapp über 30 Millionen Adressen sind noch frei, 4,3 Milliarden sind in Gebrauch. Laut ARPAgeddon hält der verbliebene Vorrat noch für etwa eine Woche. Es wird also höchste Zeit, breitflächig auf IPv6 mit seinen 665 Billiarden möglichen IP-Adressen umzusteigen – auch wenn es vielleicht weh tun wird.
KEINE Schaunotizen
UglifyJS
Neuer JavaScript-Minifizierer und -Beautifier (Gegenteil von ersterem), der auf node.js läuft und dadurch doppelt bis fünf mal so schnell arbeitet wie der YUI Compressor oder Googles Closure. Kommt im Gegensatz zu letzterem auch mit eval() und (dem bösen) with{} klar, und verfügt über eine Google Closure kompatible HTTP-API. Steckt auch im kommenden WebKit Webinspector
1 hr 7 min
January 18, 2011 Revision 10: H.264 vs. WebM, Shadow DOM und w3fools.com
Für die potenziell sprengsatzhaltige Diskussion um Googles Entscheidung, den H.264-Codec aus Chrome zu entfernen, holten wir uns Gerrit van Aaken mit ins Boot. Wir hoffen, dass die Audio-Qualität langsam in den Bereich des Erträglichen vordringt.
NEU und BREAKING: Es gibt jetzt auch mal testweise Kapitelmarken. Bisher leider nur im MP4-Format. Wenn das Feature ankommt und ihr beispielsweise Ogg fordert, kann ich auch das geschehen lassen.
Viel Spaß mit der Folge!
Schaunotizen
HTML Video Codec Support in Chrome
Google versetzt dem lizenzbehafteten H.264-Codec einen Hieb und kündigt an, ihn aus Chrome(ium) zu entfernen. Im Rahmen des daran entflammten Shitstorms haben sowohl Gerrit als auch Peter und Markus ein paar Gedanken und Fakten zusammengetragen. Mit diesem Wissen unter dem Arm reden wir über die MPEG LA, Googles Strategie, WebMs Aussichten, die Marktanteile der Browser, Hardware-Support auf mobilen Geräten und erwähnen das GIF-Patent.
JavaScript Full Screen API, Navigation Timing and repeating CSS Gradients
Fullscreen API wird in Webkit unterstützt werden. Hurra und Yippieh.
photoshopetiquette.com
Grundregeln für den Umgang mit PSDs beim Screendesign. Insbesondere an die lieben Printler gerichtet.
IndexedDB in Firefox 4
Die aktuelle und hoffentlich letzte Beta mit der Nummer 9 führt unter anderem IndexedDB ein. Die Final ist für Ende Februar geplant. Außerdem drin: Harmony Proxies und JavaScript Compartments
jQuery 1.5 Beta 1 released
Kleinere Verbesserungen, vornehmlich ein Rewrite der Ajax-Funktionalitäten.
Dojo 1.6 Release Notes
Mit neuem LESS-angetriebenem Theme, einem IndexDB-Storage, Umstellung von dojo-Attributen im Markup à la dojoType auf HTML5-data-Attribute, Performanceverbesserungen in IE6 und 7 (dank einer Analyse des Codes mit dynaTrace) und Dokumentation zur Verknüpfung von Dojo mit RequireJS.
What the heck is Shadow DOM?
Elemente, die nicht im DOM auftauchen, aber trotzdem irgendwo sein müssen, ja, wo sind die? Im Shadow DOM! Im IE ist es wie so oft ein alter Hut.
CSSOM, Vars, Mixins, etc. (=HTML Slides, zu navigieren per Cursortasten)
Die immer wieder gewünschten Ermächtigungsgesetze von CSS. Genaugenommen gewünscht seit 1994 (nur anders). Inspiriert von so Frameworks wie LESS oder Turbine.
w3fools.com
Die geben der dreckigen w3schools.com Saures. Konstruktiver ist das (man kann sagen SEO-)Projekt PromoteJS.
CSS3 gradients in Webkit …
… werden syntaxmäßig an den Firefox angeglichen.
KEINE Schaunotizen
…weil wir darüber nicht sprechen konnten oder wollten (ja, wir sortieren knallhart aus!):
Mobile Perf
Steve Souders hat 2011 zu seinem Jahr der mobilen Performanceoptimierungen ausgerufen. Zum Start hat er dieses Bookmarklet gebaut, mit Hilfe dessen man sich auch in mobilen Browsern ein paar Werkzeuge zum Auswerten einblenden lassen kann.
Flash 10.2 beta
… bringt das hochinteressante Stage Video.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 22 min