HubSpot Community Developer Show: Recent Episodes
Dennis Edson
A conversation with HubSpot Community developers and HubSpotters talking about all things development
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.