Working Draft

Vanessa Otto, Peter Kröner, Hans Christian Reinl, Stefan Baumgartner, Christian »Schepp« Schaefer
undefined
May 9, 2013 • 52min

Revision 119: Transitions, Flaggen, Links

Hans, Rodney und Peter erzählten, ranteten und verlasen wie üblich das neues aus der Web-Welt. [00:00:18] News nosniff header Github berichtet, dass erste Browser den gegen Hotlinking helfenden HTTP-Header nosniff unterstützen. Schaunotizen [00:02:00] Thank God We Have A Specification Hans und Peter erstarrten in Ehrfurcht vor Rodneys bei Smashing Mag erschienenem Magnum Opus über Bugs in CSS-Transitions. Rod gibt seine liebsten Bugs zum besten und berichtet über die Entstehung seiner Testsuite. Wir empfehlen außerdem die Test the Web Forward für alle Hörer – Tests schreiben ist überraschend produktiv und man lernt extrem viel, auch wenn man kein Uber-Nerd ist. [00:25:25] Using flag in language selector is still okay Landesflaggen als Sprachauswahl-Icon – gute Idee oder beknackte Idee? Der Artikel ist die Gegenrede zur Position von Gunnar Bittersmann. Es fiel uns nicht leicht, großes Interesse für dieses Thema aufzubringen. [00:36:22] Glücksrad Canvas-Element bzw. Canvas-Pfadfunktionen Weder Rodney noch Hans haben das Canvas-Element (oder seine Pfad-API) je gebraucht. Peter hackt damit zumindest gelegentlich herum und empfiehlt den Katzen-Erkenner Kittydar sowie three.js, die WebGL-Engine für Dummies. [00:46:02] Keine Schaunotizen Intern Großes Dingens zum Testen von Webapps. Pik7 1.0.0 Peters HTML5-Präsentationsframework ist released. Details in seinem Blog. HTML differences from HTML5 Übersicht der WHATWG. CSS Modals Hans hat eine Lösung für CSS-only Content-Lightboxen gebaut.
undefined
May 5, 2013 • 38min

Revision 118: Die Problematik des Schätzens

Aufgrund von Konferenzen, Betankung und privater Großereignisse gibt es diese Woche ein kleines Loch an Themen. Schepp und Hans haben aber versucht das Beste draus zu machen. News gibt es diese Woche keine zu verkünden. Schaunotizen [00:00:33] Coding, Fast and Slow: Developers and the Psychology of Overconfidence Wir kennen es alle: Ein neues Projekt soll geschätzt werden und das am besten gleich in der nächsten halben Stunde. Wir kalkulieren irgendwelche Aufwände von Features, die wir gar nicht kennen. Dadurch entstehen oft Fehlschätzungen, die wir später oft selbst ausbaden müssen. Der oben genannte Artikel beschäftigt sich mit genau dieser Problematik und wir diskutieren, in wie fern man dem Entgegenwirken kann. [00:15:18] Glücksrad <col> und <colgroup> Mit <col> und <colgroup> erzeugt man in Tabellen Kontexte für einzelne Spalten, denen man Eigenschaften (wie zum Beispiel lang) zuweisen kann ohne sich in jeder Zeile wiederholen zu müssen. Die meisten Attribute, die man früher zum Stylen verwendet hat, sind mittlerweile obsolete. Erlaubte Zeichen in JavaScript Kommentaren Welche Zeichen darf man eigentlich in JavaScript Kommentaren verwenden? Und welche Mime-Types sind für JavaScripts erlaubt? [00:30:30] Keine Schaunotizen traceGL traceGL visualisiert den Code-Fluss einer App. Listen, Watch And Share! Eine Liste an angesagten englischen web-spezifischen Podcasts. PathFinding.js Mit PathFinding.js kann man anhand komplexer Algorithmen festlegen, wie sich Elemente auf einer Fläche bewegen dürfen. Vor allem für Spiele-Entwickler interessant. PhantomCSS Mit PhantomCSS lassen sich CSS-Tests automatisiert durchführen. jQuery Annotated Source Für alle, die etwas vom jQuery Core Code lernen möchten. Snap.js Snap.js bietet die Möglichkeit Menüs zu bauen, wie man sie von Facebooks oder Spotifys Mobile-App kennt. Unheap Unheap ist eine schön aufbereitete Sammlung von guten jQuery Plugins.
undefined
Apr 25, 2013 • 1h 7min

Revision 117: jQuery, Performance, Links

Schepp, Hans und Peter ackerten sich in gewohnter Manier durch das, was sie für die Themen der Woche hielten. [00:00:21] News jQuery 2.0 erschienen Wichtig: in Version 2.0 gibt es keine Unterstützung für alte Internet Explorer! Aber keine Angst, die 1er-Serie wird weiter gepflegt und kann bei Bedarf noch benutzt werden. Schaunotizen [00:00:56] I know jQuery. Now what? Remy Sharp stellt in diesem Artikel (zugehörige Slides) die Frage in den Raum, ob man angesichts mittlerweile ja doch ganz vernünftiger Browser mit neuen DOM-APIs nicht manchmal auf jQuery verzichten könnte. Peter argumentiert pro jQuery, denn er hält das Design der meisten DOM-APIs für zu benutzerfeindlich bzw. sich selbst für zu blöd für sie. Schepp und Hans sehen das entspannter – neben DOM-APIs gäbe ja auch noch MicroJS. [00:27:26] Font Loading Performance Chris Coyier hat Tricks zum Performance-Tuning von Webfonts gesammelt, von denen wir mehr so semibegeistert sind – wenn man versucht, den Browser auszutricksen, geht oft schief. Abschweifungen führen uns zu Typekit, Zorn auf die Nichtexistenz von Mobile-Browser-Caches und FOUT (flash of unstyled text). [00:43:10] Glücksrad CSS3: Resolution-Media-Query Das Media-Feature resolution soll der Standard-Ersatz für -webkit-device-pixel-ratio und ähnlichen Foo werden. Dazu braucht es aber auch die passenden Einheiten wie dppx für Bildschirme und dpi für den Druck. Auch ganz lustig: Facebooks gefailtes WebP-Experiment. HTML5: Table Sorting HTML5 (WHATWG-Version) spezifiziert einen Mechanismus zum Sortieren von Tabellen. Da dieser sehr komplex ist und in keinem Browser funktioniert, fällt uns dazu nicht viel ein. Bis auf weiteres ist man mit JavaScript besser beraten. [00:59:05] Keine Schaunotizen Animating with Physics Bessere Animationen braucht die Welt. Hand.js Polyfill für Pointer Events. Chrome für Enterprise Leckerbissen für Admins. SVG filters Absolut umfassender Artikel zu SVG-Filtern (auch im CSS-Kontext). Pseudo-Classes to Style Form elements Peter findet dass man sie nicht benutzen sollte, aber was weiß der schon :)
undefined
Apr 16, 2013 • 1h 42min

Revision 116: Konferenzen, Motion Design, IDs versus Classes

Volles Haus bei Working Draft! Neben Schepp und Peter gaben sich heute Sven Wolfermann, Christoph Zillgens, Gunnar Bittersmann und Stefan Baumgartner die Ehre um zu berichten, zu ranten und zu streiten. [00:02:15] News Persona einsatzbereit „Mozillas Passwortkiller“ (wie Golem.de es nennt) hat Beta 2 erreicht und kann dank Identity Bridging nun auch tatsächlich benutzt werden. MDN erklärt die Details. Schaunotizen [00:03:02] Breaking Development Orlando Stefan liefert einen Tipreport von einer tollen Konferenz an einer originellen Location. Videos der Talks sind noch nicht hochgeladen, aber wenn das soweit ist, sind die Performances von Andrew Betts (Offline-Apps), Mat Marquis (Responsive Assets) und Cameron Moll (Cross-Alles-UX) besonders sehenswert. Außerdem reden wir über Konferenz-Kultur sowie Media Queries in SVG und verweisen auf die Konferenz-Notizen von Luke Wroblewski sowie die hier gesammelten Fotos und Folien. [00:20:51] Transitional Interfaces Medium.com argumentiert pro animierte UI-Elemente und wir gehen d‘accord. Besonders Schepp fordert vehement, dass wir Motion Design bzw. Motion Designer besser in Web-Projekte integrieren. Als mögliche Hindernisse machen wir wie üblich die Troika aus Kunden ohne Zeitbudget für sowas, in Photoshop festhängenden Designern mit statischem Weltbild und es übertreibenden Flashern aus. [00:33:07] IDs versus Classes Vor einigen Wochen poppte die Diskussion bei Twitter auf: IDs sind doof, man sollte nur Klassen verwenden. Peter trollt ohne großartigen Erfolg gegen den Konsens an, der allerlei Argumente für seine Position auffährt. Wir reden außerdem über SMACSS, Selektorspezifität, Attributselektoren, Semantik, Hunde, CSS Code Smells und sogar Mikroformate. [01:13:44] Glücksrad HTML5: das dialog-Element Mangels Browserunterstützung für das eigentliche Fundstück schweifen wir in Richtung details-Element ab und stellen die Frage ob man für all sowas eigene HTML-Elemente braucht. Schepp meint: sofern ARIA-Attribute eingebaut werden, machen diese Elemente Sinn. CSS3: CSS Multi-column Layout Module Trotz mittlerweile okayer Browserunterstützung finden wir Spalten-Layouts im Web eher problematisch. Von CSS Regions versprechen wir uns da schon mehr [01:30:50] Keine Schaunotizen Detecting Touch – the WHY, not the HOW Patrick H. Lauke erschlägt die gesamte Touch-Problematik in einem Artikel. Movement.js Webapps in Minority-Report-Manier mit Gesten steuern? Diese Library macht es möglich! TimeJump Polyfill für Media Fragments URIs. Flexbox Ein Artikel und ein Generator für Cross-Browser-Flexbox-Code.
undefined
Apr 10, 2013 • 55min

Revision 115: Browsertriebwerke, RWD und Steinzeitmalerei

Hans und Rod luden sich Marc Hinse ein, um den wöchentliche Tratsch mal streng Badisch abzuwickeln – Wir können alles, außer Hochdeutsch. [00:00:20] News <hgroup> kommt weg Weil <hgroup> nicht fristgerecht von Browserherstellern umgesetzt wurde, wird es aus der Spezifikation gestrichen. Schaunotizen [00:01:29] Blink Nach Jahren des Mitwirkens trennt sich Google nun von WebKit und macht mit Blink ihr eigenes Ding. Obwohl das erstmal wenige Auswirkungen für uns Webentwickler haben sollte, haben ganz viele Leute ganz viele Meinungen: Aerotwist: Hello, Blink! Jaffathecake: That solves the Monoculture Brucel: Hello Blink Chromium FAQ PPK: Blink Thoughts on Blink – a contributor’s perspective WebKit devs on Blink fork: ‚Two can play that game‘ Unmaintained features in WebKit [00:17:25] Servo Mozilla forscht schon länger an einer neuen Renderingengine namens Servo. Samsung hat nun die Basis geschaffen, um das Projekt auch auf seinen ARM-basierten Geräten laufen zu lassen. [00:20:55] Media Queries are a hack Media-Queries gruppieren unterschiedliche CSS-Anweisungen nach Browsereigenschaft. Es stellt sich die Frage, ob die Verfeinerung einzelner CSS-Anweisungen um die Browsereigenschaft-Einschränkung nicht das logischere Mittel wäre. [00:29:09] Responsive Deliverables „Responsive“ ist in aller Munde. Doch hat man auch schon angefangen das Konzept „Seite“ zu verlassen und über „Module“ respektive „Komponenten“ nachzudenken? [00:31:27] New save symbol needed? Alle Jahre wieder taucht die Frage auf, ob gewisse Symbole noch zeitgemäß sind. Diesmal traf es (wieder mal) die gute alte Diskette. Man argumentiert, dass die heutige Jugend nicht einmal mehr wisse, was eine Diskette überhaupt sei und deshalb eine andere Metapher für „Speichern“ herbeigezaubert werden müsse. Wir sehen das anders, wie In Defence of the Floppy Disk Save Symbol schön schildert. [00:42:53] Glücksrad CDATA sections Das von XML geerbte <![CDATA[ wird benutzt, um den Inhalt eines Elements wörtlich zu nehmen, also nicht durch den Parser zu schleusen. Man hat das früher gerne um Inline-JavaScript gepackt, weil XHTML ja ganz Hip war. Das ist bei HTML5 aber so nicht mehr notwendig. [00:46:48] Keine Schaunotizen Media Queries in SVG images – Cloud Four Blog Media Queries lassen sich auch in SVG nutzen. Das nette daran, ein max-width wirkt sich hier nicht auf den Viewport, sondern das Bild aus. So kann man also den Inhalt eines SVG Bildes abhängig von der Größe des Bildes nach Belieben umbauen. <learning class=’always‘>… Wie fange ich eigentlich an AngularJS zu lernen? 10 tips for designing localised interfaces 10 einfache – jedoch gute – Tips einigen Problemen bei mehrsprachigen Webseiten aus dem Weg zu gehen. How To Sell The Value Of Mobile To Clients Wie verkaufe ich meinen Kunden eigentlich den angeblichen Mehraufwand für Responsive Design? Annotate your code In Chromes DevTools kann man die Rendering Timelines mit Markern versehen Page weight grows 24% year-over-year (not 44%) Performance-Papst rudert zurück, wenn auch nur ein bisschen. datalist experiment Zeigt was der Chrome so alles mit <datalist> anstellen kann. Wir wollen das in allen Browsern. Heute! [Job] Interaction Designer München: Google sucht einen Interaction Designer für seine DevTools. [Job] Developer Evangelist Überall: mailjet such einen Developer Evangelist [Job] Junior Mobile Web Developer Berlin: Geil,Danke! sucht einen Mobile Web Developer.
undefined
Apr 7, 2013 • 1h 7min

Revision 114: <template>, Appcache, asm.js versus Bytecode

Für die neue Revision werden Schepp und Peter von Andreas Dantz begleitet, der sich sehr über den JavaScript-Schwerpunkt dieser Sendung gefreut hat. Zum Ausgleich drehen wir dieses mal auch am CSS3-Glücksrad. Schaunotizen [00:00:35] HTML’s New Template Tag HTML5 Rocks berichtet vom neuen <template>-Element, einen Mechanismus zum Unterbringen von Template-Code in HTML. Bisher hatte man Code für z.B. Handlebars in dazu mißbrauchten <script>-Tags verstecken müssen. Das <template>-Element ist hingegen für diesen Zweck gebaut und enthält nichts außer einem einsatzbereiten DocumentFragment. Warum man allerdings Templates als Code in HTML-Elementen und nicht als fertig kompilierte JS-Funktionen würde verwenden wollen, ist uns nicht ganz klar geworden. [00:14:20] Fixing appcache: a proposal to get us started Jonas Sicking hat einen Vorschlag, wie man den HTML5 Application Cache reparieren könnte, da dieser ja bekanntlich ein Arschpirat ist. Oder? Peter sieht das eher differenziert und hat darüber hinaus etwas gegen das vorgeschlagene JSON-Format für Manifest-Files und die Idee eines „Online-Modus“. [00:34:17] Why asm.js bothers me Ein V8-Engineer hat Probleme mit asm.js (s. Revision 108). Das Ende der Performance-Optimierung von normalem JS wird befürchtet und außerdem sollte man lieber einen richtigen Bytecode statt eines JS-Subsets einführen. Aber wie der Doktor schon schrieb ist das mit dem Bytecode auch nicht so einfach, wie es zunächst scheint. Außerdem ist Vorteil des JS-Subsets, dass asm-Scripts bereits heute in allen Browsern laufen, auch wenn die Unreal-Demo im IE 6 weniger flüssig sein dürfte als im Nightly Firefox. [00:47:10] Glücksrad CSS3: Font property descriptors Wir finden mühsam die Details von Kursivierung heraus und spekulieren über das Verhalten von font-stretch. HTML5: The Document object Wir graben obskure IE-Triva über das Document-Objekt aus und staunen darüber, dass document.head eine eher neue Erfindung ist. [01:01:51] Keine Schaunotizen SVG Patterns Library Wie die CSS3 Patterns Library, aber mit SVG (und damit im IE 9) Angular.js Resources Von Kahlil gesammelte Links zu Angular. jquery.resize.js Wir hatten uns in der letzten Revision dieses Script gewünscht, Yannick Albert liefert. DevTools Extensions For Web App Developers Peter würde Addy Osmanis Chrome-Extension-Liste gern um den JavaScript Errors Notifier ergänzt sehen. Bacon.js Eine Functional Reactive Programming Library, die Peter ganz toll findet, aber nur sehr inadäquat erklären kann.
undefined
Mar 29, 2013 • 50min

Revision 113: jQuery vom CDN und Resize Events auf DOM Elementen

Hans und Rod gaben sich zu Zweit die Ehre – können ja nicht alle arbeiten oder Häuser kaufen… [00:00:18] News Backbone.js 1.0 ist da. … und bringt Unterstützung für HTTP PATCH, einfacheres Event Handling und vielen anderen kleinen Verbesserungen. IE10 (Metro) mag Flash Im Hause Microsoft ruderte man zurück: Aus der Whiteliste (explizite Freigabe) für Flash im IE10 via Metro wurde nun eine Blackliste (explizites Verbot). IE11 ist like Gecko Der IE10 brach mit den Conditional Comments, der IE11 bricht mit dem User Agent String – Microsoft kappt die Verbindungen zu seiner düsteren Internet Vergangenheit. Schaunotizen [00:01:51] jQuery vom CDN – oder nicht? Steve Souders – der Papst der Web Performance – hat mal wieder geprüft wie jQuery denn auf Webseiten eingesetzt wird. Hans betet ein paar unverständliche Zahlen herunter und Rod findet CDNs nicht so toll. Am Ende kommt es immer noch drauf an was man da eigentlich macht. Wie immer halt. [00:17:22] Resize Event für DOM Elemente Wir erfreuen uns an einer Cross-Browser-Lösung für das Ermitteln von Größenänderungen von einzelnen Elementen im DOM. Etwas nutzerfreundlicher wäre die Kapselung in jQuery’s Special Events – weitere Infos dazu haben Ben Alman und learn jQuery. [00:30:36] HTML5 Glücksrad Wir haben uns ein menuitem Element gewonnen. Damit lassen sich, in Verbindung mit <menu type="context"> native, also in der Browser-UI gerenderte, Kontextmenüs basteln. Bisher kann das nur der Firefox, doch Rod hatte damals ein jQuery Plugin mit HTML5 import gebaut. [00:40:10] Keine Schaunotizen Chart.js … zeichnet schöne Diagramme in die <canvas>. Wem das zu puristisch ist und SVG sowieso viel besser steht, schaue sich HighCharts an. Unifying Touch and Mouse Microsoft erklärt uns wie unsere Web Apps mit seiner Pointer Events API spielen dürfen. Superhero.js … ist eine exzellente Sammlung an Artikeln über professionelle JavaScript-Entwicklung. Drawscript … ist ein Illustrator Plugin, das Vektor-Grafiken in allen möglichen und unmöglichen Textformaten ausgeben kann. The Short Cutts … ist eine Aufstellung von SEO Videos von Googles Matt Cutts. WebPlatformTools … kennt eine ganze Menge von nützlichen Tools Discover DevTools Paul Irish hat eine Reihe von Videos zur Nutzung der Chrome’schen DevTools bereitgestellt. Printing The Web Hans schrieb über CSS Print Styles.
undefined
Mar 19, 2013 • 40min

Revision 112: Glücksrad und Links

Schepp und Peter sahen sich akutem Themenmangel gegenüber und beschlossen daher, einfach ein halbes Stündchen das Glücksrad drehen zu lassen und dann die Links zu verlesen. HTML-Glücksrad [00:01:05] Event Sources Auch bekannt als Server-sent Events stellen Event Sources eine bequeme Polling-Abstraktion im Browser dar, die in manchen Fällen Web Sockets vorzuziehen sind. Vor allem ist die Server-Komponente so simpel, dass sie sogar mit PHP umsetzbar wäre. Leider fehlt die API in IE und Android-Browser, doch wir halten einen Polyfill für machbar. [00:11:08] Indeterminate Checkboxes Peter singt ein Loblied auf die Nützlichkeit der HTML5-Specs, während Schepp schnell einen Tastcase für das indeterminate-DOM-Attribut ergooglet. Stellt sich raus, dass dieses Feature, mit dem man eine Checkbox anzeigen kann, als wäre sie in einem dritten Zustand, in allen Browsern funktioniert. [00:20:11] async und defer Performance-Papst Schepp I. referiert über zwei Attribute für Script-Tags, die die Ausführung von Scripts beeinflussen. Fazit: Wenn wir ohnehin alle Scripts in eine Datei zusammenfassen und diese erst am Seitenende einbinden, brauchen wir die Attribute gar nicht so dringend. [00:29:30] Parsing HTML documents Peter erklärt kurz, was es mit HTML und XHTML auf sich hat und warum von beiden Sprachen nur HTML in den HTML5-Spezifikationen steht. Kompliziert wird HTML vor allem durch document.write(), das auch für das blockierende Verhalten von Scripts verantwortlich ist. [00:34:28] Keine Schaunotizen Min-Content Eine neue Maßangabe für CSS, anschaulich erklärt. Vertical text with CSS 3 Writing Modes Die writing-mode-Eigenschaft in den diversen Browsern und ihr Wechselspiel mit anderen CSS-Eigenschaften. Shadow DOM 201: CSS and Styling – HTML5 Rocks Follow-up zu Shadow DOM 101. Sublime Web Inspector Debugging direkt im Editor! Future of Firefox DevTools Mozilla rüstet auf. Sublime Text 3 Compatible Packages Schon von ST2 auf ST3 wechseln oder noch nicht? Diese Liste hilft bei der Entscheidungsfindung. Awesome PHP Libraries Nomen est omen.
undefined
Mar 16, 2013 • 56min

Revision 111: Performance-Proxy, Media Queries Level 4, http-client-hints

Eigentlich haben wir alle keine Zeit, aber das ist keine Ausrede – jedenfalls nicht für Schepp, Peter und Frederic. [00:00:23] News Google and MPEG LA Agree, Free VP8 Der VP8-Codec (verwendet in WebM) wird auch in Zukunft nicht in die Nichtexistenz geklagt werden. Opera 14 Beta Der erste Opera mit Webkit. Besonders schön: Läuft anders als Chrome und Co bereits ab Android 2.3. Node.js 0.10 Neues Streams-Interface, stark verbesserte Performance und diverse Bugfixes. Schaunotizen [00:01:51] Data Compression Proxy Google bastelt einen Performance-Proxy für mobiles Surfen, vergleichbar mit Opera Turbo. Jede (nicht-HTTPS) Anfrage wird durch einen Google-Server getunnelt, der Performancetuning mit z.B. SPDY und mod_pagespeed vernimmt, bevor die Daten an den Nutzer weitergeleitet werden. Performance-Papst Schepp findet die Idee total klasse, während sich Peter fragt, ob man wirklich jeden seiner HTTP-Requests zu Google tragen möchte – viel besser wäre es doch, die Mobilfunknetze auszubauen. [00:17:35] The Good & Bad of Level 4 Media Queries Noch sind Media Queries Level 4 alles andere fertig, aber ein bisschen Spec-Exegese kann man schon betreiben. Der Artikel von Stu Cox und wir reiben uns ein wenig am Media Feature pointer, das nicht ganz durchdacht scheint. Nicht zuletzt fehlt eine Option für den Minority Report Mode. Wäre es nicht besser, wenn wir einfach weniger Annahmen über die Eingabegeräte der Nutzer machen würden? [00:27:48] http-client-hints Ilya Grigorik will, dass wir genauere Annahmen über die Endgeräte der Surfer machen können und spezifiziert einen HTTP-Header für solche Informationen. Peter fühlt sich bei sowas an die History of the browser user-agent string, Viewports und andere Flunkereien durch Browser erinnert und fragt sich, warum dieses mal alles anders sein sollte. [00:40:05] HTML-Glücksrad Timed Text Tracks Wir fabulieren ein wenig über Video-Untertitel, das WebVTT-Format, Security sowie Transloadit und andere Datei-Umwandel-Dienste. Außerdem empfehlen wir den Talk The State of HTML5 Video von Jeroen Wijering. [00:51:05] Keine Schaunotizen Finer grained control of hyphenation with CSS4 Text – Generated Content by David Storey Funktioniert sogar schon in IE 10 und Safari. Using SVG Umfassender Überblick von Chris Coyier zum Thema. Codebase Github für mehr als nur Git plus Projektverwaltung. Spenden für Tern Open-Source-JavaScript-Autocompletion kann man nicht kaufen, aber crowdfunden. Meaningful Transitions Schöne Patterns für Transitions in UIs.
undefined
Mar 5, 2013 • 37min

Revision 110: Rendering Performance

Peter, Hans und Rod diskutieren Rendering Performance auf mobilen Geräten. Wie finden wir die Engpässe, was lässt sich ohne Verluste beheben und wo möchte man freiwillig Abstriche machen? Eine sehr exakte Wissenschaft, wir liefern Fakten Fakten Fakten! [00:00:11] News Internet Explorer 10 auf Windows 7 Der IE10 ist jetzt für Windows 7 zum Download verfügbar. Wer sich mit dem neusten Trident noch nicht auseinandergesetzt hat, möchte dies jetzt nachholen. Intrinsic Dimensions Wer schon immer mal ein <div> auf die Größe seines Inhaltes anpassen wollte, wird sich jetzt in Firefox und Chrome an width: fit-content; erfreuen. jQuery 2.0 beta2 Der nächste Kandidat ist da – wieder heisst es: Testet eure Plugins und Seiten. CoffeeScript 1.6.1 Jetzt auch mit Source Maps (Achtung: 1.6.0 ist kaputt) Schaunotizen [00:01:56] Mobile Browser Performance Wir diskutieren über Performance – ausgelöst von den Artikeln On Translate3D und Myth busting the HTML5 performance of transform:translate vs. top/left. Einen sehr netten Einstieg in das Thema Transforms bietet das Tutorial Manipulating content with CSS3 transforms. [00:26:10] HTML-Glücksrad autocomplete Attribut … kann nützlich sein, aber auch für (falsche) Sicherheit missbraucht werden [00:34:45] Keine Schaunotizen grunt-devtools … integriert Grunts Konsolenausgabe in die Google Chrome Developer Tools WebKit for Developers … Paul erklärt uns was WebKit eigentlich ist und dass WebKit eben nicht gleich WebKit ist. Full-text search in your browser lunr.js ist eine Feauture-bepackte Suchmaschine, die im Browser läuft. Designing Better JavaScript APIs (Video) Rod erklärt uns hier in 20 Minuten, was sein Artikel in ausführlicherem Umfang liefert.

The AI-powered Podcast Player

Save insights by tapping your headphones, chat with episodes, discover the best highlights - and more!
App store bannerPlay store banner
Get the app