HubSpot Community Developer Show

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.

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!  

Here is a link to this episode:  

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: Stefan’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.