JSJ 344: Inclusive Components with Heydon Pickering

JavaScript Jabber

Episode | Podcast

Date: Tue, 18 Dec 2018 02:00:00 +0000

<div class="trix-content"> <div><strong>Panel: </strong></div><ul> <li>Charles Max Wood</li> <li>Aimee Knight</li> <li>Chris Ferdinandi</li> <li>Joe Eames</li> </ul><div> <strong>Special Guest: </strong><a href="https://github.com/Heydon">Heydon Pickering </a> </div><div>In this episode, the panel talks with Heydon Pickering who is a designer and writer. The panel and the guest talk about his new book, which is centered on the topic of today’s show: inclusive components. Check out Heydon’s <a href="https://twitter.com/heydonworks">Twitter</a>, <a href="http://www.heydonworks.com/about">Website</a>, <a href="https://github.com/Heydon">GitHub,</a> and <a href="https://mastodon.social/@heydon">Mastodon</a> social accounts to learn more about him. To purchase the book – <a href="https://shop.smashingmagazine.com/products/inclusive-design-patterns">go here!</a> </div><div><strong>Show Topics:</strong></div><div>0:00 – <a href="https://www.telerik.com/kendo-ui?utm_medium=social-paid&amp;utm_source=devchattv&amp;utm_campaign=kendo-ui-awareness-jsjabber">Advertisement: KENDO UI</a> </div><div>0:38 – Chuck: Aimee, Chris, Joe, and myself – we are today’s panel. My show the <a href="http://thedevrev.com">DevRev</a> is available online to check it out.</div><div>1:30 – Guest: Plain ice cream would be frozen milk and that would be terrible. So I am lemon and candy JavaScript!</div><div>2:13 – Chuck: We are talking today about...?</div><div>2:22 – Chris: He’s talking about “inclusive components” today!</div><div>2:41 – Guest: Traveling is very stressful and I wanted something to do on the plane. I’ve done this book, <a href="https://shop.smashingmagazine.com/products/inclusive-design-patterns">“Inclusive Design Patterns.”</a> </div><div>If you don’t want to buy the book you can go to the blog. I have been talking with Smashing Magazine.</div><div>5:40 – Panel.</div><div>5:47 – Guest: I approached Smashing Magazine initially. They didn’t think there was a market for this content at the time. They were very supportive but we will do it as an eBook so our costs our down. At the time, the editor came back and said that: “it was quite good!” We skimmed it but came back to it now and now the content was more relevant in their eyes. I didn’t want to do the same book but I wanted to do it around “patterns.” Rewriting components is what I do all the time. I use Vanilla JavaScript. <a href="http://backbonejs.org">Backbone.js</a> is the trendy one.</div><div>9:52 – Panel: The hard book did it get published?</div><div>10:02 – Guest: We are in the works and it’s all in the final stages right now. It has to go through a different process for the print version.</div><div>11:54 – Panel.</div><div>11:58 – (<em>Guest continues about the editorial process.) </em> </div><div>12:09 – Panel: They probably switched to <a href="https://visualstudio.microsoft.com/tfs/">TFS – it’s Microsoft’s.</a> </div><div>12:23 – Guest: There was this argument on Twitter about the different processors.</div><div>13:35 – Chris: What are the ways that people are breaking accessibility with their code through JavaScript? </div><div>13:59 – Guest: The whole premise is that there aren’t a ton of different components that we use. Generally, speaking. Most things we do through JavaScript – it’s just different ways of doing this/that, and hiding things. I am discounting things with Node or other stuff. Most of what we are doing, with interactive design, is showing and hiding.</div><div>18:37 – Chris: I have some specialty friends where they tell me where I’ve screwed up my code. For example Eric Bailey and Scott O’Hara but, of course, in very kind ways. What are some things that I can make sure that my code is going to work for many different people.</div><div>19:18 – Guest: You have accessibility and inclusive design. People think of accessibility as a check-list and that’s okay but there could be problems with this.</div><div>26:00... Support this podcast at — https://redcircle.com/javascript-jabber/donations Advertising Inquiries: https://redcircle.com/brands Privacy & Opt-Out: https://redcircle.com/privacy