Panel:\xa0
- Charles Max Wood
- Aimee Knight
- Chris Ferdinandi
- Joe Eames
Special Guest: https://github.com/Heydon 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\u2019s show: inclusive components. Check out Heydon\u2019s https://twitter.com/heydonworks, http://www.heydonworks.com/about, https://github.com/Heydon and https://mastodon.social/@heydon social accounts to learn more about him. To purchase the book \u2013 https://shop.smashingmagazine.com/products/inclusive-design-patterns Show Topics:0:00 \u2013 https://www.telerik.com/kendo-ui?utm_campaign=kendo-ui-awareness-jsjabber&utm_medium=social-paid&utm_source=devchattv 0:38 \u2013 Chuck: Aimee, Chris, Joe, and myself \u2013 we are today\u2019s panel. My show the http://thedevrev.com is available online to check it out.1:30 \u2013 Guest: Plain ice cream would be frozen milk and that would be terrible. So I am lemon and candy JavaScript!2:13 \u2013 Chuck: We are talking today about...?2:22 \u2013 Chris: He\u2019s talking about \u201cinclusive components\u201d today!2:41 \u2013 Guest: Traveling is very stressful and I wanted something to do on the plane. I\u2019ve done this book, https://shop.smashingmagazine.com/products/inclusive-design-patterns If you don\u2019t want to buy the book you can go to the blog. I have been talking with Smashing Magazine.5:40 \u2013 Panel.5:47 \u2013 Guest: I approached Smashing Magazine initially. They didn\u2019t 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: \u201cit was quite good!\u201d We skimmed it but came back to it now and now the content was more relevant in their eyes. I didn\u2019t want to do the same book but I wanted to do it around \u201cpatterns.\u201d Rewriting components is what I do all the time. I use Vanilla JavaScript. http://backbonejs.org is the trendy one.9:52 \u2013 Panel: The hard book did it get published?10:02 \u2013 Guest: We are in the works and it\u2019s all in the final stages right now. It has to go through a different process for the print version.11:54 \u2013 Panel.11:58 \u2013 (Guest continues about the editorial process.)\xa0 12:09 \u2013 Panel: They probably switched to https://visualstudio.microsoft.com/tfs/ 12:23 \u2013 Guest: There was this argument on Twitter about the different processors.13:35 \u2013 Chris: What are the ways that people are breaking accessibility with their code through JavaScript?\xa013:59 \u2013 Guest: The whole premise is that there aren\u2019t a ton of different components that we use. Generally, speaking. Most things we do through JavaScript \u2013 it\u2019s 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.18:37 \u2013 Chris: I have some specialty friends where they tell me where I\u2019ve screwed up my code. For example Eric Bailey and Scott O\u2019Hara 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.19:18 \u2013 Guest: You have accessibility and inclusive design. People think of accessibility as a check-list and that\u2019s okay but there could be problems with this.26:00 \u2013 Panel: That\u2019s a great guideline.26:05 \u2013 Chris: You talked about ARIA roles and it can be confusing. One side is: I don\u2019t know when to use these and the other side is: I don\u2019t know when NOT to use these so I\u2019m going to use them for EVERYTHING! I guess both can be detrimental. What\u2019s your advice on this topic?27:00 \u2013 Guest: Scott is great and I would trust him to the end of the Earth about what he says.Guest mentions https://tink.uk and her talks about this topic.29:26 \u2013 (Guest continues.) 29:36 \u2013 https://sentry.io/welcome/ 30:31 \u2013 Chris.30:40 \u2013 Guest: There is a lot of pressure, though, right? People wouldn\u2019t blog about this if it wasn\u2019t worthwhile. It doesn\u2019t matter what the style is or what the syntax is.The guest talks about not throwing ARIA onto everything.36:34 \u2013 Aimee: Is this something that was mentioned in the book: people with disabilities and accessibility.37:28 \u2013 Guest: Yes, of course. I think it\u2019s important to make your interfaces flexible and robust to think and include people with disabilities.39:00 \u2013 Guest mentions larger buttons. 40:52 \u2013 Panelists and Guest talk back-and-forth. 42:22 \u2013 Chris: It\u2019s an accessibility and inclusivity element. I saw a dropdown menu and worked great on certain devices but not others. I could beat this horse all day long but the whole: what happens of the JavaScript file doesn\u2019t load or just accordion options?43:50 \u2013 Guest: It\u2019s the progressive enhancement element.44:05 \u2013 Guest: I think it\u2019s worth noting. I think these things dovetail really nicely.46:29 \u2013 Chris: Did you do a video interview, Aimee, talking about CSS? Is CSS better than JavaScript in some ways I don\u2019t know if this is related or not?47:03 \u2013 Aimee: When I talk about JavaScript vs. CSS...the browser optimizes those.47:27 \u2013 Aimee: But as someone who loves JavaScript...and then some very talented people taught me that you have to find the right tool for the job.47:29 \u2013 Guest: I am the other way around \u2013 interesting.52:50 \u2013 Chuck: Picks!52:55 \u2013 https://devchat.tv/get-a-coder-job/ END \u2013 https://www.cachefly.com Links:
- https://www.javascript.com
- http://backbonejs.org
- https://visualstudio.microsoft.com/tfs/
- https://tink.uk
- https://reactjs.org
- https://elixir-lang.org
- Ember.js
- https://vuejs.org
- https://golang.org/project/
- http://jquery.com
- https://nodejs.org/en/
- https://github.com/GoogleChrome/puppeteer
- https://www.cypress.io
- https://github.com/Heydon
- https://mastodon.social/@heydon
- https://shop.smashingmagazine.com/products/inclusive-design-patterns
- https://codeburst.io/heydon-pickering-accessibility-responsibility-and-inclusive-design-6fd8ae9883b8
- http://www.heydonworks.com
- https://twitter.com/heydonworks
Sponsors:
- https://devlifts.io
- https://www.telerik.com/kendo-ui?utm_campaign=kendo-ui-awareness-jsjabber&utm_medium=social-paid&utm_source=devchattv
- https://sentry.io/welcome/
- https://www.cachefly.com
Picks:Joe
- https://gomakethings.com/
- https://boardgamegeek.com/boardgame/245643/luxor
- http://cypress.io/
Aimee
- https://threader.app/thread/1058433116002381824
- https://www.amazon.com/dp/B0764FYSNF?aaxitk=2FWeizqoAJkDZQs18ygELQ&hsa_cr_id=7362091710401&pd_rd_i=B0764FYSNF&pf_rd_p=3ff6092e-8451-438b-8278-7e94064b4d42&sb-ci-a=B0764FYSNF&sb-ci-n=asinImage&sb-ci-v=https%253A%252F%252Fimages-na.ssl-images-amazon.com%252Fimages%252FI%252F41DNdyq2%252B-L.jpg
Chris
- Web Dev Career Guide: https://gomakethings.com/career-guide/
Become a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.