Тёмный

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

NDC Conferences
Подписаться 192 тыс.
Просмотров 21 тыс.
50% 1

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 RU-vid 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.

Наука

Опубликовано:

 

11 мар 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 60   
@FelipeJaber-ez1mt
@FelipeJaber-ez1mt 2 месяца назад
im a simple person, i see "Dylan Beattie", i click it
@andrina118
@andrina118 2 месяца назад
He's always good value
@khoda81
@khoda81 2 месяца назад
So truuu
@janhendrikschreier
@janhendrikschreier 2 месяца назад
One of the better heuristics in life
@thomasklima215
@thomasklima215 2 месяца назад
I was just typing the exact same xD
@JeremyAndersonBoise
@JeremyAndersonBoise 2 месяца назад
You are among the wise, Felipe. 🎉
@pflasterstrips7254
@pflasterstrips7254 2 месяца назад
he should call it "From Tablet to Tablet"
@rcoder01
@rcoder01 2 месяца назад
Wake up new Dylan Beattie talk just dropped
@bujin1977
@bujin1977 2 месяца назад
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 месяца назад
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
@user-xh9pt8zu2l
@user-xh9pt8zu2l 2 месяца назад
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 месяца назад
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.
@SpiritmanProductions
@SpiritmanProductions 2 месяца назад
What an excellent presentation. Thanks very much.
@Kowzorz
@Kowzorz 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.
@dominicus9891
@dominicus9891 2 месяца назад
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.
@ray30k
@ray30k 2 месяца назад
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!
@milasudril
@milasudril 2 месяца назад
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.
@pamdemonia
@pamdemonia 2 месяца назад
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%!
@citizen240
@citizen240 2 месяца назад
(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
@newklear2k
@newklear2k 2 месяца назад
Having ran a reproduction linotype, I appreciate this trip down memory lane.
@RockyTheDog756
@RockyTheDog756 2 месяца назад
As always stunning speech!
@NonTwinBrothers
@NonTwinBrothers 2 месяца назад
You know the type :D
@rilauats
@rilauats 2 месяца назад
Wonderful story, Dylan! I'm in awe. Literally.
@blacklion79
@blacklion79 2 месяца назад
Fantastic talk. Thank you!
@Gruggo
@Gruggo Месяц назад
I did it, I found the most interesting video on the internet, never need to watch anything ever again.
@itissatno
@itissatno 2 месяца назад
love your talks!
@brookead
@brookead 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. :)
@ZedaZ80
@ZedaZ80 2 месяца назад
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.
@robward8247
@robward8247 2 месяца назад
way more interesting than the title would suggest
@roman.koliada
@roman.koliada 2 месяца назад
Amazing story, as always
@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!
@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.
@vvill-ga
@vvill-ga 2 месяца назад
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!
@micomrkaic
@micomrkaic 2 месяца назад
You showed LaTeX, not TeX at 29:00. Big difference, dude.
@larsgregersen
@larsgregersen 2 месяца назад
I'm from Denmark and I approve of this talk ;-)
2 месяца назад
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.
@WhiteThunder121
@WhiteThunder121 2 месяца назад
"It's not about comic sans, it's about sending a message." - Dylan Beattie
@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.
@realshaoran4514
@realshaoran4514 2 месяца назад
Awesome talk, I enjoyed it very much. J
@altreusplays
@altreusplays Месяц назад
Made in Altrincham! Represent
@nescius2
@nescius2 2 месяца назад
15:06 ...how much branding do you need to make _a _*_new kind_*_ of device?_
@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.
@SuperMuchonacho
@SuperMuchonacho 26 дней назад
what are the fonts used on the opening slides?
@setlonnert
@setlonnert 2 месяца назад
I'm not sure, but didn't LINC-8 have a 5 by 3 pixels character "font"?
@dfs-comedy
@dfs-comedy 2 месяца назад
"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 месяца назад
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 месяца назад
@@micro-history OK. I think that's an archaic term, but it would make sense considering when the pictogram was developed.
@EternallySurprised
@EternallySurprised 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^^
@blenderpanzi
@blenderpanzi 2 месяца назад
In 2019 the ClearType patent expired anyway, but I'm on a 4k monitor now. So it's pretty irrelevant now.
@IrwineDuncan
@IrwineDuncan 2 месяца назад
XEROX PARC
@judewestburner
@judewestburner 2 месяца назад
He had one hour to prepare for this?!?!?!
Далее
The Secret Science of Perfect Spacing
9:40
Просмотров 313 тыс.
Make me the happiest man on earth... 🎁🥹
00:34
Просмотров 4,7 млн
Это новый МАЗ X - могут же!
23:40
Просмотров 599 тыс.
You Forgot To Say The Magic Word!
4:26
Просмотров 3,3 тыс.
Figma tutorial: Variables for typography
12:58
Просмотров 70 тыс.
10 CSS Pro Tips - Code this, NOT that!
9:39
Просмотров 2,1 млн
Jeremy McPeak's Larabits - HTMX May Be All You Need
15:22
How To Not Suck At Design For Developers
14:23
Просмотров 78 тыс.
Design Better Than 99% of UI Designers
14:52
Просмотров 175 тыс.
100+ Web Development Things you Should Know
13:18
Просмотров 1,4 млн
Power up all cell phones.
0:17
Просмотров 50 млн
КАК НАЧАТЬ ПОНИМАТЬ LINUX (2024)
21:10
Избранное печатает...
0:11
Просмотров 71 тыс.