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

May 17, 2011 Revision 25: Visibility API und Chromebooks
Die neuste Revision geht mit sensationell wenigen Themen ins Rennen. Woran es lag? Wir haben uns ein Opera-Themen-Verbot auferlegt, bis wir Patrick H. Lauke mal in der Sendung haben zum drüber Quatschen. Desweiteren konnte die Google I/O nicht mit ganz so viel Web-Bezogenem aufwarten. Aber wie Ihr hört, kriegen wir auch das gebügelt.
Schaunotizen
[00:00:42] jQuery 1.6.1 Released
Die jQuery-Macher sahen sich aufgrund der in der letzten Revision erwähnten Änderungen und ihrer Auswirkungen gezwungen, ein Rolle-Rückwärts-Update nachzuschieben. Version 1.6.1 stellt nun zumindest auf der attr()-Methode die verlorengegangene Kompatibilität wieder her.
[00:02:53] Page Speed Online API
Google stellt seit neustem einen Webservice bereit, über welchen man dieselben Testergebnisse und Ratschläge zur Ladegeschwindigkeit im JSON-Format erhält, die auch die Browser-Plugins sowie Page Speed Online zurückgeben. Das WordPress-Plugin W3 Total Cache nutzt diesen Dienst, um dem Benutzer Optimierungsvorschläge zu machen. Wofür man den Dienst aber in der Praxis genau gebrauchen kann, darauf wollten wir einfach nicht kommen. Hat wer eine Idee? (gerne via Audioboo mit Hash #workingdraft)
[00:08:37] Inspectable Shadow DOM, the file browser and new default avatars
Der aktuelle Canary-Build von Chrome zeigt seit neustem alle zu einem Element gehörigen Shadow-DOM-Elemente. Damit lässt sich also herausfinden, wie man per CSS an in HTML-Elementen steckende Subelemente herankommt, wie etwa dem placeholder-Text in einem HTML5-Eingabefeld, oder den Slider eines range-Inputs. Dennoch eine Insellösung.
[00:20:06] Proposal for a tab visibility API
Das Chrome Team bringt den Vorschlag zu einer „Visibility API“ bei der WHATWG ein. Über die API soll sich anfragen lassen, ob ein Fenster gerade fokussiert ist oder nicht, und wenn nicht, wie genau nicht. Außerdem soll es noch einen dazugehörigen Eventhandler geben. Markus fällt dabei ein, dass man heute schon nicht-aktive Fenster gestalten kann. Und wir drei sinnieren darüber, ob sowas wie diese API brauchbar wäre. Was meint Ihr? (gerne via Audioboo mit Hash #workingdraft)
[00:34:54] Google Chromebooks
Google stellte auf der diesjährigen Google I/O die finale Inkarnation seiner Chrome-OS-Hardware namens „Chromebooks“ vor. Im Prinzip handelt es sich dabei um 11/12-Zoll-Netbooks mit einer kleinen SSD darin. Dazu gibt es Varianten mit UMTS und hierzulande einem Jahr E-Plus gratis obendrauf. Gag des Betriebssystems ist, dass alles in der Cloud gespeichert wird (nein, nicht in Microsofts Cloud), und man seine Gurke jederzeit aus dem Fenster werfen kann, ohne seine Daten zu verlieren. Obwohl Google manche Dienste offline-fähig gemacht hat, hängt man dennoch stark am Tropf des Internets. Und damit ist es ja bei E-Plus nicht immer gut bestellt. Wir sind gespannt, was draus wird.
Keine Schaunotizen
[00:56:03] ROME – 3 Dreams of Black
Beeindruckende Demo von der Google I/O, die in einem interaktiven Musikvideo traumhafte Video-, Audio- und 3D-Elemente vermischt. Benötigt die Canary-Version des Google Chrome Browsers.
[00:56:33] Cameron Adams – Anatomy of a Mashup
Camaron Adams hat einen Song namens „Definitive Daft Punk“ als Mashup/Remix verschiedener Daft Punk Lieder erstellt, und dazu gleich auch noch eine Echtzeit-Visualisierung hinzugebaut. Sehr beeindruckend! Und bitte unbedingt die Boxen aufdrehen!
59 min
May 10, 2011 Revision 24: Silbentrennung, Semikola und Reward.js
Schaunotizen
[00:00:28] Silbentrennung landet im Firefox
Wir reden darüber, warum es höchste Zeit und vor allem unabdingbar ist, dass unsere Browser Silbentrennung lernen, auch wenn es Krücken wie den Hyphenator gibt. Im Firefox (Nightly) nun anwendbar per -moz-hyphens:auto-Anweisung auf dem silbenzutrennenden Text.
[00:07:06] Neuerungen in jQuery 1.6
Die neue jQuery-Version (übrigens eine der letzten mit John Resig im Team), beherrscht einige schöne Neuerungen wie die Nutzung von requestAnimationFrame und die Bereitstellung der holdReady-Methode. Es wurde jedoch auch die Funktionalität der bisherigen attr-Methode verändert und Aufgaben an die neue prop-Methode abgegeben. Das kann beim einem simplen Auswechseln der Basis-Bibliothek zu einigen Problemen führen.
[00:11:32] jquery.com uses only 34% of jQuery
Michael Bolin, ein Google Closure Tools Spezialist, hat mit Hilfe eines selbsterstellten Firefox-Addons namens jsBloat herausgefunden, dass in den meisten Fällen bestenfalls ein Drittel des in jQuery enthaltenen Codes zur Ausführung kommt. Die restlichen zwei Drittel könnten ohne Auswirkungen entfernt werden. Ungenutze Code-Teile kann man mit dem Advanced mode des Google Closure Compilers Herausoptimieren lassen.
[00:19:06] JavaScript Semicolon Insertion – Everything you need to know
Dieser Artikel zeigt, dass man in JavaScript (respektive ECMAScript) eigentlich fast überall die Semikola weglassen könnte, so man denn bestimmte Dinge beachtet. Wir reden darüber, ob wir das sinnvoll finden.
[00:26:20] traceur-compiler – Google’s vehicle for Javascript Language Design Experimentation
Traceur ist ein JavaScript-Transpiler, der es heute schon erlaubt, mit dem JavaScript von morgen, nämlich JS.next, herumzuspielen. Der Transpiler wandelt den JS.next Code in heute verfügbares JS um. Sinn und Zweck der Sache ist dass Entwickler frühzeitig Input und Feedback aus der Praxis zum gerade entstehenden JS.next-Standard zurückliefern können.
[00:37:16] RewardJS
Bei RewardJS handelt es sich ausnahmsweise mal nicht um eine JavaScript-Bibliothek, sondern um ein Belohnungssystem für JavaScript-Entwickler, die Bugs in gebräuchlichen Bibliotheken reparieren. Dazu wird jeden Monat eine neue Kampagne lanciert, die sich ausschließlich um eine bugbehaftete Bibliothek dreht. Täglich, wöchentlich und monatlich werden dann Sachpreise für fleissige Crowdsourcer ausgelobt.
[00:42:59] Measure Page Load Time with Site Speed Analytics Report
Google erweitert sein Analytics Tracking um die Fähigkeit, Ladezeiten mitzutracken. Das neue Feature ist jedoch nicht von Haus aus aktiv, sondern muss explizit per _gaq.push(['_trackPageLoadTime']); angeschmissen werden. Von da an misst es bei stichprobenartig ausgewählten Besuchern die Seitenladezeit mit Hilfe der W3C Navigation Timing API in IE9 und Chrome, respektive der Google Toolbar in den anderen Browsern. Die Daten lassen sich anschließend in Zusammenhang setzen mit den bekannten Filtermöglichkeiten wie „Welche Unterseite, Browser, Geolocation, etc.“ Wem Google Analytics nicht liegt, der kann zu diesem Zweck auch auf Yahoo! Boomerang zurückgreifen.
Keine Schaunotizen
[00:49:33] Microjs
Ein Verzeichnis von JavaScript Microframeworks für jeden Einsatzzweck.
[00:50:10] CSS Piffle
Ein schön gemachtes CSS3-Autorenwerkzeug.
[00:50:45] HTML Email Boilerplate
Eine hervorragende HTML/CSS-Code-Basis für den vollkommen verminten Bereich des Cross-Client-kompatiblen HTML-Newsletter-Baus.
[00:51:35] humans.txt
Analog zur robots.txt soll eine humans.txt als gute Gepflogenheit beim Webseitenbau etabliert werden. Der Zweck dieser Datei ist derselbe wie die Abspänne bei Filmen: Die Mitarbeit jedes Beteiligten nebst Nennung seines Arbeitbereichs ausweisen. Selbst Google nutzt mittlerweile eine humans.txt
[00:52:33] 70+ Beispiele für mobile Websites
Tilman Ockert hat eine sehr inspirierende Sammlung für mobile Endgeräte optimierter Benutzeroberflächen zusammengestellt. Es handelt sich dabei sowohl um Apps als auch Websites. Wir sind geflasht!
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
54 min
May 10, 2011 Revision 24: Silbentrennung, Semikola und Reward.js
Schaunotizen
[00:00:28] Silbentrennung landet im Firefox
Wir reden darüber, warum es höchste Zeit und vor allem unabdingbar ist, dass unsere Browser Silbentrennung lernen, auch wenn es Krücken wie den Hyphenator gibt. Im Firefox (Nightly) nun anwendbar per -moz-hyphens:auto-Anweisung auf dem silbenzutrennenden Text.
[00:07:06] Neuerungen in jQuery 1.6
Die neue jQuery-Version (übrigens eine der letzten mit John Resig im Team), beherrscht einige schöne Neuerungen wie die Nutzung von requestAnimationFrame und die Bereitstellung der holdReady-Methode. Es wurde jedoch auch die Funktionalität der bisherigen attr-Methode verändert und Aufgaben an die neue prop-Methode abgegeben. Das kann beim einem simplen Auswechseln der Basis-Bibliothek zu einigen Problemen führen.
[00:11:32] jquery.com uses only 34% of jQuery
Michael Bolin, ein Google Closure Tools Spezialist, hat mit Hilfe eines selbsterstellten Firefox-Addons namens jsBloat herausgefunden, dass in den meisten Fällen bestenfalls ein Drittel des in jQuery enthaltenen Codes zur Ausführung kommt. Die restlichen zwei Drittel könnten ohne Auswirkungen entfernt werden. Ungenutze Code-Teile kann man mit dem Advanced mode des Google Closure Compilers Herausoptimieren lassen.
[00:19:06] JavaScript Semicolon Insertion – Everything you need to know
Dieser Artikel zeigt, dass man in JavaScript (respektive ECMAScript) eigentlich fast überall die Semikola weglassen könnte, so man denn bestimmte Dinge beachtet. Wir reden darüber, ob wir das sinnvoll finden.
[00:26:20] traceur-compiler – Google’s vehicle for Javascript Language Design Experimentation
Traceur ist ein JavaScript-Transpiler, der es heute schon erlaubt, mit dem JavaScript von morgen, nämlich JS.next, herumzuspielen. Der Transpiler wandelt den JS.next Code in heute verfügbares JS um. Sinn und Zweck der Sache ist dass Entwickler frühzeitig Input und Feedback aus der Praxis zum gerade entstehenden JS.next-Standard zurückliefern können.
[00:37:16] RewardJS
Bei RewardJS handelt es sich ausnahmsweise mal nicht um eine JavaScript-Bibliothek, sondern um ein Belohnungssystem für JavaScript-Entwickler, die Bugs in gebräuchlichen Bibliotheken reparieren. Dazu wird jeden Monat eine neue Kampagne lanciert, die sich ausschließlich um eine bugbehaftete Bibliothek dreht. Täglich, wöchentlich und monatlich werden dann Sachpreise für fleissige Crowdsourcer ausgelobt.
[00:42:59] Measure Page Load Time with Site Speed Analytics Report
Google erweitert sein Analytics Tracking um die Fähigkeit, Ladezeiten mitzutracken. Das neue Feature ist jedoch nicht von Haus aus aktiv, sondern muss explizit per _gaq.push(['_trackPageLoadTime']); angeschmissen werden. Von da an misst es bei stichprobenartig ausgewählten Besuchern die Seitenladezeit mit Hilfe der W3C Navigation Timing API in IE9 und Chrome, respektive der Google Toolbar in den anderen Browsern. Die Daten lassen sich anschließend in Zusammenhang setzen mit den bekannten Filtermöglichkeiten wie „Welche Unterseite, Browser, Geolocation, etc.“ Wem Google Analytics nicht liegt, der kann zu diesem Zweck auch auf Yahoo! Boomerang zurückgreifen.
Keine Schaunotizen
[00:49:33] Microjs
Ein Verzeichnis von JavaScript Microframeworks für jeden Einsatzzweck.
[00:50:10] CSS Piffle
Ein schön gemachtes CSS3-Autorenwerkzeug.
[00:50:45] HTML Email Boilerplate
Eine hervorragende HTML/CSS-Code-Basis für den vollkommen verminten Bereich des Cross-Client-kompatiblen HTML-Newsletter-Baus.
[00:51:35] humans.txt
Analog zur robots.txt soll eine humans.txt als gute Gepflogenheit beim Webseitenbau etabliert werden. Der Zweck dieser Datei ist derselbe wie die Abspänne bei Filmen: Die Mitarbeit jedes Beteiligten nebst Nennung seines Arbeitbereichs ausweisen. Selbst Google nutzt mittlerweile eine humans.txt
[00:52:33] 70+ Beispiele für mobile Websites
Tilman Ockert hat eine sehr inspirierende Sammlung für mobile Endgeräte optimierter Benutzeroberflächen zusammengestellt. Es handelt sich dabei sowo[...]
1 min
May 03, 2011 Revision 23: Node-SPDY, Zukunftskram und CoffeeKup
Nach einer kurzen Osterpause geht es mit der Illuminatenfolge weiter. Der Schepp ist leider nicht dabei, aber dafür kann er uns nächste Woche dann umso mehr erzählen.
Noch einmal die Kapitelmarken-Diskussion: In der letzten Woche meldeten sich dann doch einige, denen nach Chaptermarks dürstete. Allerdings ist das schon ein recht großer Aufwand und wahrscheinlich beansprucht das immer noch ca. eine Stunde mehr an Nachbearbeitung. Ist es euch das wert? Oder lieber die Sendung früher bekommen und dafür auf Chapters verzichten?
Und zum Format der Audiodatei: Besitzt ihr alle AAC-fähige Endgeräte und kann ich auf MP3 verzichten, oder ist das gammlige Encoding immer noch Pflicht?
Schaunotizen
Node.js + SPDY
In der letzten Sendung noch gerätselt, ob schon jemand Googles SPDY-Protokoll mit node.js verheiratet hat, jetzt ist es passiert.
Calendar API
Zukunftskram: Mit dem hier spezifizierten Interface soll man als Webdeveloper einmal auf des Users Adressbuch zugreifen können.
Battery Status API
Zukunftskram: Hiermit soll es irgendwann einmal möglich sein, den Batteriestatus des Geräts auszulesen.
CSS/SVG-Filters
Zukunftskram: Photoshop noch seltener anschmeißen müssen, mit eingebauten Filterfunktionen.
Eve
Microframework für Events. Mit einer Art Grammatik. Hell yeah!
CoffeeKup
CoffeeKup is markup as CoffeeScript.
HTML5 Accessibility Chops: the alt decision
26-seitige Abhandlung über die Problematik mit dem umdefinierten alt-Attribut.
CSS3-Transitions …
… sind doof, so wie sie derzeit überall implementiert sind. Das Keyword „all“ ist eine Lüge.
Keine Schaunotizen
txt2re.com
RegEx-Generator
Sloppy
Sloppy simuliert diverse Internetbandbreiten auf OSX/WIN/Linux in jedem Browser. /via polarity
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr
May 03, 2011 Revision 23: Node-SPDY, Zukunftskram und CoffeeKup
Nach einer kurzen Osterpause geht es mit der Illuminatenfolge weiter. Der Schepp ist leider nicht dabei, aber dafür kann er uns nächste Woche dann umso mehr erzählen.
Noch einmal die Kapitelmarken-Diskussion: In der letzten Woche meldeten sich dann doch einige, denen nach Chaptermarks dürstete. Allerdings ist das schon ein recht großer Aufwand und wahrscheinlich beansprucht das immer noch ca. eine Stunde mehr an Nachbearbeitung. Ist es euch das wert? Oder lieber die Sendung früher bekommen und dafür auf Chapters verzichten?
Und zum Format der Audiodatei: Besitzt ihr alle AAC-fähige Endgeräte und kann ich auf MP3 verzichten, oder ist das gammlige Encoding immer noch Pflicht?
Schaunotizen
Node.js + SPDY
In der letzten Sendung noch gerätselt, ob schon jemand Googles SPDY-Protokoll mit node.js verheiratet hat, jetzt ist es passiert.
Calendar API
Zukunftskram: Mit dem hier spezifizierten Interface soll man als Webdeveloper einmal auf des Users Adressbuch zugreifen können.
Battery Status API
Zukunftskram: Hiermit soll es irgendwann einmal möglich sein, den Batteriestatus des Geräts auszulesen.
CSS/SVG-Filters
Zukunftskram: Photoshop noch seltener anschmeißen müssen, mit eingebauten Filterfunktionen.
Eve
Microframework für Events. Mit einer Art Grammatik. Hell yeah!
CoffeeKup
CoffeeKup is markup as CoffeeScript.
HTML5 Accessibility Chops: the alt decision
26-seitige Abhandlung über die Problematik mit dem umdefinierten alt-Attribut.
CSS3-Transitions …
… sind doof, so wie sie derzeit überall implementiert sind. Das Keyword „all“ ist eine Lüge.
Keine Schaunotizen
txt2re.com
RegEx-Generator
Sloppy
Sloppy simuliert diverse Internetbandbreiten auf OSX/WIN/Linux in jedem Browser. /via polarity
1 min
April 19, 2011 Revision 22: IE10, Live.js und Favicons
Diese Folge ist sowas von geile Scheiße, Alter™. Unabhängig davon rufen wir nochmals alle Hörer dazu auf, den Chris Heilmann zu überreden, dass er uns bald mit seiner Präsenz bei einer Firefox-Sondersendung beglückt.
Wer uns übrigens einen Audio-Kommentar (Fragen, Lob, Tadel) zusenden möchte, der kann und sollte das gerne tun. Entweder via Mail an [email protected] oder als Audioboo mit dem Tag „workingdraft“. Vielen Dank schon mal.
Schaunotizen
Der Internet Explorer erscheint als Preview in Version 10
Neue Features sind hauptsächlich im CSS3-Bereich zu finden. Vor allem die neuen Layout-Techniken, ES5, Transitions und 3D-Transforms (!) sind erfreuliche Neuerungen. Viel wichtiger ist allerdings die Frage, ob Microsoft mit dem IE nun auch auf kurze Releasezyklen (vielleicht) oder gar Auto-Updates (unwahrscheinlich) setzt. Auch gut: Microsoft lernt langsam, alte Zöpfe abzuschneiden.
I for one welcome our micro-framework overlords
Thomas Fuchs plädiert für die Nutzung kleinerer Mini-Frameworks und spricht sich gegen jQuery, MooTools, YUI und die anderen Schlachtschiffe aus. Wir fragen uns, ob das für Ottonormalwebworker überhaupt sinnvoll ist.
Live.js
Einfach das kleine Skript einbinden und fertig. Dann hat man eine Auto-Refresh-Funktion zum bequemeren Entwickeln, ohne nach jedem Speichern das Fenster wechseln und manuell den Auffrisch-Button betätigen zu müssen.
Google Calendar bekommt ein neues Favicon
Wir nehmen das zum Anlass, darüber zu philosophieren, wozu man Favicons noch missbrauchen könnte.
CSS-Gradient-Klick-Editor von Microsoft
Wir meinen, dass man das auch ohne Probleme kompatibel zu den alten IEs hätte basteln können, trotz Problemchen im IE9 mit Filtern und runden Ecken.
jQuery.easie.js
jQuery-Plugin, das in älteren Browsern das „transition-timing-function“ simuliert. Erst durch dieses Plugin ist Markus aufgefallen, dass es ja schon längst eine Lösung für sein kompliziertes 3D-Rotationsproblem gibt.
Bookmarklet-Creator
Mit diesem Tool kann man JavaScript in Bookmarklet-kompatiblen Code umwandeln. Wir diskutieren über Sinn und Unsinn von Bookmarklets im Allgemeinen.
Keine Schaunotizen
Media-Query-Tester
Praktisches Tool, um Media-Queries auf verschiedenen Viewports zu testen.
confess.js
A small script library that uses PhantomJS to headlessly analyze web pages. One useful application of this is to enumerate a web app’s resources for the purposes of creating a cache manifest file to make your apps run offline. So useful that, right now, that’s the only behavior.
CSS Stress Testing and Performance Profiling
Mit Brute-Force-Methode herausfinden, welche CSS-Eigenschaft für eventuelle Slugginess auf einer Seite verantwortlich ist.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 2 min
April 19, 2011 Revision 22: IE10, Live.js und Favicons
Diese Folge ist sowas von geile Scheiße, Alter™. Unabhängig davon rufen wir nochmals alle Hörer dazu auf, den Chris Heilmann zu überreden, dass er uns bald mit seiner Präsenz bei einer Firefox-Sondersendung beglückt.
Wer uns übrigens einen Audio-Kommentar (Fragen, Lob, Tadel) zusenden möchte, der kann und sollte das gerne tun. Entweder via Mail an [email protected] oder als Audioboo mit dem Tag „workingdraft“. Vielen Dank schon mal.
Schaunotizen
Der Internet Explorer erscheint als Preview in Version 10
Neue Features sind hauptsächlich im CSS3-Bereich zu finden. Vor allem die neuen Layout-Techniken, ES5, Transitions und 3D-Transforms (!) sind erfreuliche Neuerungen. Viel wichtiger ist allerdings die Frage, ob Microsoft mit dem IE nun auch auf kurze Releasezyklen (vielleicht) oder gar Auto-Updates (unwahrscheinlich) setzt. Auch gut: Microsoft lernt langsam, alte Zöpfe abzuschneiden.
I for one welcome our micro-framework overlords
Thomas Fuchs plädiert für die Nutzung kleinerer Mini-Frameworks und spricht sich gegen jQuery, MooTools, YUI und die anderen Schlachtschiffe aus. Wir fragen uns, ob das für Ottonormalwebworker überhaupt sinnvoll ist.
Live.js
Einfach das kleine Skript einbinden und fertig. Dann hat man eine Auto-Refresh-Funktion zum bequemeren Entwickeln, ohne nach jedem Speichern das Fenster wechseln und manuell den Auffrisch-Button betätigen zu müssen.
Google Calendar bekommt ein neues Favicon
Wir nehmen das zum Anlass, darüber zu philosophieren, wozu man Favicons noch missbrauchen könnte.
CSS-Gradient-Klick-Editor von Microsoft
Wir meinen, dass man das auch ohne Probleme kompatibel zu den alten IEs hätte basteln können, trotz Problemchen im IE9 mit Filtern und runden Ecken.
jQuery.easie.js
jQuery-Plugin, das in älteren Browsern das „transition-timing-function“ simuliert. Erst durch dieses Plugin ist Markus aufgefallen, dass es ja schon längst eine Lösung für sein kompliziertes 3D-Rotationsproblem gibt.
Bookmarklet-Creator
Mit diesem Tool kann man JavaScript in Bookmarklet-kompatiblen Code umwandeln. Wir diskutieren über Sinn und Unsinn von Bookmarklets im Allgemeinen.
Keine Schaunotizen
Media-Query-Tester
Praktisches Tool, um Media-Queries auf verschiedenen Viewports zu testen.
confess.js
A small script library that uses PhantomJS to headlessly analyze web pages. One useful application of this is to enumerate a web app’s resources for the purposes of creating a cache manifest file to make your apps run offline. So useful that, right now, that’s the only behavior.
CSS Stress Testing and Performance Profiling
Mit Brute-Force-Methode herausfinden, welche CSS-Eigenschaft für eventuelle Slugginess auf einer Seite verantwortlich ist.
1 min
April 12, 2011 Revision 21: SPDY, Mobile UI, Webshims, und alles hardboiled!
Heute zu Gast bei uns: Dirk Jesse aus Berlin, Autor des HTML+CSS-Frameworks YAML. Und zu viert haben wir unsere bisher beste und längste Sendung hingequatscht.
Schaunotizen
SPDY on Google servers?
Wer Chrome verwendet, nutzt Googles geplanten HTTP-Nachfolger SPDY (gesprochen „Speedy“) schon jetzt ohne es zu wissen. Google nutzt das neue Protokoll in Chrome im Zusammenspiel mit all ihren Services!
Mobile Website oder Web-App?
Wir philosophieren über die Frage, wann sich eine HTML5-Seite wohl besser als native App getarnt und wann sie lieber ehrlich und mit eigener CI auftreten sollte (wie etwa Basecamp). Es geht bei unserem Gespräch um Best-Pratices, um Geschmäcker, um Fanboytum und nicht zuletzt um die Wurst.
The JavaScript Disruption
Herr Rodger meint: JavaScript ist nicht nur dem Spielzeugstatus von früher entwachsen, nein, es wird zur dominierenden Sprache der aktuellen Dekade avancieren. Grundsätzlich gehen wir d’accord, wollen uns aber nicht ganz so weit aus dem Fenster lehnen wie er. Und Peter möchte Euch gerne sein Buch Coders at Work empfehlen.
Webshims Lib
Die HTML5-Polyfill-Sammlung von Alexander Farkas ist insofern besonders, als dass sie HTML5-Lücken nicht irgendwie schließt, sondern so, dass auch alle damit verbundenen JavaScript-APIs in Originalform emuliert werden. Das erlaubt es, heute schon mit den vorgesehenen Befehlen zu arbeiten, so dass Polyfills jederzeit zugunsten echten HTML5s herausfallen können.
Suche in Chrome per type=search anmelden
Wer für seine seitenspezifische Suche ein input-Element mit dem Typen „search“ verwendet, der bringt den Chrome Browser automatisch dazu, sich diese „Suchmaschine“ dauerhaft zu merken.
It’s a mad, mad, mad, mad manimation
Andy Clarke, Jünger des hardboiled Webdesigns, demonstriert an einem Animationsprojekt, welches Vorgehen er sich unter dem Begriff „abgebrüht“ vorstellt. Wir reden darüber, ob das Vorgehen genial ist, ob es eher ein „Progressive Enhancement“ oder eine „Graceful Degradation“ darstellt, oder ob Andy Clarke vielleicht doch nur eine faule Socke ist und die guten alten „Optimiert für“-Zeiten wieder da sind. Was denkt Ihr? Lauft in dem für Kommentare gekennzeichneten Bereich zu dem Thema gerne Amok.
Keine Schaunotizen
Handling javascript errors on production websites
Kleine Library, mit der man sich jegliche JavaScript-Fehler, denen die User begegnen, an den Server schicken lassen kann.
Patternify
Ein CSS Hintergrundmuster Generator.
The Cicada Principle and Why It Matters to Web Designers
Tutorial, das zeigt, wie man mit mehreren Hintergrundbildlayern und einer speziellen, an Primzahlen orientierten Anordnung nahezu unendlich weit laufende und dennoch sich nicht sichtbar wiederholende Hintergründe baut.
Lost and Taken Textur Galerie
Eine Sammlung wunderschöner Oberflächentexturen zur freien Nutzung sowohl im privaten wie auch im kommerziellen Kontext.
Fuel
Fuel is a simple, flexible, community driven PHP 5.3 web framework based on the best ideas of other frameworks with a fresh start.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 33 min
April 12, 2011 Revision 21: SPDY, Mobile UI, Webshims, und alles hardboiled!
Heute zu Gast bei uns: Dirk Jesse aus Berlin, Autor des HTML+CSS-Frameworks YAML. Und zu viert haben wir unsere bisher beste und längste Sendung hingequatscht.
Schaunotizen
SPDY on Google servers?
Wer Chrome verwendet, nutzt Googles geplanten HTTP-Nachfolger SPDY (gesprochen „Speedy“) schon jetzt ohne es zu wissen. Google nutzt das neue Protokoll in Chrome im Zusammenspiel mit all ihren Services!
Mobile Website oder Web-App?
Wir philosophieren über die Frage, wann sich eine HTML5-Seite wohl besser als native App getarnt und wann sie lieber ehrlich und mit eigener CI auftreten sollte (wie etwa Basecamp). Es geht bei unserem Gespräch um Best-Pratices, um Geschmäcker, um Fanboytum und nicht zuletzt um die Wurst.
The JavaScript Disruption
Herr Rodger meint: JavaScript ist nicht nur dem Spielzeugstatus von früher entwachsen, nein, es wird zur dominierenden Sprache der aktuellen Dekade avancieren. Grundsätzlich gehen wir d’accord, wollen uns aber nicht ganz so weit aus dem Fenster lehnen wie er. Und Peter möchte Euch gerne sein Buch Coders at Work empfehlen.
Webshims Lib
Die HTML5-Polyfill-Sammlung von Alexander Farkas ist insofern besonders, als dass sie HTML5-Lücken nicht irgendwie schließt, sondern so, dass auch alle damit verbundenen JavaScript-APIs in Originalform emuliert werden. Das erlaubt es, heute schon mit den vorgesehenen Befehlen zu arbeiten, so dass Polyfills jederzeit zugunsten echten HTML5s herausfallen können.
Suche in Chrome per type=search anmelden
Wer für seine seitenspezifische Suche ein input-Element mit dem Typen „search“ verwendet, der bringt den Chrome Browser automatisch dazu, sich diese „Suchmaschine“ dauerhaft zu merken.
It’s a mad, mad, mad, mad manimation
Andy Clarke, Jünger des hardboiled Webdesigns, demonstriert an einem Animationsprojekt, welches Vorgehen er sich unter dem Begriff „abgebrüht“ vorstellt. Wir reden darüber, ob das Vorgehen genial ist, ob es eher ein „Progressive Enhancement“ oder eine „Graceful Degradation“ darstellt, oder ob Andy Clarke vielleicht doch nur eine faule Socke ist und die guten alten „Optimiert für“-Zeiten wieder da sind. Was denkt Ihr? Lauft in dem für Kommentare gekennzeichneten Bereich zu dem Thema gerne Amok.
Keine Schaunotizen
Handling javascript errors on production websites
Kleine Library, mit der man sich jegliche JavaScript-Fehler, denen die User begegnen, an den Server schicken lassen kann.
Patternify
Ein CSS Hintergrundmuster Generator.
The Cicada Principle and Why It Matters to Web Designers
Tutorial, das zeigt, wie man mit mehreren Hintergrundbildlayern und einer speziellen, an Primzahlen orientierten Anordnung nahezu unendlich weit laufende und dennoch sich nicht sichtbar wiederholende Hintergründe baut.
Lost and Taken Textur Galerie
Eine Sammlung wunderschöner Oberflächentexturen zur freien Nutzung sowohl im privaten wie auch im kommerziellen Kontext.
Fuel
Fuel is a simple, flexible, community driven PHP 5.3 web framework based on the best ideas of other frameworks with a fresh start.
1 min
April 07, 2011 Revision 20: HTTPArchive, dynaTrace und AmplifyJS
Irgendwie hat sich die Veröffentlichung der zwanzigsten Folge etwas hingezogen. Jetzt ist sie aber da und ist bereit, sich mit brachialer Gewalt in eure Trommelfelle zu fressen.
Schaunotizen
border-image-Generator
Hilfsmittel zum Slicen von Bildern zum Zwecke des border-image-Anwendens
HTTP-Archive
Statistiken über die im Web genutzten Techniken, Download-Massen und Ladezeiten
dynaTrace Ajax Edition 3.0
Next Generation Browser Diagnostics
JSConsole.com
JavaScript-Konsole vorwiegend zum Remote-Debuggen mobiler Websites. Erklärbär-Video
AmplifyJS
jQuery-Plugin, welches localStorage, sessionStorage und serverseitige Speicherung über Ajax unter einen Hut bringt und ordentlich wegabstrahiert.
Keine Schaunotizen
Google Pagespeed Online
Pagespeed mit Webinterface
myJS
Extrem minimales und auf Performance getrimmtes JavaScript-Framework
Tempo
Tempo is a tiny JSON rendering engine that enables you to craft data templates in pure HTML.
HTML5-Boilerplate Mobile
Mobile Version des Starterkits
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
53 min