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

August 10, 2011 Revision 35: PhoneGap und Web Intents
Was gibt es Besseres, als bei dem aktuellen Wetter den virtuellen Kamin anzufachen und sich auf einen Plausch um ihn herum zu setzen?
Schaunotizen
[00:00:14] Mozilla UX Presentation
Die Mozilla Jungs sitzen mal wieder an neuen Ideen zur weiteren Verschlankung ihres Browser Interfaces. Dabei bedient man sich bei Chrome wie IE9 gleichermaßen und auch der OS X Fullscreen Modus will eingebaut werden.
[00:14:10] What to expect from Phonegap 2.0
Die Präsentation zur (denkbaren) Zukunft von Phonegap nehmen wir zum Anlass, über die Fähigkeiten der gerade releasedten 1.0er Version zu reden: Was für Vorteile bietet die Entwicklung nativer Apps mit Web-Sprachen.
[00:26:30] Downloading resources in HTML5: a[download]
Mit HTML5 wird das Link-Element um ein Attribut namens download erweitert. Mit diesem lässt sich der Dateiname definieren, mit dem der Browser eine Datei bei Downloaden (vor-)benennt. Warum das nicht nur Kleinkram, sondern etwas sehr sinnvolles ist, das finden wir im Gespräch heraus.
[00:33:34] Connecting Web Apps with Web Intents
Google und Mozilla sitzen beide an einer neuen Web-zu-Browser-Schnittstelle, mit der sich Web- und Offile-Apps als „Verarbeiter“ bestimmter Dateitypen am Browser anmelden können. Andere Webanwendungen wiederum können solche Dateien dann zu externen Bearbeitung an diese Anwendungen auslagern und die Ergebnisse weiterverarbeiten.
[00:44:17] Keine Schaunotizen
Viewport and Media Queries – The Complete Idiot’s Guide
Alles, was man derzeit zu bzw. @viewport und CSS3 Media Queries wissen muss.
Let the Web move you — CSS3 Animations and Transitions
Alles Rüstzeug zu den verschiedenen Möglichkeiten, per CSS3 zu animieren.
jQuery EasyUI
Ein Plugin für jQuery, das all die Widgets und Interface-Elemente mitbringt, die man sonst eher von ExtJS oder Dojo kennt.
Responsive Images in HTML – Automatically deliver small images to small devices.
Ein völlig CMS-agnostisches Apache/PHP-gestütztes System, mit dem man mobile Geräte mit kleineren Grafiken beliefern kann.
put-selector/put module/package
JavaScript-Werkzeug mit Zen-ähnlicher Syntax zur unkomplizierten Erzeugung von DOM-Knoten.
Nathan’s Lessons
Ein sich permanent erweiterndes JavaScript Wissensquiz
Testing Your JavaScript with Jasmine
Ein schönes Tutorial, das einen in die Verwendung von Jasmine als Testwerkzeug für JavaScript-Code einführt.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
55 min
August 10, 2011 Revision 35: PhoneGap und Web Intents
Was gibt es Besseres, als bei dem aktuellen Wetter den virtuellen Kamin anzufachen und sich auf einen Plausch um ihn herum zu setzen?
Schaunotizen
[00:00:14] Mozilla UX Presentation
Die Mozilla Jungs sitzen mal wieder an neuen Ideen zur weiteren Verschlankung ihres Browser Interfaces. Dabei bedient man sich bei Chrome wie IE9 gleichermaßen und auch der OS X Fullscreen Modus will eingebaut werden.
[00:14:10] What to expect from Phonegap 2.0
Die Präsentation zur (denkbaren) Zukunft von Phonegap nehmen wir zum Anlass, über die Fähigkeiten der gerade releasedten 1.0er Version zu reden: Was für Vorteile bietet die Entwicklung nativer Apps mit Web-Sprachen.
[00:26:30] Downloading resources in HTML5: a[download]
Mit HTML5 wird das Link-Element um ein Attribut namens download erweitert. Mit diesem lässt sich der Dateiname definieren, mit dem der Browser eine Datei bei Downloaden (vor-)benennt. Warum das nicht nur Kleinkram, sondern etwas sehr sinnvolles ist, das finden wir im Gespräch heraus.
[00:33:34] Connecting Web Apps with Web Intents
Google und Mozilla sitzen beide an einer neuen Web-zu-Browser-Schnittstelle, mit der sich Web- und Offile-Apps als „Verarbeiter“ bestimmter Dateitypen am Browser anmelden können. Andere Webanwendungen wiederum können solche Dateien dann zu externen Bearbeitung an diese Anwendungen auslagern und die Ergebnisse weiterverarbeiten.
[00:44:17] Keine Schaunotizen
Viewport and Media Queries – The Complete Idiot’s Guide
Alles, was man derzeit zu bzw. @viewport und CSS3 Media Queries wissen muss.
Let the Web move you — CSS3 Animations and Transitions
Alles Rüstzeug zu den verschiedenen Möglichkeiten, per CSS3 zu animieren.
jQuery EasyUI
Ein Plugin für jQuery, das all die Widgets und Interface-Elemente mitbringt, die man sonst eher von ExtJS oder Dojo kennt.
Responsive Images in HTML – Automatically deliver small images to small devices.
Ein völlig CMS-agnostisches Apache/PHP-gestütztes System, mit dem man mobile Geräte mit kleineren Grafiken beliefern kann.
put-selector/put module/package
JavaScript-Werkzeug mit Zen-ähnlicher Syntax zur unkomplizierten Erzeugung von DOM-Knoten.
Nathan’s Lessons
Ein sich permanent erweiterndes JavaScript Wissensquiz
Testing Your JavaScript with Jasmine
Ein schönes Tutorial, das einen in die Verwendung von Jasmine als Testwerkzeug für JavaScript-Code einführt.
1 min
August 02, 2011Revision 34: Kontraste und Kleinscheiß
Es stellte sich uns die Frage, ob es wohl als praktisch empfunden werden würde, veranstalteten wir einige Sondersendungen – entweder zusätzlich zu den wöchentlichen News-Folgen, wovon ihr uns aber erst überzeugen müsstet, oder stattdessen.
Schaunotizen
[00:00:34.000] contrastrebellion.com
[00:18:02.000] html2canvas
[00:26:13.000] Get your HEAD in order!
00:41:40.000 hascan: Only serve the ones you care about
Keine Schaunotizen
SQL-Injection-Cheatsheet
YouTube Creator Playbook
CreativeJS
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
58 min
August 02, 2011 Revision 34: Kontraste und Kleinscheiß
Es stellte sich uns die Frage, ob es wohl als praktisch empfunden werden würde, veranstalteten wir einige Sondersendungen – entweder zusätzlich zu den wöchentlichen News-Folgen, wovon ihr uns aber erst überzeugen müsstet, oder stattdessen.
Schaunotizen
[00:00:34.000] contrastrebellion.com
[00:18:02.000] html2canvas
[00:26:13.000] Get your HEAD in order!
00:41:40.000 hascan: Only serve the ones you care about
Keine Schaunotizen
SQL-Injection-Cheatsheet
YouTube Creator Playbook
CreativeJS
58 min
July 26, 2011Revision 33: Peter hat ein MacBook Air!
Schaunotizen
[00:00:43.000] Safari 5.1
Auto-Hyphens, seltsames Scrollen, WebKit2, Fullscreen und ordentliche Gradients.
[00:22:23.000] Uberspace.de
„Uberspace.de ist deine Plattform für den Betrieb von Websites und Mail. Sie bietet ungewöhnlich viele Möglichkeiten, engagierte Unterstützung durch erfahrene Linux-Admins – und das Beste: den Preis bestimmst du!“
[00:35:14.000] MDN Search
Chrome-Plugin, das dabei hilft, schnell und easy die Mozilla-JavaScript-Dokus zu durchsuchen. Das braucht man, denn Google ist dazu äußerst ungeeignet, was man aber auch versuchen sollte zu ändern.
[00:46:24.000] EU-Cookie-FAQ
Das Telemediengesetz wird oder wurde entsprechend der EU-Richtlinien erneuert. Neues Futter für windige Anwälte: Eine Website darf keine Daten mehr auf dem Client speichern, wenn dem der Nutzer nicht ausdrücklich zugestimmt hat. Yeah!
Keine Schaunotizen
responsivepx.com
Noch mehr Polyfills
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 10 min
July 26, 2011 Revision 33: Peter hat ein MacBook Air!
Schaunotizen
[00:00:43.000] Safari 5.1
Auto-Hyphens, seltsames Scrollen, WebKit2, Fullscreen und ordentliche Gradients.
[00:22:23.000] Uberspace.de
„Uberspace.de ist deine Plattform für den Betrieb von Websites und Mail. Sie bietet ungewöhnlich viele Möglichkeiten, engagierte Unterstützung durch erfahrene Linux-Admins – und das Beste: den Preis bestimmst du!“
[00:35:14.000] MDN Search
Chrome-Plugin, das dabei hilft, schnell und easy die Mozilla-JavaScript-Dokus zu durchsuchen. Das braucht man, denn Google ist dazu äußerst ungeeignet, was man aber auch versuchen sollte zu ändern.
[00:46:24.000] EU-Cookie-FAQ
Das Telemediengesetz wird oder wurde entsprechend der EU-Richtlinien erneuert. Neues Futter für windige Anwälte: Eine Website darf keine Daten mehr auf dem Client speichern, wenn dem der Nutzer nicht ausdrücklich zugestimmt hat. Yeah!
Keine Schaunotizen
responsivepx.com
Noch mehr Polyfills
1 min
July 21, 2011 Revision 32: Zwei hoch fünf
Peter war als HTML5-Sithlord seine Padawane schulen und Markus qualmte von einer sehr produktiven Woche noch der Schädel. Daher hat sich Schepp mal mit dem lieben Frank Bültge (@bueltge) zusammengetan, seines Zeichens WordPress-Experte, Autor und Mitveranstalter des alljährlichen WordCamp Deutschland.
Schaunotizen
[00:03:45] Why I’ve built an Alternative to GitHub
Dieser Artikel, in dem jemand verkündet dass er sich sein eigene GitHub gebaut hat, ist für uns Anlass darüber zu reden, was neben den Omnipräsenten GitHub, SourceForge und Google Code noch so für Repositories gibt. Denn GitHub kann bei Zunahme privater Repositories doch schon recht teuer werden. Frank hat für sich recherchiert, und am Ende blieben folgende vielversprechende Kandidaten übrig: indefero.net, codeplane.com, gitorious.org, xp-dev.com
[00:12:33] Understanding Mobile Cache Sizes
Wie große einzelne Ressourcen sein können, um noch von mobilen Geräten gecached werden zu können, wissen wir. Was wir bislang jedoch nicht wussten ist: Wie groß ist denn eigentlich der gesamte Browsercache? Und gibt einen Unterschied zwischen flüchtigem Cache im Arbeitsspeicher, und dauerhaftem Cache auf der Festspeicher? Und tatsächlich fördert eine entsprechende Untersuchung Erstaunliches zu Tage: iOS hat zwar massig Arbeitsspeichercache, aber null Festspeicher-Cache. Vor allem aber: Android 2.x verfügt nur über jeweils 4 MB Cache! Sprich: Traditionelle Cache-Strategien versagen komplett.
[00:26:02] BoxJS, BoxJSON, BoxCSS und BoxResizer
Diese Box…-Dienste bieten tolle Funktionen: BoxJS ist zugleich JavaScript-Loader wie auch Coffee-Script-Parser, BoxJSON ist ein simpler Datenspeicher, BoxCSS fügt Deine lokalen CSS-Dateien zu einer gecachten Datei zusammen und kann dabei sogar LESS-Dateien parsen, und BoxResizer kann im Flug Bilder umrechnen (Stichwort: Responsive Webdesign).
[00:34:36] BrowserID – A better way to sign in
Mozilla hat sich genau angesehen, was bei OpenID und Konsorten falsch lief und läuft, und hat ein mit BrowserID ein neues offenes System vorgeschlagen, das deren Nachteile nicht hat. Für Webentwickler ist es obendrein recht einfach einzubinden.
[00:43:04] Sprite3D.js
Da die Hürde zur Verwendung von 3D in WebGL relativ hoch liegt ist es sehr begrüßenswert, dass hier jemand eine Bibliothek anbietet, die 3D ausschließlich mit bekannten HTML-Elementen und CSS3-3D-Transforms abfeiert. Für kleinere 3D-Spielereien, wie sie sicherlich die Mehrheit der Szenarien darstellen, ein tolle Sache! Derzeit aber noch WebKit-only…
[00:48:40] Web Education moving forward – Opera WSC goes to the W3C!
Das sehr erfolgreiche, von Opera initiierte Nachschlagewerk „Web Standards Curriculum“ wird nun beim W3C eingeklinkt und in eine Wiki-Form überführt. Das macht es möglich, dass nunmehr jeder seinen Teil beitragen kann. Gesucht werden allerlei freiwillige Helfer, die Themen vorschlagen und Artikel schreiben, gegenlesen oder übersetzen. Wer sich angesprochen fühlt, aber lieber in Deutsch liest und schreibt, der kann sich natürlich auch beim SelfHTML Wiki engagieren. Und wir schweifen ab :)
[01:02:35] WordCamp 2011 in Köln
Frank und Schepp werden beide bei dem WordCamp 2011, am 24.09.2011 in Köln am Start sein. Frank ist Mitorganisator und erzählt ein wenig zu den Hintergründen des WordCamps. Es gibt nur 250 Plätze, insofern, wer dabei sein will: Schnell anmelden! Ach ja: Und wir schweifen ab :)
[01:18:31] Keine Schaunotizen
oCanvas
Wieder eine dieser zahlreichen Canvas-Bibliotheken. Eines allerdings macht sie anders als der Rest: Sie arbeitet ähnlich SVG mit Einzelobjekten anstatt mit Pixeln, die im ganzen transfomiert und animiert, und die mit den typischen Events belegt werden können.
PDFKit – A PDF generation library for Node.js
Nach und nach erscheinen für Node.js all die nützlichen Bibliotheken, die den Griff zu anderen Sprachen so attraktiv gestalten. Nun kommt PDFKit zur serverseitigen Erzeugung von PDFs hinzu.
Waldo
Waldo durchsucht alle Objekte im DOM nach Kriterien wie Inhaltstyp oder Eigenschaftenname. Ideal, um fremden Code zu erkunden.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 29 min
July 21, 2011 Revision 32: Zwei hoch fünf
Peter war als HTML5-Sithlord seine Padawane schulen und Markus qualmte von einer sehr produktiven Woche noch der Schädel. Daher hat sich Schepp mal mit dem lieben Frank Bültge (@bueltge) zusammengetan, seines Zeichens WordPress-Experte, Autor und Mitveranstalter des alljährlichen WordCamp Deutschland.
Schaunotizen
[00:03:45] Why I’ve built an Alternative to GitHub
Dieser Artikel, in dem jemand verkündet dass er sich sein eigene GitHub gebaut hat, ist für uns Anlass darüber zu reden, was neben den Omnipräsenten GitHub, SourceForge und Google Code noch so für Repositories gibt. Denn GitHub kann bei Zunahme privater Repositories doch schon recht teuer werden. Frank hat für sich recherchiert, und am Ende blieben folgende vielversprechende Kandidaten übrig: indefero.net, codeplane.com, gitorious.org, xp-dev.com
[00:12:33] Understanding Mobile Cache Sizes
Wie große einzelne Ressourcen sein können, um noch von mobilen Geräten gecached werden zu können, wissen wir. Was wir bislang jedoch nicht wussten ist: Wie groß ist denn eigentlich der gesamte Browsercache? Und gibt einen Unterschied zwischen flüchtigem Cache im Arbeitsspeicher, und dauerhaftem Cache auf der Festspeicher? Und tatsächlich fördert eine entsprechende Untersuchung Erstaunliches zu Tage: iOS hat zwar massig Arbeitsspeichercache, aber null Festspeicher-Cache. Vor allem aber: Android 2.x verfügt nur über jeweils 4 MB Cache! Sprich: Traditionelle Cache-Strategien versagen komplett.
[00:26:02] BoxJS, BoxJSON, BoxCSS und BoxResizer
Diese Box…-Dienste bieten tolle Funktionen: BoxJS ist zugleich JavaScript-Loader wie auch Coffee-Script-Parser, BoxJSON ist ein simpler Datenspeicher, BoxCSS fügt Deine lokalen CSS-Dateien zu einer gecachten Datei zusammen und kann dabei sogar LESS-Dateien parsen, und BoxResizer kann im Flug Bilder umrechnen (Stichwort: Responsive Webdesign).
[00:34:36] BrowserID – A better way to sign in
Mozilla hat sich genau angesehen, was bei OpenID und Konsorten falsch lief und läuft, und hat ein mit BrowserID ein neues offenes System vorgeschlagen, das deren Nachteile nicht hat. Für Webentwickler ist es obendrein recht einfach einzubinden.
[00:43:04] Sprite3D.js
Da die Hürde zur Verwendung von 3D in WebGL relativ hoch liegt ist es sehr begrüßenswert, dass hier jemand eine Bibliothek anbietet, die 3D ausschließlich mit bekannten HTML-Elementen und CSS3-3D-Transforms abfeiert. Für kleinere 3D-Spielereien, wie sie sicherlich die Mehrheit der Szenarien darstellen, ein tolle Sache! Derzeit aber noch WebKit-only…
[00:48:40] Web Education moving forward – Opera WSC goes to the W3C!
Das sehr erfolgreiche, von Opera initiierte Nachschlagewerk „Web Standards Curriculum“ wird nun beim W3C eingeklinkt und in eine Wiki-Form überführt. Das macht es möglich, dass nunmehr jeder seinen Teil beitragen kann. Gesucht werden allerlei freiwillige Helfer, die Themen vorschlagen und Artikel schreiben, gegenlesen oder übersetzen. Wer sich angesprochen fühlt, aber lieber in Deutsch liest und schreibt, der kann sich natürlich auch beim SelfHTML Wiki engagieren. Und wir schweifen ab :)
[01:02:35] WordCamp 2011 in Köln
Frank und Schepp werden beide bei dem WordCamp 2011, am 24.09.2011 in Köln am Start sein. Frank ist Mitorganisator und erzählt ein wenig zu den Hintergründen des WordCamps. Es gibt nur 250 Plätze, insofern, wer dabei sein will: Schnell anmelden! Ach ja: Und wir schweifen ab :)
[01:18:31] Keine Schaunotizen
oCanvas
Wieder eine dieser zahlreichen Canvas-Bibliotheken. Eines allerdings macht sie anders als der Rest: Sie arbeitet ähnlich SVG mit Einzelobjekten anstatt mit Pixeln, die im ganzen transfomiert und animiert, und die mit den typischen Events belegt werden können.
PDFKit – A PDF generation library for Node.js
Nach und nach erscheinen für Node.js all die nützlichen Bibliotheken, die den Griff zu anderen Sprachen so attraktiv gestalten. Nun kommt PDFKit zur serverseitigen Erzeugung von PDFs hinzu.
Waldo
Waldo durc[...]
1 hr 29 min
July 14, 2011 Revision 31: Takeout, OpenCL und Memory Management
Besser spät als nie: die Neue Revision ist da! Es gab viel zu besprechen, dafür aber keine Keine Schaunotizen.
Schaunotizen
00:00:24.000 Google Takeout
Google ermöglicht das Exportieren von Daten, die man in den diversen Google-Produkten hinterlassen hat (Buzz-Posts, Fotos, Profilinfos) in einem brauchbaren Format. Warum können das nicht andere Dienste (Facebook) auch anbieten?
00:08:35.000 WebCL
Mit WebCL lässt sich die Rechenpower von GPUs für Webapplikationen nutzen, für den Fall dass man mal richtig viel rechnen muss. Erwähnenswert ist in diesem Zusammenhang die Fabric Engine, die sich eines ganz ähnlichen Problems annimmt.
00:22:22.000 Pseudo Spriting
CSS-Trick: Pseudo-Spriting mit Pseudo-Elementen.
00:30:00.000 Using Cross-domain images in WebGL and Canvas
Cross-Origin Resource Sharing für Canvas und WebGL kommt.
00:35:10.000 JavaScript Memory Management und Verbesserungen am Speichermanagement des FF
Eigentlich müsste JavaScript mit einer automatisierten Speicherverwaltung das Thema Speicherverbrauch uninteressant für Webworker machen. Dass es nicht ganz so einfach ist, ist bekannt und deshalb rüsten zukünftige Versionen des Firefox in Sachen Speichermanagement-Techniklen auf. Bis dahin kann man selbst auch etwas für den Speicherverbrauch tun, in Zukunft vielleicht sogar mit Weak Maps in JS.
00:56:00.000 HTML5 Parsing in IE10 ohne Conditional Comments
Der IE10 erhält einen standardkonformen HTML5-Parser. Juhu! Keiner Haken daran: Von Conditional Comments steht nichts in den Specs …
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 24 min
July 14, 2011 Revision 31: Takeout, OpenCL und Memory Management
Besser spät als nie: die Neue Revision ist da! Es gab viel zu besprechen, dafür aber keine Keine Schaunotizen.
Schaunotizen
00:00:24.000 Google Takeout
Google ermöglicht das Exportieren von Daten, die man in den diversen Google-Produkten hinterlassen hat (Buzz-Posts, Fotos, Profilinfos) in einem brauchbaren Format. Warum können das nicht andere Dienste (Facebook) auch anbieten?
00:08:35.000 WebCL
Mit WebCL lässt sich die Rechenpower von GPUs für Webapplikationen nutzen, für den Fall dass man mal richtig viel rechnen muss. Erwähnenswert ist in diesem Zusammenhang die Fabric Engine, die sich eines ganz ähnlichen Problems annimmt.
00:22:22.000 Pseudo Spriting
CSS-Trick: Pseudo-Spriting mit Pseudo-Elementen.
00:30:00.000 Using Cross-domain images in WebGL and Canvas
Cross-Origin Resource Sharing für Canvas und WebGL kommt.
00:35:10.000 JavaScript Memory Management und Verbesserungen am Speichermanagement des FF
Eigentlich müsste JavaScript mit einer automatisierten Speicherverwaltung das Thema Speicherverbrauch uninteressant für Webworker machen. Dass es nicht ganz so einfach ist, ist bekannt und deshalb rüsten zukünftige Versionen des Firefox in Sachen Speichermanagement-Techniklen auf. Bis dahin kann man selbst auch etwas für den Speicherverbrauch tun, in Zukunft vielleicht sogar mit Weak Maps in JS.
00:56:00.000 HTML5 Parsing in IE10 ohne Conditional Comments
Der IE10 erhält einen standardkonformen HTML5-Parser. Juhu! Keiner Haken daran: Von Conditional Comments steht nichts in den Specs …
1 min