Podcast Awesome

Latest Episodes:

Behind the Icon: How the Double Horns Became a Metalhead’s Salute Sep 03, 2024

Show notes

In this headbanging episode of Podcast Awesome, we explore the story behind the devil horns gesture—an iconic symbol in the world of heavy metal. 🤘 From its origins in ancient superstitions to its popularization by metal legend Ronnie James Dio, this gesture has a history as rich as the riffs that accompany it. We also chat with Font Awesome’s own Jory Raphael, the creative mind behind the hand horns icon, to get an inside look at how this powerful symbol became part of the Font Awesome library. Whether you're a metalhead or just love a good story, this episode is a must-listen! 🎸
🕒 Timestamps:
⏳ 00:09 - Heavy Metal and Visual Cues
🤘 00:35 - The Double Horns Hand Gesture
🧙‍♂️ 02:08 - Origin of the Devil Horns Gesture
🎤 02:49 - Ronnie James Dio and the Devil Horns
🧿 05:11 - The Evil Eye and Cultural Connections
🤟 06:56 - The Devil Horns as a Metalhead Salute
🎨 07:41 - The Creation of the Hand Horns Icon
🚀 09:56 - Call to Action for Font Awesome Community
🎧 12:36 - Credits and Closing Remarks

#DevilHorns #HeavyMetal #PodcastAwesome #IconDesign #MetalCulture #RonnieJamesDio

Podcast Awesome: https://www.podcastawesome.com/
Hand Horns Icon: https://fontawesome.com/icons/hand-horns
Font Awesome Pro: Ready to rock? Level up with Font Awesome Pro! https://fontawesome.com/plans
Twitter: @fontawesome
The Podcast Awesome theme song was composed by Ronnie Martin: https://ronniemartin.org/
Audio mastering by Chris Enns at Lemon Productions: https://www.lemonproductions.ca/

Stay up to date on all the Font Awesomeness!

The Story Behind the Dumpster Fire Icon: From Meme to Iconic Design Aug 20, 2024

Show notes

Ever wonder how a chaotic internet meme became an iconic design? Join us in this episode as we dive into the fascinating journey of the Dumpster Fire icon—from its fiery beginnings as a viral GIF to its status as a symbol of modern times. 🔥
(And if you want ever more entertainment from this episode, make sure to check out the YouTube version!)
We’ll explore the history behind the phrase “dumpster fire,” its cultural impact, and how it inspired the creation of one of Font Awesome’s most beloved icons. Plus, hear behind-the-scenes stories from our design team and discover why this icon is as relevant as ever!

🕒 Timestamps:
⏳ 00:00 Intro and Overview of the Dumpster Fire
👋 01:15 Origins of the Phrase "Dumpster Fire"
📈 03:22 The Rise of the Dumpster Fire Meme
🖥️ 05:45 Tracing the Source of the Original Dumpster Fire GIF
🎨 07:35 Designing the Dumpster Fire Icon for Font Awesome
🔥 09:10 Why the Dumpster Fire Icon Belongs in the Political Category
💡 11:50 Fun Facts and Design Insights from the Font Awesome Team
🙌 14:20 How You Can Use the Dumpster Fire Icon in Your Projects
🎉 16:05 Conclusion and Final Thoughts

#DumpsterFire #FontAwesome #IconDesign #MemeCulture #InternetHistory

Podcast Awesome: https://www.podcastawesome.com/
YouTube video version of this episode: https://youtu.be/8X40p-kfxYo
Dumpster Fire Icon: https://fontawesome.com/icons/dumpster-fire
Font Awesome Pro: Want to put the Icon Wizard to use? Grab a Font Awesome Pro subscription! https://fontawesome.com/plans
The Origin of the Internet's Most Famous Dumpster Fire: https://www.entrepreneur.com/science-technology/the-origin-of-the-internets-most-famous-dumpster-fire/284041
Twitter: @fontawesome
The Font Awesome theme song was composed by Ronnie Martin https://ronniemartin.org/
Audio mastering by Chris Enns at Lemon Productions https://www.lemonproductions.ca/

Stay up to date on all the Font Awesomeness!

The Story Behind the Mullet Icon: Celebrating an Enduring Cultural Symbol Aug 13, 2024

Show notes

The Story Behind the Mullet Icon: Celebrating an Enduring Cultural Symbol
🎬 Join us as we delve into the resilient history of the mullet, from its uncertain origins to its pop culture prominence in the '80s and '90s. 🎸 Learn about the creation of Font Awesome's 'User Mullet' icon and enjoy entertaining stories from team members who sported mullets. ✂️ Discover the evolution of this iconic hairstyle and how it has shaped popular culture over the decades.
🕒 Timestamps:
⏳ 00:00 The Enduring Legacy of the Mullet
👋 00:55 Introduction to the Series
📜 01:24 Historical Origins of the Mullet
🎤 02:19 Cultural Impact and Popularity
📚 03:17 Etymology and Alternative Names
🔄 05:13 The Mullet's Modern Resurgence
🖌️ 05:35 Creating the Mullet Icon
🎨 06:10 Design Insights from Jory Raphael
🎉 08:47 Personal Mullet Stories
🙌 15:57 Conclusion and Community Engagement
#MulletMadness #FontAwesome #IconicStyles #PopCulture #MulletIcon
Podcast Awesome: https://www.podcastawesome.com/
User-hair-mullet icon: https://fontawesome.com/search?q=user%20hair%20mullet&o=r
Twitter: @fontawesome
The Font Awesome theme song was composed by Ronnie Martin
Audio mastering by Chris Enns and Lemon Productions

Stay up to date on all the Font Awesomeness!

The Story Behind the Sharp Icons: How a Whiteboard Idea Accidentally Turned into a Full Icon Set Jul 30, 2024

Show notes

In this deep dive into the creation of Font Awesome's Sharp Icon Set, designers Jory and Noah share the behind-the-scenes story of transforming a casual idea into a reality.

Jory recounts the unplanned inception of the Sharp Icon Set, initially just a bullet point on a whiteboard that evolved into a full-fledged project due to a promotional video. The discussion sheds light on the challenges they faced, such as maintaining consistency with the existing icon grid sizes and artboard constraints, while exploring the potential for new design directions in the future. Noah elaborates on his journey from Figma advocate to a pivotal member of the Font Awesome team, charged with defining the rules and styling for a sharp rendition of their iconic set.
Timestamp Summary
| 0:01:04 | The idea of Sharp icons accidentally made it into a video.
| 0:02:01 | Sharp icons originated during a brainstorming session.
| 0:03:31 | The concept of sharp icons was included in the version six video.
| 0:04:09 | We'd committed ourselves to Sharp icons, and Noah was hired to help.
| 0:06:26 | Noah played a significant role in designing the Sharp icons.
| 0:07:47 | Noah initially declined to help, but eventually joined the team.
| 0:09:44 | Jory worked on the Sharp icons while quarantined with COVID.
| 0:10:53 | Matt and Noah collaborated on copy and graphics for the Sharp icons.
| 0:11:47 | The main challenge was adapting the icons to a different grid size.
| 0:12:20 | The challenges of maintaining consistency between icon families.
| 0:12:50 | Making design choices to ensure compatibility with existing designs.
| 0:13:33 | The challenges of showcasing different icon families on the website.
| 0:14:18 | Updating icon search to include references to Sharp & Classic styles.
| 0:15:03 | Jory and Matt discuss the user-friendly design of the icon search tool.
| 0:15:26 | The complexity of managing a large number of icons and styles.
| 0:16:22 | How Noah got involved with the Sharp project and his initial work.
| 0:18:22 | Noah and Jory's collaboration on a Figma event.
| 0:19:22 | Noah explains how he joined the Sharp project.
| 0:20:36 | Noah discusses the challenges of creating Sharp icons.
| 0:21:24 | The visual density between rounded and sharp corners in icons.
| 0:22:39 | Establishing constraints for the Sharp icon set.
| 0:25:11 | Using Sharp icon sets and their suitability for different types of UI.
| 0:26:37 | Sharp icons work well with stark and geometric typefaces.
| 0:27:51 | Sharp icons may be suitable for fintech and professional themes.
| 0:28:16 | The difference between icon families and styles in Font Awesome.
| 0:30:38 | Choosing the right icon weight based on the legibility required.
| 0:32:23 | New icons based on a mathematical shape called the super ellipse.
| 0:32:51 | Good design should go unnoticed and guide the user intuitively.
Show Notes

Font Awesome: Font Awesome Website
Twitter: @fontawesome
The Font Awesome theme song was composed by Ronnie Martin
Audio mastering by Chris Enns and Lemon Productions

Stay up to date on all the Font Awesomeness!

The Latest on Web Awesome's Alpha Release Jul 16, 2024

Show notes

Dive into the wild world of web development with the Web Awesome team! Listen as Matt, Lindsay, and the (podcast) elusive Corey dish about their successful Kickstarter, the alpha launch of Web Awesome, and the exciting future of web components. You'll get the inside scoop on their perfectionist struggles, theming API adventures, and how they're revolutionizing the way teams collaborate. Plus, bonus cat cameos!
Timestamp Summary
| 0:10 | Web Awesome Alpha Launch and Team Reflections
| 3:22 | Redesigning Theming API for Web Awesome's Alpha Release
| 9:22 | Challenges in Developing Complex UI Components
| 10:49 | Building Web Awesome: From Open Source to Paid Product
| 15:38 | Web Awesome Pro Features and Launch Timeline
| 19:04 | Revolutionizing Team Collaboration with Functional Design Systems
| 23:04 | Exciting Updates on Alpha Release and Lifetime Discounts

"I think I can speak for the whole team that we're all a bit of perfectionists, so I don't think we were ever ready to release an alpha."

Lindsay - (0:02:54)

"The theming was a big thing that I think we wanted to have pretty much a bow on when we released the alpha."

Lindsay - (0:03:22)

"Shout out to Lindsey for her amazing work on the theming API, which is completely redesigned a lot, lot easier."

Cory - (0:03:59)

"Shout out to Connor, who's not on this chat today, but he did some amazing work to convert to all of the form controls to use a new API that never existed when these form controls were originally created."

Cory - (0:05:59)

"We've had quite a few issues reported so far that we're looking into a lot of discussion started."

Lindsay - (0:02:27)

"Obviously, we couldn't have done this without you."

Lindsay - (0:23:23)

"I kind of have a component addiction. I really like doing this stuff. So my hobby is also my career, and so that it's cool that that got to converge in such a way that I can work full time on something I actually really enjoy working on."

Cory - (0:13:46)

----------------------
Show Notes

Font Awesome: Font Awesome Website
Web Awesome: Kickstarter Website
Twitter: @fontawesome
The Font Awesome theme song was composed by Ronnie Martin
Audio mastering by Chris Enns and Lemon Productions

Stay up to date on all the Font Awesomeness!

Podcasting 101: How Podcast Awesome Came to Life Jul 02, 2024

Show notes

In this episode of Podcast Awesome, host Matt Johnson takes listeners behind the scenes of starting and producing Podcast Awesome. Despite being a newbie to podcasting, Matt shares his journey, from finding the initial idea buried in a Basecamp thread to releasing 20 episodes. He discusses capturing the podcast's vibe, and choosing the right software and equipment. Matt also shares insights from podcasting veteran Matt Carter and highlights the challenges and triumphs of what it takes to capture an authentic feel. And if gear and software is your thing, there's some conversation about that, too.
Feeling intimidated by starting your own podcast? Don't know what you're doing? You're in good company, we're figuring it out, too, as we "build the plane in the air." !
Timestamp Summary
| 0:00:08 | Introduction to the podcast and its purpose
| 0:01:04 | The decision to start recording episodes without much feedback
| 0:02:04 | Importance of capturing the podcast's vibe and subject matter
| 0:03:33 | Emphasis on Font Awesome's nerdery and company culture
| 0:05:14 | Determining the purpose and voice of the podcast
| 0:05:47 | Meeting with creative team and understanding brand guidelines
| 0:06:25 | Advice from podcasting buddy Matt Carter
| 0:08:06 | Choosing the right software for recording and editing
| 0:09:58 | Workflow for editing using GarageBand, Audio Hijack, and Descript
| 0:11:50 | Importance of quality gear for audio capture
| 0:12:50 | Tips for getting good audio and avoiding common mistakes
| 0:13:24 | Creating a checklist for podcasting setup
| 0:13:49 | Importance of capturing good audio at the beginning
| 0:14:19 | Editing tips: finding the right balance, getting feedback
| 0:15:37 | Choosing theme music: options and licensing agreements
| 0:16:42 | Using interstitials to create a relaxed atmosphere
| 0:18:37 | Nerd show and tell: short episodes featuring team members
| 0:19:08 | Constantly improving editing, hosting, and content marketing
| 0:19:32 | Getting over the discomfort of hearing one's own voice
| 0:19:57 | Rolling the credits: acknowledgments and production details
Quotes
Matt-(0:02:49)

"If you've spent any time with developers and designers, then you know they're really into the stuff that they're into, and it tends to be pretty dorky."

Matt-(0:04:43)"What's the purpose of your podcast? Maybe it's to share company news, to educate your customers, or to entertain."

Matt-(0:06:25)"The whole idea of making sure your conversation partner feels relaxed, and so the conversation feels natural."

Matt-(0:08:06)"The good news is that there's a ton of tools out there, and some of them are even free."

Matt-(0:09:11)"I started with GarageBand because I had a basic understanding of it from years past recording music demos with friends."

Matt-(0:11:50)"I don't know a single soul who likes to hear the sound of their own voice, and I'm definitely no different, but it's just something you have to get over."

Stay up to date on all the Font Awesomeness!

Nerd Show and Tell: Meet Konnor Rogers Jun 18, 2024

Show notes

Episode Summary:

In this episode of Podcast Awesome we have an inspiring chat with Konnor Rogers, a developer at Web Awesome with a fascinating career trajectory. Starting his professional life as a paramedic and self-teaching his way into web development, Connor's journey epitomizes the relentless pursuit of a career in technology.

Konnor shares insights into his transition from paramedic to coder, highlighting the challenges of being self-taught and the breakthrough opportunities that led to his role alongside Corey at Web Awesome. He discusses current projects such as component development, the intricacies of form association, and the excitement of tackling the much-anticipated Kickstarter stretch goals like date pickers and rich text editors. Listeners can expect to hear a developer-centric conversation enriched with the technical specifics of Web Awesome's ongoing efforts to deliver awesome components to customers.

Timestamp | Summary
2:58 | From Paramedic to Web Developer: A Journey of Learning
4:05 | Balancing Education, Work, and Family Life
4:38 | Discovering and Contributing to Shoelace Components
5:04 | From Startup to Microsoft and Beyond
6:45 | Unconventional Paths to Tech Careers and Self-Taught Success
9:40 | Improving Form Controls in Web Development
12:58 | Refining Radio Button Accessibility and Behavior
14:09 | Challenges of Building an Accessible Date Picker Component
17:02 | Embracing Iterative Progress in Product Development
17:03 | Challenges in Building Advanced Web Components
20:00 | Early Mornings and Unusual Paramedic Tales
23:15 | Discussing Favorite Fonts, Icons, and Web Components
25:11 | Competitive Gaming and Balancing Family Life
26:42 | Recognizing Personal Limits with Hobby Enthusiasm

Resources:

The Odin Project: An open-source project that provides a free education in web development. The Odin Project
Syntax FM podcast: A popular tech podcast discussing web development topics that Connor mentioned during the conversation. Syntax FM
Font Awesome: Font Awesome Website
Web Awesome: Kickstarter Website
Twitter: @fontawesome
The Font Awesome theme song was composed by Ronnie Martin
Audio mastering by Chris Enns and Lemon Productions

Stay up to date on all the Font Awesomeness!

Nerd Show and Tell: Meet Lindsay Miller Jun 04, 2024

Show notes

Episode Summary:

In this episode of Podcast Awesome, we chat with the Lindsay Miller, the first brave soul from the Web Awesome team to take the hot seat on the Nerd Show and Tell.

Beginning with a look into the inception of Lindsay's career and her interaction with Font Awesome before joining the Web Awesome team, we discuss the significance of a design system — a topic often shrouded in industry jargon yet fundamental to cohesive digital experiences. Lindsay also recounts being part of the recent Web Awesome Kickstarter campaign, which hit the 700,000 milestone.
Timestamp | Summary
0:00 | Chatting Design, Tech, and Font Awesome with Lindsay Miller
3:14 | From Solo Designer to Font Awesome Enthusiast
4:13 | Embracing Company Culture and Innovative Products
6:53 | From Childhood CSS Fascination to UX/UI Professional
10:32 | Landing the Dream Job (While Experiencing Imposter Syndrome)
14:56 | Addressing Inconsistencies in Development Practices
15:54 | Design Systems: Building Blocks for Developer Efficiency
19:47 | Developing and Perfecting Thematic Web Design Systems
23:47 | Kickstarter Success Brings Exciting Yet Daunting Challenges
24:36 | The Complexities of Building an Accessible Date Picker
27:59 | Icon Design Delights and the Font Awesome Possum
32:37 | Homeownership Inspires Mario-Inspired Wall Art
34:59 | Nostalgic Reflections on Star Wars and Creative Inspirations

Resources:

Font Awesome: Font Awesome Website
Web Awesome: Kickstarter Website
Twitter: @fontawesome
The Font Awesome theme song was composed by Ronnie Martin
Audio mastering by Chris Enns and Lemon Productions

Stay up to date on all the Font Awesomeness!

Introducing the Icon Wizard: Where F.A.R.T.S. Become Arts May 21, 2024

Show notes

Designing custom icons is a gas-tly important part of modern design. It can make or break a brand, and sometimes you just need to let one rip and add a bit of spice to a website or app. However, creating custom icons can be a real stinker – a time-consuming and tedious task that can leave you feeling deflated. But don't worry, the Font Awesome team has a new feature that's a real breath of fresh air: The Icon Wizard — otherwise known by the internal code name, F.A.R.T.S (Font Awesome Reusable Tidbits and Shapes.) The Icon Wizard is a new-ish Font Awesome feature that allows Pro users to add icon modifiers, which allows for nearly limitless icon options!
Join us as we yuck it up with Jory Raphael, Mike Wilkerson, and Ed Emanuel from the Font Awesome team as we channel our inner middle schooler humor (and talk about the making of very serious software, of course!)
The project was conceived during the team's Snacktivities, which are small creative projects undertaken during their gatherings. While the initial concept did not focus on customizing icons, it evolved into the idea of applying modifiers to icons to create unique variations. The team's enthusiasm and dedication to the project led to its development during their collaborative sessions.

The Icon Wizard project presented challenges, such as user interface design and technical issues related to SVG fill rules. Despite these obstacles, the team worked together to overcome them and create a functional and user-friendly feature. This feature allowed users to select and apply modifiers to icons, providing them with the flexibility to customize icons according to their preferences.

Aside from the obviously humorous nature of this conversation, the tea, explores the practicality of the feature, highlighting the ability to add useful modifiers like a slash or a circle-plus to any icon in different styles. The team's playful banter and creative thinking during the development process added a fun and lighthearted element to the project, showcasing their innovative and humorous approach to icon design and customization.

---------------------
Time Stamps
[00:00:43] Icon Wizard project and F.A.R.T.S.

[00:04:34] Customizable Icons.

[00:09:38] Challenges with SVG fill rules.

[00:11:16] SVG path winding rules.

[00:14:43] Modifier challenges and favorites.

[00:19:25] Icon Wizard and modifiers.

[00:22:26] Burrito modifiers and bacon.
------------------
Show Notes
https://fontawesome.com/icons
The Font Awesome theme song was composed by Ronnie Martin
Audio mastering by Chris Enns and Lemon Productions

Stay up to date on all the Font Awesomeness!

Icons Made Easy: Rob Explains Font Awesome Pro May 07, 2024

Show notes

In this episode of Podcast Awesome, Matt talks with Font Awesome's principal engineer, Rob Madole, about Font Awesome Pro.

At Font Awesome, we're always saying that while icons aren't going to change the world, we want to make it seamless to use. It's all about the versatility of Font Awesome Kits, their role in offering project-specific solutions, and the balance they achieve between feature richness and user friendliness.

In the conversation, the duo explains that Font Awesome Kits are sort of like a "bag of holding" or Hermione's magic handbag from Harry Potter. They emphasize the importance of having multiple Kits for agency work or varied internal projects. These Kits allow for segregated management and efficient resource distribution. Another thing to notice is the difference between Font Awesome Pro and free. Pro users enjoy a wealth of icons and advanced features that significantly elevate their creative capabilities.

Key Takeaways:

Font Awesome Kits are pivotal for customizing icon sets, ensuring projects use only the necessary icons and minimizing site loading times.
Pro users have access to a vast library of over 13,000 icons and advanced styles including solid, light, thin, duotone, and sharp.
Kits offer the ability to add custom icons or modify existing ones using the platform’s tools, effectively catering to unique design needs.
A Pro subscription not only unlocks premium icons but also includes a perpetual license, providing continued use of downloaded versions even after subscription cancellation.
Font Awesome emphasizes real human support for technical issues, a service highly valued in the often impersonal tech realm.

Resources:

Font Awesome: Font Awesome Website
Twitter: @fontawesome
The Font Awesome theme song was composed by Ronnie Martin
Audio mastering by Chris Enns and Lemon Productions

Stay up to date on all the Font Awesomeness!

Our TOPPODCAST Picks

Follow Us

Stay Connected

Related Podcasts

Links

Stay Connected