Log in

goodpods headphones icon

To access all our features

Open the Goodpods app
Close icon
The Overlap - Static Site Generators: Gatsby + Hugo + Jekyll = Good Times

Static Site Generators: Gatsby + Hugo + Jekyll = Good Times

06/25/19 • 53 min

The Overlap

Static Site Generators are way cooler than they sound! Learn about the coolest way to build a fast website and save your money. Plus, we talk about Alex's new rug in everyone's favorite podcast game: Guess The Rug.
Questions? Email us

[email protected]

Tweet us @lovelettersco or @mistertrost

For more episodes + show notes, visit

overlappodcast.com

Resources:

Gatsby: https://www.gatsbyjs.org/

Hugo: https://gohugo.io/

Jekyll: https://jekyllrb.com/

StaticGen: https://www.staticgen.com/

Gatsby with Airtable (Not the best, most effective CMS for blogs, but still cool: https://www.gatsbyjs.org/packages/gatsby-source-airtable/

plus icon
bookmark

Static Site Generators are way cooler than they sound! Learn about the coolest way to build a fast website and save your money. Plus, we talk about Alex's new rug in everyone's favorite podcast game: Guess The Rug.
Questions? Email us

[email protected]

Tweet us @lovelettersco or @mistertrost

For more episodes + show notes, visit

overlappodcast.com

Resources:

Gatsby: https://www.gatsbyjs.org/

Hugo: https://gohugo.io/

Jekyll: https://jekyllrb.com/

StaticGen: https://www.staticgen.com/

Gatsby with Airtable (Not the best, most effective CMS for blogs, but still cool: https://www.gatsbyjs.org/packages/gatsby-source-airtable/

Previous Episode

undefined - Typography Basics: Everything you need to know to make great layouts

Typography Basics: Everything you need to know to make great layouts

Show notes:

Typography: so hip right now, but what is it? This week, we are talking type. It's more than just clickity clackity typey typey onto your keyboard. It's part science, part art, part dumb jokes about fonts. Join us for our spooky typography party!

Questions? Email us

[email protected]

Tweet us @lovelettersco or @mistertrost

For more episodes + show notes, visit

overlappodcast.com

Resources:

Font pairing:

https://fonts.google.com/featured/Five+Fresh+Headline+and+Body+Text+Pairings

https://www.typewolf.com/

Chiller: https://fontzone.net/font-details/chiller

Criteria: https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html

Tool: https://webaim.org/resources/contrastchecker/https://material.io/design/typography/understanding-typography.html

Vertical Rhythm:

http://typecast.com/blog/4-simple-steps-to-vertical-rhythm

Framer: https://www.framer.com

Next Episode

undefined - What is UX? An Intro to User Experience Design

What is UX? An Intro to User Experience Design

What is UX? An intro to User Experience (No, UX is not UI)

What is User Experience? How is it different from User Interface design? What if all buttons were now alpacas?
In this episode, we introduce the field of UX design and some of the basic principles you should know to design and develop great experiences.
We discuss the fundamentals of good UX: Usability, accessibility, desirability, findability, credibility, the importance of following established patterns...and when to break the rules.

Questions? Email us

[email protected]

Tweet us @lovelettersco or @mistertrost

For more episodes + show notes, visit

overlappodcast.com

Resources

https://lawsofux.com/

https://theblog.adobe.com/15-rules-every-ux-designer-know/

https://uxplanet.org/golden-rules-of-user-interface-design-19282aeb06b

https://www.usability.gov/what-and-why/user-experience.html

https://www.interaction-design.org/literature

Aesthetic usability effect: https://www.nngroup.com/articles/aesthetic-usability-effect/

Design thinking: https://www.atlassian.com/team-playbook/plays

Don't Make Me Think by Steve Krug https://www.amazon.com/Dont-Make-Think-Revisited-Usability/dp/0321965515/

Episode Comments

Generate a badge

Get a badge for your website that links back to this episode

Select type & size
Open dropdown icon
share badge image

<a href="https://goodpods.com/podcasts/the-overlap-302599/static-site-generators-gatsby-hugo-jekyll-good-times-42208401"> <img src="https://storage.googleapis.com/goodpods-images-bucket/badges/generic-badge-1.svg" alt="listen to static site generators: gatsby + hugo + jekyll = good times on goodpods" style="width: 225px" /> </a>

Copy