Working Draft

Revision 215: Einheitsbrei


Listen Later

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.
    ...more
    View all episodesView all episodes
    Download on the App Store

    Working DraftBy Vanessa Otto, Peter Kröner, Hans Christian Reinl, Stefan Baumgartner, Christian »Schepp« Schaefer


    More shows like Working Draft

    View all
    Bits und so by Undsoversum GmbH

    Bits und so

    25 Listeners

    Freak Show by Metaebene Personal Media - Tim Pritlove

    Freak Show

    9 Listeners

    AstroGeo - Geschichten aus Astronomie und Geologie by Karl Urban und Franziska Konitzer

    AstroGeo - Geschichten aus Astronomie und Geologie

    5 Listeners

    Geschichten aus der Geschichte by Richard Hemmer und Daniel Meßner

    Geschichten aus der Geschichte

    196 Listeners

    c’t uplink - der IT-Podcast aus Nerdistan by c’t Magazin

    c’t uplink - der IT-Podcast aus Nerdistan

    9 Listeners

    Stay Forever - Retrogames & Technik by Stay Forever Team

    Stay Forever - Retrogames & Technik

    32 Listeners

    Logbuch:Netzpolitik by Metaebene Personal Media - Tim Pritlove

    Logbuch:Netzpolitik

    6 Listeners

    programmier.bar – der Podcast für App- und Webentwicklung by programmier.bar

    programmier.bar – der Podcast für App- und Webentwicklung

    0 Listeners

    Podcasts von Tichys Einblick by Tichys Einblick

    Podcasts von Tichys Einblick

    23 Listeners

    eat.READ.sleep. Bücher für dich by NDR

    eat.READ.sleep. Bücher für dich

    35 Listeners

    Geld ganz einfach - von Saidi & Emil by Finanztip

    Geld ganz einfach - von Saidi & Emil

    11 Listeners

    Lanz + Precht by ZDF, Markus Lanz & Richard David Precht

    Lanz + Precht

    323 Listeners

    {ungeskriptet} - Gespräche, die dich weiter bringen by Ben Berndt

    {ungeskriptet} - Gespräche, die dich weiter bringen

    30 Listeners

    KI-Update – ein heise-Podcast by Isabel Grünewald, heise online

    KI-Update – ein heise-Podcast

    4 Listeners

    Engineering Kiosk by Wolfgang Gassler, Andy Grunwald

    Engineering Kiosk

    0 Listeners