Revision 170: Inline SVGs vs Icon Fonts, Adaptive Placeholders und currentScript episode artwork

EPISODE · May 24, 2014 · 41 MIN

Revision 170: Inline SVGs vs Icon Fonts, Adaptive Placeholders und currentScript

from Working Draft · host Vanessa Otto, Peter Kröner, Hans Christian Reinl, Stefan Baumgartner, Christian »Schepp« Schaefer

Eine kurze und knackige Episode zu diversen Themen, inklusive den Gewinnern der Verlosung aus Revision 167 [00:00:00] NEWS FIREFOX 29 Firefox 29 ist da, inklusive CSS Variablen und will-change Att…

Episode metadata supplied by the publisher feed · Published May 24, 2014

Embed this episode

Eine kurze und knackige Episode zu diversen Themen, inklusive den Gewinnern der Verlosung aus Revision 167 [00:00:00] NEWS FIREFOX 29 Firefox 29 ist da, inklusive CSS Variablen und will-change Attribut hinter Flag, und einer nicht prefixten Implementierung von box-sizing. SCHAUNOTIZEN [00:00:46] ICON FONTS VS SVG Chris Coyier schreibt über die Vor- und Nachteile von Icon Fonts und (Inline) SVG, und schlägt sich mit nur wenigen Abstrichen ganz klar auf die Seite der skalierbaren Vektoren. Wir sinnieren über Seperation of concerns, fallbacks, mögliche Sicherheitslücken und resümieren mit unseren eigenen Erfahrungen. [00:13:20] ADAPTIVE PLACEHOLDERS Auch bekannt als das Float Label Pattern sind „Adaptive Placeholders“ der nächste Usability Schrei da draussen. Das jetzt viele Leute (u.a. auch Jonathan Snook) mit diversen Implementierungen versuchen die Grundidee optimal zu implementieren, zeigt nur wie sympathisch diese Idee Designern wie Entwicklern ist. Dass man allerdings nicht allen JavaScript-freien Implementierungen trauen soll und manches Mal das Web ganz schön verbogen wird, zeigen wir. [00:23:10] IDENTIFYING THE CURRENT ELEMENT Unser JavaScript Guru Rodney hält eine Audienz der JavaScript Eminenz Axel Rauschmayer, und zeigt uns was mit neuen JavaScript APIs wie document.currentScript und document.scripts getan werden kann, und wozu das eigentlich gut ist. [00:33:25] GEWINNER DECENTRALIZE CAMP In Revision 167 wollten wir von euch wissen, wie man seine Daten „befreien“ kann. Als Gewinn winken zwei Tickets zum Decentralize Camp am 21. Mai in Düsseldorf. Gewonnen haben Sebastian und Philip, wie Rodneys unparteiisch einwandfreies Auswahl-Skript entschied. [00:37:30] KEINE SCHAUNOTIZEN JAVASCRIPT PROMISES IN WICKED DETAIL Noch Fragen zu JavaScript Promises? Hier wird alles äußerst ausführlich beantwortet. THE DIFFERENCE BETWEEN SASS AND SCSS Den Unterschied zwischen den beiden Syntax-Varianten von Sass sollten mittlerweile alle Anwender kennen. Die geschichtlichen Hintergründe sind vielleicht noch unbekannt. Hugo Giraudel klärt auf. THE SECRET MESSAGES INSIDE CHINESE URLS Etliche Aha-Effekte in diesem Artikel, der zeigt warum 888888888.com für China eine ganz tolle Domain ist. WEBCOMPONENTS.ORG Web Components sind das nächste große Ding, das Portal ist das dazu passende Wissensarchiv.

Distinct summary based on available episode metadata or transcript content.

NOW PLAYING

Revision 170: Inline SVGs vs Icon Fonts, Adaptive Placeholders und currentScript

0:00 41:32

No transcript for this episode yet

We transcribe on demand. Request one and we'll notify you when it's ready — usually under 10 minutes.

No similar episodes found.

Frequently Asked Questions

How long is this episode of Working Draft?

This episode is 41 minutes long.

When was this Working Draft episode published?

This episode was published on May 24, 2014.

Can I download this Working Draft episode?

Yes. Use the download control on the episode player to save the publisher-provided media file.
URL copied to clipboard!