Revision 215: Einheitsbrei

Schepp, Hans, Stefan und Rodney quatschen über rem, em, px und vh. SCHAUNOTIZEN [00:00:19] R.I.P. REM, VIVA CSS REFERENCE PIXEL! In unserer Aufzeichnungswoche ist dieser Artikel halbwegs viral gegangen und auch bei uns am Schirm gelandet. In argwilliger Meinungsmache (hatten wir das nicht schon letztens?) werden Einheiten wie rem und em angefochten und der gute, alte Pixel wieder hochzelebriert. Wir feuern kampflustig mit allem dagegen, was wir haben setzen uns mit der Thematik kritisch auseinander und reflektieren, kommen auch zu dem Schluß dass nicht alles Schwarz-und-Weiß ist. em haben durchaus ihre Verwendung bei relativen Abständen, mit rem lassen sich responsive Fragestellungen äußerst elegant lösen. Einziger Nachteil: Die IEs kleinergleich 10 haben Probleme mit rems (und Rehms!) und Pseudo-Elementen. Darüber hinaus gibt uns Rodney Einblick in die Zusammenarbeit mit seinen Designern, die die fiktive Einheit „bu“ erfunden haben, und streifen folgende Artikel und Videos: * You should understand CSS Units * A pixel is not a pixel (Video) * The mobile viewports (Video) [00:23:09] PRECISE CONTROL OVER RESPONSIVE TYPOGRAPHY Eine interessante Technik, die flüssiges Skalieren von Schriften auf unterschiedlichen Screengrößen erlaubt, gibt uns genug Zündstoff um die sehr beliebten, allerdings umfangreich kaputten Viewport Units wieder aufzuwärmen. Rodney erzählt als Inhaber des Viewport Unit Buggyfills von den Problemen, die seine Anwender haben, und Schepp kennt ein paar gefinkelte Techniken, wie man gut ohne JavaScript beim Fixen auskommt. Darüberhinaus philosophieren wir über Umsetzungsstabilität von Webstandards, den einen oder anderen Hack, und ab welcher Projektgröße die vertretbar sind. Denn: alles, was man halbherzig ausbügelt, kommt wohl irgendwann wieder auf einen zurück. [00:39:31] KEINE SCHAUNOTIZEN IE DIAGNOSTICS ADAPTER Mit den Chrome Dev Tools mal eben den IE debuggen? Microsoft (richtig gelesen!) macht’s möglich. OPPOTURNISTIC ENCRYPTION Wem halbgare Werbekampagnen mit gemeinsamen Wunsch nach HTTPS schonmal übel auf den Kopf gefallen sind, darf sich über folgende Lösung von Firefox freuen. ANNNOTATED VERSION OF THE ORIGINAL JQUERY RELEASE John Resig kann nicht nur programmieren, sondern auch gut Geschichten erzählen. Hier kombiniert er mit Nähkästchenplauderei zur ersten jQuery Veröffentlichung. BUILDING BETTER INTERFACES WITH SVG Die Königin der Vektorgrafiken Sara Soueidan brilliert wieder einmal mit einem Slideset, dass sich gewaschen hat. Auch ohne Tonspur wertvoll! NPM SHRINKPACK NPM dependencies in ihrer Version einfrieren und gleichzeitig als Binärdatei für das eigene Team verfügbar machen, so die NPM Repository Abhängigkeit loswerden? Dieses Tool macht’s möglich.