Frostig war es draußen, und Vollmond womöglich auch, als sich Schepp mit Marc Hinse, aka @MadeMyDay, und Hans Reinl, aka @drublic und Frontendentwickler aus Freiburg, ans virtuelle Kaminfeuer setzte und mit ihnen zusammen die Woche revuepassieren ließ.
Schaunotizen
- [00:00:50] Broadway: An H.264 Decoder in JavaScript Running at 30fps
- Endlich hat jemand mit Emscripten einen H.264-Polyfill gebaut, und zwar auf Basis des quelloffenen Android C++ H.264-Decoders. Läuft derzeit nur in Firefox mit aktivierter Type Inference, aber es ist ein Schritt in die richtige Richtung! Auf GitHub liegt das Projekt, ein Video davon in Aktion gibt es auch.
- [00:08:40] WHATWG Weekly: Now it’s <time> for <data>
- Dem Hixie ging das
<time>-Element seit July volles Pfund auf die Eier. Also hat er es aus der WHATWG HTML5 Spec gekickt und als Ersatz das generische <data> vorgeschlagen. Nun laufen alle Amok und betreiben #occupyhtml5. Eric Eggert hat die Fakten mal zusammengesammelt. Und Jeremy Keith hat das Ganze in Worte gekleidet.
- [00:24:10] Announcing the jQuery Standards Team
- Weil Spec-Editoren und Browserhersteller kaum weiter entfernt von der Webworker-Praxis sein könnten, Webworker aber bislang in den Gremien weder eine Lobby, noch brauchbaren Zugang zu den Entwicklungsprozessen hatten, haben sich die jQuery-Macher gedacht: „Das muss sich ändern!“ Mit „jQuery“ als Vehikel sollen von diesem Standards Team Vorschläge aus der Community gesammelt, destilliert und in die Gremien eingebracht werden. Jeder darf mitmachen!
- [00:34:55] Displaying hidden elements like
<head> using CSS
- In dieser Woche stolperten wir über dieses nicht ganz brandneue Thema, dass man ja auch Elemente aus dem HTML-Kopfbereich sichtbar und sich zunutze machen kann. Möglicherweise brotlose Kunst, aber geil!
- [00:49:44] Umatchedstyle CSSOff
- CSSOff ist ein mit großem Trommelwirbel angekündigter CSS-Wettbewerb. Da wir uns alle Drei dafür angemeldet haben, tauschen wir uns darüber natürlich aus.
[01:12:05] Keine Schaunotizen
- The Node Toolbox
- AaaLLE Node.js-Erweiterungen, die es überhaupt gibt. In einem sortierten Katalog. Na gut, vielleicht nicht alle. Aber fast.
- Vimeo Musicstore
- Vimeo vertreibt seit dieser Woche kostenlos nutzbare, wie auch gegen einen kleinen Obulus nutzbare Musiktracks zum Hinterlegen von Video oder (CSS-)Animationen.
- Useful Coding Tools and JavaScript Libraries For Web Developers
- Wieder mal ein umfassender Rundumschlag durch die Welt der neuen Webservices und Tools für Webentwickler.
- Animatable: A CSS transitions gallery
- CSS-Guru-esse Lea Verou hat sich das Thema CSS Transitions vorgenommen und ein Showcase animierbarer Elementeigenschaften aufgesetzt.
Was wir lange wollten, haben wir diesmal geschafft: Den Sven Wolfermann, auch bekannt als @maddesigns aus der Nähe von Berlin endlich mal in unsere Sendung einzuladen. Leider ist uns in dem Zusammenhang die Tonqualität wieder mal etwas entglitten. Sorry dafür.
Schaunotizen
- [00:00:00] Additional HTTP Status Codes
- Die Internet Engineering Task Force hat sich überlegt, dass die Welt neue HTTP-Statuscodes braucht. Welche das sind und wofür die gut sind (oder auch nicht), darüber sinnieren wir.
- [00:00:00] RequireJS 1.0 released
- Wir schauen uns den JavaScript-Loader namens RequireJS anlässlich seines finalen Releases an und besprechen, welche Probleme es lösen soll und wie man es einsetzt.
- [00:00:00] More fun using the Web, with getUserMedia and native pages!
- Eine Labs-Version des Opera Browsers wartet mit Webcam- und Mikrozugriff, vor allem aber mit einer Teilimplementation des CSS Generated Content for Paged Media Modules auf. Dazu noch folgender Link: http://people.opera.com/howcome/2011/reader/index.html
- [00:00:00] PimpMyJS
- Ein Frontend für den JavaScript/Node.js-basierten JavaScript-Minifizierer und -Verschönerer UglifyJS, der übrigens auch in den Chrome Dev Tools steckt. Webservice hier: http://marijnhaverbeke.nl/uglifyjs
- [00:00:00] TYPO3 4.6 Release Notes
- TYPO3 4.6 ist erschienen und Sven erzählt uns, was es Neues kann!
[00:00:00] Keine Schaunotizen
- CSS Term Poster (PDF)
- Ein Cheatsheet mit den korrekten Bezeichnungen der CSS-Syntax-Elemente.
- Animate.css
- Eine Sammlung fertiger CSS Animationen als Drop-in-Lösung
- CSS3 Mobile Pack for Adobe® Fireworks® CS5
- Ein Exporter von Fireworks zu CSS3.
Diesmal nur zu zweit, da Markus derzeit den Status „homeless“ und damit „wireless“ innehat.
Schaunotizen
- [00:00:17] Fronteers 2011
- Schepp war bei der diesjährigen Fronteers Konferenz in Amsterdam und erzählt, wie er es fand. Videos der Talks trudeln nach und nach auf Vimeo ein.
- Web DevCon 2011
- Peter hingegen war als Speaker auf der Web DevCon in Hamburg eingeladen, und fand sie nerdiger vor als gedacht. Seine Entdekung dort: Der Aloha Editor.
- [00:24:36] Image Fallbacks and Annotations: the ‘image()’ notation
- Auf der Fronteers präsentierte Tab Atkins Jr. Ideen der W3C CSS Working Group, und davon waren besonders interessant: Image Fallbacks and Annotations: the ‘image()’ notation, Using Elements as Images: the ‘element()’ function, Overriding Image Resolutions: the ‘image-resolution’ property und die Media Fragments.
- [00:39:02] Die Syntax der linearen Verläufe hat sich geändert!
- Anstatt wie bisher mit einem Richtungswort zu definieren, wo ein Verlauf startet, gibt es bald womöglich die Syntax „to“ + Richtungswort, die dann festlegt, wo er hinläuft. Wir fragen uns, was das für Konsequenzen auf bisherigen Code haben könnte.
- [00:50:35] Dart: Structured Web Programming
- Google hat nun endlich Dart vorgestellt. Und nicht nur Peter ist unterwältigt. Wofür könnte man Dart genau brauchen?
- [01:07:03] 16 Pixels for Body Copy. Anything Less is a Costly Mistake
- Wir nehmen diesen Artikel zum Anlass, uns hinsichtlich Schriftgrößen auf Webseiten auszutauschen. Der Artikel meint: Minimum 16 Pixel! Gerne mehr.
[01:14:10] Keine Schaunotizen
- The JavaScript Show
- Sehr netter, wöchentlich erscheinender Podcast, in dem Peter Cooper und Jason Seifer neueste Funde in Sachen JavaScript präsentieren.
- Incredibly Useful CSS Snippets
- Nur die besten CSS-Code-Snippets liegen auf dieser Seite bereit, um von Euch per Copy & Paste geräubert zu werden. Das ist 1A Ware!
- HTML Component Model & the Shadow DOM
- Ein Umfassender Artikel Jake Archibalds rund um die Web Components und das Shadow DOM, mit denen sich in Zukunft neue, fehlende HTML-Elemente definieren und erzeugen lassen.
Diese Revision war der gruseligste Aufnahmetrip seit Podcast-Gedenken: Erst streikten bei unserem ersten Gast Rodney Rehm aka @rodneyrehm reihum alle Aufnahmegeräte, dann zerhackte uns das verf$%%/§%?!te Skype nach 45 Minuten Aufnahme auf einmal so den Ton, dass wir vom anderen rein gar nichts mehr verstanden und die Aufnahme abbrechen mussten. Die brachten wir am Folgetag mit weniger massiven Problemen zu Ende. Dass von den daraus resultierenden Störgeräuschen und Pausen nix mehr zu hören ist, haben wir der geduldigen Puzzlearbeit unseres zweiten Gastes, Frederic Hemberger aka @fhemberger zu verdanken. Großes Danke dafür!
Schaunotizen
- [00:03:44] Flexbox is Dead, Long Live Flexbox!
- Die Spec zur CSS3 Flexbox wurde frisch über den Haufen geworfen.
- [00:18:25] W3C Conditional Rules
- Die W3C CSS Conditional Rules sind sowas wie Modernizr nur in nativ. Außerdem kann man Dank
@document pfadabhängig stylen.
- [00:24:25] WebSocket binary message support
- Websockets unterstützen neuerdings auch die Übertragung von Binärdaten. Damit lässt sich allerhand anstellen.
- [00:30:00] JPEG 2000 on the Web
- Und wieder hat jemand Emscripten angeschmissen und was cooles transpiliert: Einen JPEG 2000 Dekoder in JavaScript. Und auch über MediaSource Extensions sprachen wir.
- [00:41:27] Help The Community: Report Browser Bugs
- Ein Plädoyer dafür, dass man Browserbugs unbedingt sauber untersuchen und sie den Herstellern melden soll.
- [00:48:12] Mobile Web: Taiwan, Opera and WebOS
- Paul Rouget gibt einen Einblick in die Welt Asiens, was die Nutzung des Internets angeht.
- [00:59:33] Octopress – A blogging framework for hackers
- Frederic hat sich Octopress in der letzten Zeit genauer angesehen und berichtet uns über seine Erfahrungen damit.
- [01:04:07] Smarty – PHP Template Engine
- Erst letztens erfuhren wir, dass Rodney in das Smarty-Projekt involviert ist und heftig an der Version 3.1 mitgebaut hat. Da waren wir ganz neugierig, was es dort Neues gibt!
[01:33:42] Keine Schaunotizen
- Ready Set Raphael
- Ein SVG nach Raphael.JS Converter
- Die Node.js Knockout Gewinner
- Die Sieger des Wettbewerbs haben mit Node ein paar sehr krasse Sachen zusammengedübelt. Unbedingt anschauen.
- imgmin
- Ein sehr effektiver JPEG-Kleinschrumpfer für die Kommandozeile.
- Frontend Conf Zürich Videos
- Videos der gerade zu Ende gegangenen Frontend Conf Zürich 2011. Tolles Zeug dabei! Besonders empfehlenswert: CSS3 Secrets: 10 things you might not know about CSS3 von Lea Verou.
Fast hätte es diesmal mit der Revision nicht geklappt, weil Markus weg war, Peter Koffer packen musste und Schepp es verpeilt hatte, sich früh genug nach Gästen umzuschauen. Aber Peter hat sich dann doch noch ein Herz gefasst.
Schaunotizen
- [00:00:18] JAIL
- Endlich mal ein funktionierender Bilder-Lazyloader, der über ein Fallback verfügt, wenn JavaScript deaktiviert ist.
- [00:12:08] The “designers should code” bullshit and a not so new idea
- Muss ein Webdesigner coden können? Oder reicht es nur gut Bescheid zu wissen?
- [00:22:55] Sugar
- Sugar erweitert die nativen JavaScript-Objekte um immer wieder gebrauchte, sehr praktische Methoden. Inspiriert wird es dabei von ES5 und anderen Programmiersprachen.
- [00:30:53] Socket.IO
- Socket.IO ist eine Abstraktionsschicht für Node-Server und Client, der sich vollautomatisch um eine bestmögliche Echtzeitkommunikation der beiden miteinander kümmert.
[00:41:25] Keine Schaunotizen
- Keymaster
- Eine kleine JavaScript-Bibliothek, die das Verknüpfen von Keyboard-Shortcuts zum Kinderspiel macht.
- JPEGmini
- Ein Online-JPEG-Eindampf-Service.
- Browserstack
- Ein Java-Applet-basierter Service zum Testen von Seiten in bereitgestellten, ferngesteuerten Browsern, inkl. installierter Developer Addons.
- Automated installation of the Microsoft IE App Compat virtual machines
- Installationsscript, das die offiziellen VirtualPC-IE-Test-Images in Virtualbox hineinpackt. Echtes IE-Testing auf Mac und Linux!
- 2 Klicks für mehr Datenschutz
- Der Heise Verlag hat einen Soziale-Netzwerk-Weiterempfehlen-Knopf mit Opt-in gebaut, der die neusten Datenschutzanforderungen erfüllt. Er ist nun für jedermann frei erhältlich.
Peter hängt nach wie vor im Rheinland fest und Markus ist vom Erdboden verschluckt. Sturmfrei für Schepp! Auf einen geselligen Webworker-Abend hat er sich Dirk Jesse, Autor des YAML-Frameworks, und Matthias Mees, Webdesigner aus der Nähe von Lübeck und Mitmoderator des Serendipity-Podcasts S9y InfoCamp, eingeladen.
Schaunotizen
- [00:02:00] Introducing WebAPI
- Mozilla hat sich vorgenommen, innerhalb von 3 – 6 Monaten eine universelle Schnittstelle zu entwickeln, mit der die Browser auf Handyfunktionen und -Daten zugreifen können. Dabei schweifen wir aber ab, unter anderem auf dieses Schriften-Thema.
- [00:15:08] Component Model
- Die WHATWG wiederum möchte mit dem Component Model den Wildwuchs in Sachen Shadow DOM beseitigen und standardisierte Schnittstellen zum Befüllen desselben schaffen.
- [00:22:24] Getting rusty – we need new best practices for a different development world
- Chris Heilmann schrieb neulich darüber, dass unsere Webentwicklungsparadigmen durcheinandergeraten seien und wir einige Sinnfragen neu stellen müssen. Außerdem müssen viele neue Best Practices entwickelt und verbreitet werden. Im Verlauf des Gesprächs streifen wir Nicolas Gallaghers Pure CSS GUI Icons und Christoph Zillgens‘ Artikel Gleich hohe Input-Felder und Buttons.
- [00:50:20] Bootstrap, from Twitter
- Twitter hat eine Art Boilerplate- oder Kickstart-Paket für das Erstellen von Webapps veröffentlicht. Im Prinzip ist es ein durchdachter Remix bekannter Tools, wie 960.gs, JQuery und LESS.
- [01:03:55] The Semantic Grid System
- Wir bleiben in der Welt von Grids und LESS und schauen uns das Semantic Grid System an, das sich mit einem neuen Ansatz hervortut. Dirk hält die proklamierten Ziele für illusorisch und Matthias hindert es auch nicht daran, sich von Grids im Allgemeinen zu verabschieden. Weil wieder LESS.js im Spiel ist, und das serverseitig schwer zu implementieren ist (nur via Node.js), kommen wir auf lessphp und den LESS-Compilier-Dienst BoxCSS zu sprechen. Und auf den CSS-Preprozessor Turbine (1.0, nicht 1.1 nehmen!).
[01:26:34] 15-EUR-Gutscheine für Workshops von Developer’s Peak
Beim Hack Evening in Köln konnte Schepp einige Gutscheine für kommende (englischsprachige!) Veranstaltungen der Truppe abgreifen. Die sollen nun unters Volk gebracht werden. Bei Interesse, hier kommentieren, oder via Social Media Kanäle dem Schepp Bescheid geben. First come, first served. Folgende Gutscheine hätten wir (alle bis auf einen in Köln):
- 1 x Browsergames Entwicklung mit HTML5 und JavaScript am 23.09.2011 in Frankfurt (einzulösen bis 04.09.2011!)
- 3 x Mastering JavaScript Part 1/3: Understanding JS am 12.10.2011 in Köln (einzulösen bis 21.09.2011)
- 5 x Mastering JavaScript Part 3/3: Hardcore JS am 11.11.2011 in Köln (nix für Karnevalsjecken, einzulösen bis 21.09.2011)
[01:28:00] Keine Schaunotizen
- Get started with WebGL: draw a square
- Kompaktes, aber sehr verständliches Einstiegstutorial in die komplizierte (Shader-)Welt von WebGL.
- onProximityFade
- Nette Ein- und Ausblendspielerei bei Mausannäherung. Kann man vielleicht für ein Hilfesystem auf seiner Seite nutzen.
- JSConf Videos
- Die JSConf 2011 Videos sind online und lohnen sich zu schauen!
- The Latest in HTML5
- Eine Google-Präsentation, die überquillt von eher weniger beachteten, aber fantastischen HTML5-Features.
- Pagoda Box
- Ein PHP Cloudhosting, das über eine direkte Anbindung an GitHub verfügt.
- Recurly.js
- Ein fix und fertiges Bezahlungsformular-Framework zum Einbetten in die eigene Seite, das den unappetitlichen serverseitigen Teil des Ablaufs auf die Recurly.js-Server abwälzt.
- TransformJS
- jQuery-Plugin, das den Einsatz von CSS 2D- und 3D-Transforms via css- und animate-Methode extremst vereinfacht.
- Fabric.js
- Eine weitere HTML5-Canvas-Abstraktionsbibliothek, die aber durch ihren SVG-Parser hervorsticht.
- FLEXSLIDER
- jQuery-Slider, der mit Touch-/Swipe-Support für mobile Geräte daherkommt.
- flux slider
- jQuery-Slider, der mit bislang ungesehenen hardwarebeschleunigten 3D-Übergängen glänzt. Riesennachteil: Es gibt keine Graceful Degradation für nicht 3D-fähige Browser.
Peter war wieder auf Achse und so haben wir uns diesmal Marc Hinse und Khalil Lechelt als Fachleute dazugeholt.
Schaunotizen
- [00:02:06] speak.js – Text-To-Speech on the Web
- Wieder einmal wurde dank Emscripten etwas nach JavaScript portiert. Und diesmal ist es was sehr Praktisches: ein Text-zu-Audio-Synthesizer. Damit lassen sich endlich Vorlese-Dienste quelloffen umsetzen, wie sie bislang nur das kommerzielle ReadSpeaker zum Beispiel in heise Newsticker Meldungen möglich gemacht hat (oben links: „vorlesen“).
- [00:10:53] tween.js
- tween.js ist ein generisches Werkzeug zur Erzeugung von zeitgesteuerten Übergangskurven. Diese Werte lassen sich dann zur Animation beliebiger Dinge nutzen.
- [00:17:56] Cross-browser contextmenu support with a polyfill
- Firefox 8 unterstützt erstmalig HTML5 Contextmenüs. Addy Osmani zeigt, wie das geht und verweist auf ein Polyfill von Rodney Rehm.
- [00:34:02] Native Client – Googles Vision vom nativen Web
- Google stellte schon 2008 seine Idee des nativen Clients vor. Mit Chrome 14 ist die Plattform nun einigermaßen vorzeigbar und erste Chrome Apps nutzen das schon. Was ist davon zu halten?
- [00:55:26] pjscrape
- Ein Contentscraper, der auch dann funktioniert, wenn der Inhalt der Zielseite per JavaScript erzeugt wird. Möglich macht das der darunterliegende Headless-WebKit namens PhantomJS
- [01:02:08] backbone.js und andere MVC/MVVM-JavaScript-Frameworks
- Kahlil erzählt uns ein wenig was über backbone.js und underscore.js. Wir reden aber auch über Knockout.js und über die Designphilosophie all dieser recht frischen MVC bzw. MVVM Frameworks. Dazu lesenswert: Der Artikel Standardkonforme und zukunftsfähige JavaScript-Bibliotheken von Mathias Schäfer.
[01:31:41] Keine Schaunotizen
- How Browsers Work: Behind the Scenes of Modern Web Browsers
- Dieses Dokument beschreibt den gesamten Ablauf, den Browser beim Darstellen einer Seite .durchlaufen müssen.
- Verbesserungen am Netzwerkstack von Firefox 6
- Interessanter Beitrag des zuständigen Firefox-Architekten, was in Version 6 alles an cleveren Verbesserungen in den Netzwerkstack geflossen ist.
- Browserling
- Mit Browserling kann man Seiten in den wichtigsten älteren Browsern testen. Das coole dabei ist, dass das Ergebnis in Echtzeit in ein HTML5 Canvas Element gezeichnet wird.
- Spin.js
- Ein reiner Markup-Loading-Spinner.
- Firefox Scratchpad
- Firefox kommt nun mit einer Art integriertem jsfiddle zum Code-Testen daher. Praktisch!
- Rasta.js
- Ein simpler kleiner Cross-Domain-Key-Value-Store.
- Usability in Icons
- Dieser Artikel beschäftigt sich mit der Tatsache, dass die wenigsten Icon-Symboliken von den Benutzern verstanden werden.
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
<meta name="viewport"> 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.
Diesmal sind wir wieder etwas später dran mit unserer Revision, denn wir mussten zwei mal aufnehmen. Der Grund: Wir hatten die verrückte Idee, anstatt per Skype mal per Google+ Hangout aufzunehmen; blöd war nur, dass der Hangout nach rund einer Stunde abstürzte, und die Aufnahme gleich dazu. Um nicht den gleichen Sermon erneut rezitieren zu müssen, haben wir uns für die zweite Aufnahme den Jens Grochtdreis dazu geholt.
Schaunotizen
- [00:00:00] IE10 Public Preview 2 ist da!
- Wir reden über Drag & Drop, die File-API, HTML5 Forms, Web Workers, Sandboxed Iframes, ES5 Strict Mode, requestAnimationFrame, Media Query Listeners, async-Attribut CSS3 Flexbox, CSS3 Positioned Floats, CSS3 Grids und CSS3 Multicolumn Layout. Außerdem wagen wir uns an einer Einschätzung, ob der IE10 das Zünglein an der Waage ist, das unsere Art Webseiten zu layouten auf den Kopf stellt.
- [00:38:30] Google+
- Wir tun unsere Begeisterung über Googles neues soziales Netzwerk kund. Außerdem vergleichen wir es mit Twitter und Facebook, sagen was gut funktioniert und was noch verbesserungsfähig wäre.
- [01:01:18] CSS1K
- Letzte Woche ist ein neuer Wettbewerb online gegangen, bei dem die Aufgabenstellung ist, ein vorgegebenes HTML möglichst kreativ mit nur 1024 Bytes (also Zeichen) CSS zu gestalten. Verboten sind alle externen Ressourcen, also Fonts und Bilder, wie auch DataURIs. Bisher sind nicht viele große Design-Würfe dabei, aber das Projekt ist ja noch jung…
- [01:09:15] HTML5Pattern
- Diese Seite sammelt alle möglichen Regulären Ausdrücke, die man jemals im pattern-Attribut eines HTML5 Eingabefelds zur Feldprüfung gebrauchen könnte: Kreditkartennummern, Passwortvorgaben, Postleitzahlen, etc. Praktisch!
- [01:12:28] Die Auferstehung des untoten Dr.Web
- Das im letzten Jahr eingestellte Dr.Web-Magazin wurde offenbar an eine Online-Marketing-Firma verkauft, die die Seite nun wiederbeleben will. Betrachtet man diverse Rahmenparameter, so sind wir bzgl. eines möglichen Erfolgs sehr skeptisch.
[01:20:44] Keine Schaunotizen
- gmap3
- jQuery-Wrapper für das Google Maps v3 API
- morf.js
- Mehr easing Funktionen für CSS3 Transitions!
- Node Up
- Der erste Podcast zu Node.js
- IEWebGL
- Ein Java-basiertes WebGL-Polyfill für die IEs
- Know Your Engines [PDF]
- Vortrag von David Mandelin, dem neuen Chefarchitekten der Mozilla-JavaScript-Engine, von der Velocity 2011 über interessante Eigenheiten der verschiedenen JavaScript-Engines.
- dotjs
- Im Browser per Plugin verankerte JavaScripte, die jeweils per Regel bei bestimmten Seiten ausgeführt werden.
Eine MP4-Fassung gibt es diesmal nicht, weil Markus im Urlaub ist.
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.
