From Hot Metal to HTML: The Story of Typography - Dylan Beattie - NDC Porto 2023

Поділитися
Вставка
  • Опубліковано 11 бер 2024
  • This talk was recorded at NDC Porto in Porto, Portugal. #ndcporto #ndcconferences #ui #web #developer #softwaredeveloper
    Attend the next NDC conference near you:
    ndcconferences.com
    ndcporto.com/
    Subscribe to our UA-cam channel and learn every day:
    /@NDC
    Follow our Social Media!
    / ndcconferences
    / ndc_conferences
    / ndc_conferences
    Arial, Times New Roman, Consolas, Comic Sans... digital typography has turned us all into typesetters. The tools we use, the apps we build, the emails we send: with so much of our lives mediated by technology, something as seemingly innocuous as picking a typeface can end up defining our relationship with the systems we use, and become part of the identity that we project into the world. Typography is a fundamental part of modern information design, with implications for user experience, accessibility, even performance - and when it goes wrong, it can produce some of the most baffling bugs you've ever seen.
    Join Dylan Beattie for a journey into the weird and wonderful history of digital typography, from the origins of movable type in 8th century Asia, to the world of e-ink displays and web typography. We'll look at the relationship between technology and typography over the centuries: the Gutenberg Press, Linotype machines, WYSIWYG and the desktop publishing revolution. What was so special about the Apple II? How do you design a pixel font? We'll learn why they're called upper and lower case, we'll talk about why so many developers find CSS counter-intuitive - and we'll find out why so many emails used to end with the letter J.
  • Наука та технологія

КОМЕНТАРІ • 60

  • @FelipeJaber-ez1mt
    @FelipeJaber-ez1mt 2 місяці тому +246

    im a simple person, i see "Dylan Beattie", i click it

  • @pflasterstrips7254
    @pflasterstrips7254 2 місяці тому +24

    he should call it "From Tablet to Tablet"

  • @rcoder01
    @rcoder01 2 місяці тому +48

    Wake up new Dylan Beattie talk just dropped

  • @bujin1977
    @bujin1977 2 місяці тому +33

    Always love the way Dylan takes what should be an incredibly boring subject and turns it into a fascinating and entertaining talk.

  • @BeachFrontSolutions
    @BeachFrontSolutions 2 місяці тому +10

    So I grew up seeing three Linotypes in action and the print shop where my father and grandfather worked - today 34 years later I learned to appreciate those memories so thank you for that

  • @SpiritmanProductions
    @SpiritmanProductions 2 місяці тому +2

    What an excellent presentation. Thanks very much.

  • @user-xh9pt8zu2l
    @user-xh9pt8zu2l 2 місяці тому +13

    Excellent talk, thank you. I would add the detail that Gutenberg didn't combine movable type with a grape press. Rather he replaced the carved wooden print block with a block of moveable type in the already invented printer (which in its turn was based on grape/olive press technology). Books were printed before Gutenberg but they were limited as each page had to be carved and would only do so many copies before the wood block failed. After Gutenberg the wood block was only needed for illustration and decorative detail not the text... huge saving in labour.

    • @9s-l-s9
      @9s-l-s9 2 місяці тому

      Well, true but what invention was not based on existing technology? Might not fit directly your comment, but sometimes feel as if people have this need to talk down the work of Gutenberg🤔

    • @user-xh9pt8zu2l
      @user-xh9pt8zu2l 2 місяці тому +1

      Yes@@9s-l-s9 agree. Gutenberg's addition of movable/reusable type to the existing printing process was the genius paradigm shifting invention. The nuance is to not totally devalue the clever stuff that went before. But that can be hard in the time constraints of a conference talk.

    • @thecodewarrior7925
      @thecodewarrior7925 2 місяці тому

      If I recall correctly another thing Gutenberg did was develop an alloy of lead that actually expanded slightly when it cooled, which helped it hold the shape of the mold.

  • @Kowzorz
    @Kowzorz 2 місяці тому +2

    Long ago Douglas Hofstader had a lecture on fonts and typography and it has been lost to the sands of youtube. I pray one day I get to watch that lecture again.

  • @ray30k
    @ray30k 2 місяці тому +1

    41:07 was a genuine jaw-dropping, mind-expanded moment for me. Never really thought about why those specific colours were used on the edges, but seeing it like this, that was an utterly brilliant way to sharpen the letters up!

  • @dominicus9891
    @dominicus9891 2 місяці тому +4

    The story about the Helvetica Neue websites hits close to home. I downloaded Helvetica Neue *condensed bold* for a single time use in a poster, and suddenly, it somehow became what Chrome, Firefox, and Edge all decided "Helvetica" should be (in spite of the fact I have the entire family of helvetica neue installed). Every single website with Helvetica Neue became TIGHT and PUNCHY.

  • @citizen240
    @citizen240 2 місяці тому +4

    (1) THOROUGHLY entertaining presentation! (2) Really nostalgic for somebody who has sat at the keyboard of a Linotype machine (one of about ten) in productive use at the time at a 1950s newspaper. Wonder if I can find the rectangular slug of lead that it cast with my name in raised type. (3) I’m very impressed with my first encounter with Dylan Beattie. He’s got a great sense of humor that comes across in a very engaging way. That was interesting content, very well organized and superbly delivered. Furthermore … just based on this one presentation, if there exists a metric for quality of presentation based the number of words spoken to deliver the message versus non-message words like “um”, “uh”, “no, what I meant was …”, etc., I’d say he has to own the record. Huge bandwidth of message delivered. I’m in awe of how he can speak so rapidly without any slurring or stumbling or even pauses.

    • @dirtdart81
      @dirtdart81 2 місяці тому

      Strongly recommend searching for other talks hes given at various conferences, they're all great! :D

  • @milasudril
    @milasudril 2 місяці тому +7

    Knuth also invented METAFONT. But yes, \LaTeX is better than word if you need to type lots of equations and have cross references to figures etc.

  • @RockyTheDog756
    @RockyTheDog756 2 місяці тому +5

    As always stunning speech!

  • @blacklion79
    @blacklion79 2 місяці тому +2

    Fantastic talk.
    Thank you!

  • @itissatno
    @itissatno 2 місяці тому +3

    love your talks!

  • @rilauats
    @rilauats 2 місяці тому +1

    Wonderful story, Dylan!
    I'm in awe. Literally.

  • @newklear2k
    @newklear2k 2 місяці тому +1

    Having ran a reproduction linotype, I appreciate this trip down memory lane.

  • @roman.koliada
    @roman.koliada 2 місяці тому +2

    Amazing story, as always

  • @pamdemonia
    @pamdemonia 2 місяці тому +1

    My boyfriend in college had an original Mac and an Apple 27 pin dot matrix printer, and I am sure that the serifs on the font New York boosted my grade on papers by 50%!

  • @Gruggo
    @Gruggo 2 місяці тому

    I did it, I found the most interesting video on the internet, never need to watch anything ever again.

  • @robward8247
    @robward8247 2 місяці тому +2

    way more interesting than the title would suggest

  • @valbogda5512
    @valbogda5512 2 місяці тому

    Superb from Dylan as always. But not only that this talk is very relevant to what I'm into at the moment.

  • @brookead
    @brookead 2 місяці тому +2

    That was LaTeX, not TeX. TeX was way more complex than that. I used to write my economics lecture notes up in LaTeX, cos I could do it in emacs on X11 in early kernel versions of Linux (yeah in hindsight Economics was an odd degree choice.). LaTeX was actually WAY faster than trying to use Word and the equation editor when you had lots of those! I also sold my lecture notes to people. :)

  • @vvill-ga
    @vvill-ga 2 місяці тому +1

    Ayy another Boox tab user! I'm glad Onyx is starting to get more recognission. I hope they go big!

  • @giftmukupe1
    @giftmukupe1 2 місяці тому

    Awesome talk!

  • @ZedaZ80
    @ZedaZ80 2 місяці тому +1

    PostScript is such a satisfying language ❤
    *edit:* 4x3 is the smallest [usable] font I've seen! I believe used in DoorsCS on a monochrome TI-83+/TI-84+ calculator, since the screens are 96x64 pixels.

  • @GeorgeMonsour
    @GeorgeMonsour Місяць тому

    I lived all that! I even worked with Letraset before the Mac came out. That may be the only tech that Dylan left out!

  • @micomrkaic
    @micomrkaic 2 місяці тому +2

    You showed LaTeX, not TeX at 29:00. Big difference, dude.

  • @larsgregersen
    @larsgregersen 2 місяці тому +3

    I'm from Denmark and I approve of this talk ;-)

  • @realshaoran4514
    @realshaoran4514 2 місяці тому +1

    Awesome talk, I enjoyed it very much. J

  • @altreusplays
    @altreusplays Місяць тому

    Made in Altrincham! Represent

  • @nescius2
    @nescius2 2 місяці тому +1

    15:06 ...how much branding do you need to make _a _*_new kind_*_ of device?_

  • @theondono
    @theondono 2 місяці тому

    Not sure if Dylan will see this, but I know he cares about accuracy.
    The story about the girl saying “3d printed save button”, that’s actually a “kids react” video, and it was on youtube, not sure if it still is.

  • @setlonnert
    @setlonnert 2 місяці тому

    I'm not sure, but didn't LINC-8 have a 5 by 3 pixels character "font"?

  • @WhiteThunder121
    @WhiteThunder121 2 місяці тому +4

    "It's not about comic sans, it's about sending a message."
    - Dylan Beattie

  • @SuperMuchonacho
    @SuperMuchonacho Місяць тому

    what are the fonts used on the opening slides?

  • @ObscuraDeCapra
    @ObscuraDeCapra 2 місяці тому

    Science fiction in our lifetimes?
    Quantum Leap. Dude had this weird handheld device that connected to a mainframe in the future and spit out information from every newspaper and library and archive in history.
    These days we use those devices to do sudoku when we're pooping.

  •  2 місяці тому +1

    This is a way how Dylan earns for living. I saw him live once upon the time with "We need more framewoks" show. He knows how to make the big show among intravert programmers. So he is a great guy, The Next Elvis.

  • @IrwineDuncan
    @IrwineDuncan 2 місяці тому

    XEROX PARC

  • @dfs-comedy
    @dfs-comedy 2 місяці тому +3

    "Cow" in Hebrew is "Parah", not "Aleph". So I think there's some urban legendness going on... But just a nit in an otherwise great talk.
    EDIT: I still use LaTeX for important documents. I love it.

    • @micro-history
      @micro-history 2 місяці тому +3

      But "Ox" in Hebrew is אלף in Hebrew, which is pronounced Aleph. So it's not an urban legend, just a slightly different cow-like animal. en.wikipedia.org/wiki/Aleph

    • @dfs-comedy
      @dfs-comedy 2 місяці тому +1

      @@micro-history OK. I think that's an archaic term, but it would make sense considering when the pictogram was developed.

  • @blenderpanzi
    @blenderpanzi 2 місяці тому

    In 2019 the ClearType patent expired anyway, but I'm on a 4k monitor now. So it's pretty irrelevant now.

  • @EternallySurprised
    @EternallySurprised 2 місяці тому +2

    Literally, whenever you create a document with LaTeX and show it to anyone who has ever worked with it, they immediately recognize AND appreciate it and you end up telling each other for 15 minutes how much better it looks. And then you start complaining together about why people still prefer to use a what-you-see-is-never-what-you-get word processor from Redmont.

    • @SharienGaming
      @SharienGaming 2 місяці тому

      i prefer the term wysiwtf for stuff like word XD
      also yes can confirm... texed documents are pretty damn recognizable, especially when they have a lot of equations... and the fact that it never breaks just because someone doesnt have the same fonts as you installed
      i actually ended up using LaTeX for making my CV and introduction letters back when i was job hunting^^

  • @judewestburner
    @judewestburner 2 місяці тому

    He had one hour to prepare for this?!?!?!