HomeArticlesHot metal : Pasteup :: Floats : CSS Grid Hot metal : Pasteup :: Floats : CSS Grid By Juan Cameron December 8, 2019 Articles, Blog 36 Comments Tags:css, CSS Grid, developer tools, DevTools, firefox, flexbox, flexibility, graphic design, grid layout, history of graphic design, history of printing, history of web design, hot metal, hot metal typesetting, intrinsic web design, jen simmons, layout, letterpress, linotype, linotype machine, linotype typesetting, metal typesetting, Mozilla, offset, pasteup, photo ready, photo-typesetting, responsive web design, typesetting, typography, VU magazine, web design Related Posts Landing page tutorial — Grid-based form (Part 6 of 12) The Nucleus: Crash Course Chemistry #1 Portfolio Design with Mary Scott About Author admin 36 Comments Kevin Gutowski May 2, 2018 Thanks so much for putting this series together! It’s really changed how I want to approach communicating a product, story, or idea that I have on a website. I’m also inspired to go back and refer to some older print or poster layouts for inspiration to try. I like the slanted ones a bunch. Reply Bill Rafferty May 2, 2018 It’s so good to watch this and get your personal experiences and deep understanding the long history of printing. Too often people think of the web as just an evolution of computing rather than a part of the greater history of print communication and graphic design. Thank you! Reply Dave Cruickshank May 2, 2018 Haha that's awesome. I did paste-up in the early 90's as well. Posting pictures of cars and descriptions for the auto trader. I never really thought there was a name for it, cuz we weren't really designing per se… But I remember shooting hundreds of photographs through a waxing machine. Such memories! I had forgotten. Thanks Jen! Reply Rafał Grzejszczyk May 2, 2018 Nice lesson of DTP historical roots.Inspiring, as always. Thank you! Reply Alvee K. May 2, 2018 Great thoughts as always! Is that your kitchen? Looks awesome) Reply Fazeel May 2, 2018 You are amazing! Reply Layout Land May 2, 2018 If you want to learn more about the Linotype machine, I highly recommend this film: http://www.linotypefilm.com. The filmmakers of that documentary also posted a lot of historical film at https://vimeo.com/user4747369, including this amazing look at the last day the NYTimes was printing using the Linotype machine in 1978, https://vimeo.com/127605643. Reply I ride around and stuff May 2, 2018 I think you're a bit over exaggerating especially regarding css grids being bigger than media queries, but it's also important to create awareness about the importance of this new technology among developers – so I'd say your video is still on point 🙂 Reply klikmaker May 2, 2018 I wonder if visual editors – Dreamweaver and its ilk – will catch up to the new design technologies? I wonder if it will become as easy to position page elements on a web page as it was to do paste-up/layout decades ago. And how well will animation, media queries and feature queries be handled? Reply Jason Neel May 2, 2018 I can't wait for season 2! Reply Harold González May 3, 2018 Awesome video. I really appreciate that you highlight the core concepts over technical details. Thanks! Reply David May 3, 2018 This is so rare to find high quality knowledge like yours on YouTube Reply Shannon Wall May 3, 2018 I am absolutely loving these videos; I'm missing out on AEA this year so it's fulfilling my knowledge gap and being able to see you, or the others involved, speak about current layout techniques. They're also the perfect amount of time to take a break from and absorb. Please keep these going! Reply Paradigmshift2 May 3, 2018 I love how your videos just start. No intro or anything. I feel like the conversation from the other video I just finished watching has continued like we have a bit of a flow to the subject being discussed. Reply Gabrielle Iskandar May 5, 2018 Wow, that was a perfect ending to an amazing season. Pasteup is the one profession that I feel I *just missed out*, and I can see little sparkles of how it has influenced your work and thinking today. Thank you immensely Jen, I'll be waiting patiently (and re-watching the season) for season 2! Reply Mohamed Khodary May 6, 2018 Awesome video as always, would you please tell us how to create masonry layout using css grid or flex Reply Loïc Drouet May 7, 2018 Nice season ! Hope season 2 soon 🙂 Reply Richard Dale May 12, 2018 You don’t look old enough to have been working in the eighties 🙂 Reply Brandon Walowitz May 24, 2018 This video is a good example of something that makes every atom inside me vibrate in harmony. Reply Peter Grillet June 19, 2018 Awesome video. Thank you. Reply Blake Bacon June 23, 2018 you just brought web development back from the dead for me. You have such a beautiful view towards it. I look forward to showing you what I make. Reply Julius Cirwithian June 24, 2018 Your voice is so pleasant to listen to especially when you're breaking down and explaining things which make learning new things so much fun. I love your videos and your stories. I could listen to you for hours even on subjects that would ordinarily bore me to death. Thanks for sharing. Reply Mel O July 3, 2018 Wow, this was eye opening! Thank you Reply Sela Lewis July 19, 2018 This is brilliant insight Jen, thank you for sharing. Giving me a lot to think about, dream about, and hope to implement into new concepts. Reply Corey Holmes July 24, 2018 Thanks for the video. Can you tell me what the image is on 4:56 with all of that colorful text? Reply heitoralthmann July 27, 2018 I am in love with the level of depth and quality of all I've seen in here. Thank you so much Jen and keep pushing forward! Reply Abid Rahim August 1, 2018 One word. Quality. Reply Ivan Khaper Olea August 13, 2018 A fantastic post Jen! And I do agree we are at that cross roads where a deep dive into the medium and what directions it offers is required. Reply kimswabek October 29, 2018 and there was no responsive aspect and no elements with max-width that would explode inside flexbox items. good times these were. Reply Joe Stevens November 7, 2018 Your videos are really inspiring! I was getting tired of being a Front End dev because it felt like there wasn’t going to be anymore innovation in how this could look and function. After watching your videos I realize that is not the case Reply Ingleby January 28, 2019 We need a bigger "like" button on YouTube for this! Reply David Echeverri July 11, 2019 Love the historical context you give Reply Joel D Canfield August 23, 2019 One advantage of being really old is working with some of these technologies 😉 Did paste-up for a small newspaper in small town Texas, and it was a hoot. Reply Eduardo M September 11, 2019 I am really grateful for this amazing class. I got into coding last year and your videos really inspired me to create more and see web design with another perspectives. Thank you very much😃😃 Reply Atoool K September 30, 2019 sweet video Reply quicktastic November 29, 2019 In a high school graphics class we printed a news pamphlet using a california job case to set the print. Reply Add a Comment Cancel reply Your email address will not be published. Required fields are marked *Comment:*Name:* Email Address:* Save my name, email, and website in this browser for the next time I comment.