Local Development Workflows with Mark Ryba and Doug Osborne

In the season opener for the HubSpot Community Developer Show, we have a reunion of sorts. We are back again talking about accessibility. We brought together the cast from our first show on accessibility and added a powerful addition, Samuel Proulx, Accessibility Evangelist at Fable.  *The actual execution of the rendered html forms embed code rollout may differ from what is described in the recording as we’re always looking for the best way to balance the many factors involved.  Useful links: How to follow our cast:  Samuel Proulx   Jon Sasala (Morey Creative) Jon McLaren  Tanya Scales   Dennis Edson  HubSpot Accessibility Docs  Things mentioned in the show: InclusionHub InclusionsHub Events  InclusionHub Linkedin InclusionHub Twitter  Fable  Fable Upskill   Deque Wave Stark Google Lighthouse Be My Eyes

Mark Ryba of Smart Bug Media and Doug Osborne of Episilon sit down with  Jon McLaren and me to explore developing front-end projects with a local  development workflow. If you liked what you were hearing at the beginning of the show, that  was a fellow Community Developer, Christopher Mathieu's band, Phantom  Suns You can find that song and more here: If you have a killer song you would like us to feature, let us know! SHOW NOTES: Mark's dart group Style Fields in Beta VS Code HubL linting in Beta Updated Asset Marketplace Beta for marketplace validation using the CLI Doug's must have VSCode extensions: Prettier -  (we also have a commit hook that enforces prettier formatting) Jira -  (helps quickly make tickets on the fly, keys off of “TODO:” lines in your code where applicable) Atom One Dark Theme -  (Long time Atom user, I got used to the colors 🤷‍♂️) Mark's must have extensions: HS Extension Jinja Twig Autoprefixer Beautify Compare Folders - Mainly used for comparing modules and child/parent theme folders GitHub Pull Requests and Issues LiveServer -  Rarely used anymore, mostly for HTML emails before adding HubL tokens

Phil Vallender of Blend Marketing and Tim Joyce of Echopunch join AJ  LaPorte, Alex Girard and me to talk about how developers and marketers  can work together successfully.  Believe it or not, it is possible!

Zip zoom zoom.  Let's talk about site speed. In episode 4, I have the pleasure of speaking with John Fuller of  Ascend, Nhori Lopchan-Edmonds, Michele (Zog) Herzog and Jon McLaren of  HubSpot about what it takes to make your site have a lil pep in its  step. Join the conversation in the HubSpot Community:  https://community.hubspot.com/t5/Community-Developer-Blog/The-HubSpot-Community-Developer-Show-Episode-4-Site-Speed-with/ba-p/439919#M25   🗒️🗒️🗒️   Show Notes   🗒️🗒️🗒️  HubSpot Speed Guide: https://developers.hubspot.com/docs/cms/guides/speed  Website Grader: https://website.grader.com/

SEO Veterans Rikki Lear, Victor Pan and A.J. LaPorte take some time out of their busy day to tell me all about SEO.   If you want to join the conversation, join us in the HubSpot Community!  Community Link: https://hubs.ly/H0Lvg290    Show notes: Local SEO from Moz: https://moz.com/learn/seo/local   Lazy loading for performance: https://developers.hubspot.com/docs/cms/guides/speed/lazy-loading  HubSpot Boilerplate: https://developers.hubspot.com/docs/cms/building-blocks/themes/hubspot-cms-boilerplate  Is URL length a factor in search: (no its not): https://twitter.com/JohnMu/status/1224983811139735554  Animalz: https://revive.animalz.co/  SEO Recommendations tool: https://knowledge.hubspot.com/cos-general/how-can-i-optimize-my-pages-for-seo  Moz beginner's guide to seo: https://moz.com/beginners-guide-to-seo  Google page speed insights: https://developers.google.com/speed/pagespeed/insights/  SEMRush: https://www.semrush.com  Domain Authority Checker: https://websiteseochecker.com/domain-authority-checker/

Episode 2 of the show explores all things email.  I had the pleasure of  talking with Alyssa Wilie, developer at Lynton Web,  Sarah Nolan,  Technical Lead on the HubSpot email team and last, but not least, Jon  McLaren, Senior Developer Advocate at HubSpot.     Sarah was kind enough to provide a lil Easter egg in the show and Jon  said something he was not supposed that I had to cut.  I challenge you  to find it 😜   If you have comments, questions, find us on the Community.   Here is a  link to this episode of the Community:   https://community.hubspot.com/t5/Community-Developer-Blog/The-HubSpot-Community-Developer-Show-Episode-2-Email-with-Alyssa/ba-p/419065    🗒️🗒️🗒️   Show Notes   🗒️🗒️🗒️  HubSpot Email Template Markup Docs:  https://developers.hubspot.com/docs/cms/building-blocks/templates/email-template-markup   Litmus:  https://www.litmus.com/  Email on Acid:  https://www.emailonacid.com/  Foundation:  https://get.foundation/emails.html  MJML:  https://mjml.io/  Open source MJML + HubSpot tool: https://github.com/douglaswelcome/hs-mjml-email-engine

Hey friends! Our first podcast is in the books! Although I was nervous as heck, it was a blast getting to spend time with some people who really know their stuff when it comes to accessibility. Jon Sasala was the perfect complement in style to mine which apparently  involves looking at the corner of my screen. Note to self, need to work  on looking at or near the camera on occasion. And if Jon wasn't enough, I had the honor of hearing both Tanya Scales  and Jon McLaren of HubSpot really drive it home. If you have thoughts about this episode and want to comment, go on over  to the HubSpot Community Developers' Blog and comment away!   Video link As promised here are the show notes!    The WebAIM Million Report:   Statistics on accessibility web-wide.     HubSpot Developer Documentation on accessibility:   This guide was written to be a good starting point for those starting to  learn about accessibility.     Deque courses and axe tools:  Popular accessibility testing tools and educational information.    HubSpot theme boilerplate GitHub repository:   Start from a foundation that HubSpot and community members continue to  iterate on improving accessibility, performance, and best practices.  Feel something could be better? contribute!   HubL menu() function:   Build your own menu HTML, CSS, and JavaScript.    Web Content Accessibility Guidelines (WCAG):  The industry standards for digital accessibility.    Deque - Coding Accessible SVGs:   The comprehensive screen reader test mentioned by Tanya during the  podcast - re: Stefen’s question    IAAP - International Association of Accessibility Professionals:   Referenced during podcast for Tanya’s credentials - for more information  on this org and certifications    Web A11y Slack workspace (not HubSpot)   The #accessibility channel in our HubSpot Developer Slack.