![Font Awesome](/img/default-banner.jpg)
- Видео 58
- Просмотров 52 348
Font Awesome
США
Добавлен 9 фев 2023
The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open source. Always free. Always awesome.
Behind the Icon: How the Double Horns Became a Metalhead’s Salute
Ever wonder how a simple hand gesture became the ultimate symbol of heavy metal? 🤘 In this episode of Podcast Awesome, we dive into the history and lore behind the devil horns gesture - how it evolved from ancient superstitions to a staple in metal culture. Featuring insights into Ronnie James Dio’s iconic use of the gesture and how it found its way into the Font Awesome library as the hand horns icon. Tune in, throw up those horns, and get ready to rock!
🕒 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 -...
🕒 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 -...
Просмотров: 56
Видео
The Story Behind the Dumpster Fire Icon: From Meme to Iconic Design
Просмотров 6121 день назад
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. 🔥 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 ico...
Introducing the Web Awesome Pro Theme Builder [Demo]
Просмотров 10 тыс.21 день назад
In this demo we chat with Font Awesome Founder Dave Gandy, to discuss the latest advancements of Web Awesome Pro. Dave highlights the challenges of conveying a company's essence through website design and how Web Awesome Pro addresses these issues by offering a Pro Layout Engine, Pattern Library, and a Theme Builder to create unique, brand-centric designs quickly. But there’s good news! You can...
Introducing Web Awesome's Pro Layout Engine [Demo]
Просмотров 3,7 тыс.21 день назад
In this demo, we chat with Font Awesome Founder Dave Gandy, about the challenges of web layout design and how Font Awesome Pro's Layout Engine can help simplify the process. Dave explains the importance of a great layout and the common issues developers face, such as responsiveness, accessibility, and maintaining clean code amidst complex CSS rules. 🌐 Web Awesome Pro’s solution? A customizable ...
Introducing Web Awesome's Pro Pattern Library [Demo]
Просмотров 4 тыс.21 день назад
In this Web Awesome intro video, we chat with Lindsey Miller to discuss the challenges of building websites from scratch, including maintaining branding, usability, and accessibility standards. But there’s good news! You can help us make the web and awesome-r place. Check out our Kickstarter! www.kickstarter.com/projects/fontawesome/web-awesome?ref=3g6r4d The Web Awesome pattern library offers ...
Introducing Web Awesome Free Manual Theming: Build Custom Sites Faster! [Demo]
Просмотров 2,7 тыс.21 день назад
Get tools you need to build unique, brand-aligned websites without compromising on customization or speed. But there’s good news! You can help us make the web and awesome-r place. Check out our Kickstarter! www.kickstarter.com/projects/fontawesome/web-awesome?ref=3g6r4d In this demo, we chat with Lindsay Miller about how Web Awesome uses web components to offer a middle ground between time-cons...
Introducing Web Awesome - The Web’s Biggest and Best Open-Source Components Library
Просмотров 16821 день назад
Hey designers! Hey developers! Do you ever feel like you’re being forced into making the impossible decision between choosing custom, but time-consuming web designs and quick, generic solutions? It’s a common dilemma. But what if you could have your cake AND eat it too? Check out the Kickstarter! www.kickstarter.com/projects/fontawesome/web-awesome?ref=3g6r4d Introducing Web Awesome, (previousl...
Uploading Custom Icons the Font Awesome Way
Просмотров 37928 дней назад
🎨 In this tutorial, we’ll walk you through uploading custom icons to your Font Awesome Kit. We’ll cover everything - from navigating the Custom Icons tab to troubleshooting any bumps along the way - so you can mix your unique custom icons with the official Font Awesome collection. And of course, we’ll show you how to easily add these icons to your projects using a quick code snippet. By the end...
Font Awesome | Unboxing: A Little More About Kits
Просмотров 19128 дней назад
Font Awesome Essentials: Navigating Page Views and Domains 🧭 Ready to make the most out of Font Awesome? In this screencast, we’ll show you how to fine tune your Kits by mastering page views and adding domains. 🎛️ 🚀 Learn how to easily check your page views, manage usage by limiting domains, and even download your Kit for desktop or self-hosted projects. Unlock the full potential of Font Awesom...
Font Awesome | Getting Started with Font Awesome
Просмотров 11 тыс.28 дней назад
🛠️ to Easily Manage Icons in Your Projects with Font Awesome Kits Looking for an easier way to manage all your icons in your projects? Say hello to Font Awesome Kits - your new best friend for managing icons. In this tutorial, we’ll guide you through the simple steps to create and customize your own Kits, so you can get back to what you do best - building awesome projects. 🚀 From signing up for...
The Story Behind the Mullet Icon: Celebrating an Enduring Cultural Symbol
Просмотров 6928 дней назад
🎬 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:...
Pressure to Empowerment: Lessons From Attending MIT
Просмотров 363 месяца назад
🎙️ Episode Summary: In this profound discussion, Dave Gandy delves into the multifaceted experience of attending the Massachusetts Institute of Technology (MIT), providing a unique perspective that intertwines struggle, growth, and the eventual recognition of one's strengths. The conversation unveils the cultural nuances of MIT, the infamous acronym 'IHTFP', and the myriad emotions associated w...
Nerd Show and Tell: Meet Lindsay Miller
Просмотров 2083 месяца назад
Nerd Show and Tell: Meet Lindsay Miller
Introducing the Icon Wizard: Where F.A.R.T.S. Become Arts
Просмотров 323 месяца назад
Introducing the Icon Wizard: Where F.A.R.T.S. Become Arts
Icons Made Easy: Rob Explains Font Awesome Pro
Просмотров 363 месяца назад
Icons Made Easy: Rob Explains Font Awesome Pro
Working Genius in Teams 3.0 with Dave and Travis
Просмотров 63 месяца назад
Working Genius in Teams 3.0 with Dave and Travis
6 Types of Working Genius 2.0 with Lindsay, Rob, and Jory
Просмотров 113 месяца назад
6 Types of Working Genius 2.0 with Lindsay, Rob, and Jory
Bridging the Gap: How Devs and Designers Can Work Better Together
Просмотров 223 месяца назад
Bridging the Gap: How Devs and Designers Can Work Better Together
Why We Use Shape Up for Project Management
Просмотров 253 месяца назад
Why We Use Shape Up for Project Management
Dave Gandy on the 6 Types of Working Genius
Просмотров 63 месяца назад
Dave Gandy on the 6 Types of Working Genius
Behind the Pixels: Designing Icons the Font Awesome Way
Просмотров 253 месяца назад
Behind the Pixels: Designing Icons the Font Awesome Way
Web Awesome | Behind-the-Scenes of Filming our Kickstarter Video
Просмотров 1,4 тыс.3 месяца назад
Web Awesome | Behind-the-Scenes of Filming our Kickstarter Video
Nerd Show & Tell Shorts | Dave Gandy Tells Us the Secret of Our Beloved Green Milk
Просмотров 904 месяца назад
Nerd Show & Tell Shorts | Dave Gandy Tells Us the Secret of Our Beloved Green Milk
Nerd Show & Tell Shorts | Noah Jacobus Showcases our new Sharp-Style Playing Cards
Просмотров 564 месяца назад
Nerd Show & Tell Shorts | Noah Jacobus Showcases our new Sharp-Style Playing Cards
Nerd Show & Tell Shorts | Trevor Makes an Old Fashioned
Просмотров 514 месяца назад
Nerd Show & Tell Shorts | Trevor Makes an Old Fashioned
Font Awesome | Upgrading to Font Awesome 6
Просмотров 4418 месяцев назад
Font Awesome | Upgrading to Font Awesome 6
Font Awesome | Styles, Families & Prefixes
Просмотров 1848 месяцев назад
Font Awesome | Styles, Families & Prefixes
🤘
🤘
Rock on! 🤘
Affirmative
It didn't work for me, i use the extension live server and googleChrome 😢
Can I use Codeigniter 3 for the backend?
you the best thanks
I', taking the backbone one personal. Just now switching to vue.js.
I ❤ you, Fonticons, Inc.!!!
We ❤️ you too! :)
Will you have or does it make sense to have a Figma UI kit?
Yup, I remember that Rob. It was a beautiful mullet, brother.
We're looking for photo proof, Mr. Madole. If anything surfaces, please promptly inform the Font Awesome Ministry of Pop Culture.
Thanks
Hello bro. May i use it with the free version? must i use the pro version in order to do so? kind regards my mate
This is a really amazing video, i wish it have more support
Great interview. Great lady. 😎 DY
THANKS!!!!
I am Tom. (Loved this video)
This Plugin has been working for months w/o a glitch. But today all of a sudden the Plugin doesn't recognize my Token. I followed the instructions and created a new token for Figma and it's still ignoring it! 😩
It's working again! Yay!
@@therealliquidfairy 0:36
More importantly… where do I get one of those snazzy FontAwesome T-shirts?! 👕
cottonbureau.com/people/font-awesome#/shop :)
@@font.awesome I got 3 of them. 👍🏾
Who are the actors and actresses in the video and why are there no credits anywhere, either in the blog post, this video, or the end of the Kickstarter video?
Been doing all of this for 15 yeas with extjs? other than doing it completely with web components (in theory) as then you have to wire it to a js framework to get it to work? Sounds like too many moving parts... too many vendors...
Yeah, this is going to be a nightmare as as soon as you add a js framework you're now got conflict management to do.... #grrrr In theory great... maybe for new projects it could be ok. We already have tooling to do with this kind of thing, so might pass.
Me gusta.
7:03 OMG, CSS Zen Garden is legendary mention. This looks, well... awesome.
Unbelievably excited for this. Simplicity 🧘
Let's Make Fetch Happen! ... Very excited to see these pattern examples. Hope we see more updates like this in the future!
It would be fantastic if you could add in some basic c# tag helpers for razor. A good starting point is all.
I backed it. When can I start using it?
i did back this project, do this tag can use om the fly without compilation? just like bootstrap?
Can I assume this will all 'just work' with React, Next Js layouts etc?
Awesome stuff!
Backed!! what a great idea to create something UI framework agnostic. Can't wait to get my hands on this... how long will I need to wait??
Typically, our team starts with a Product Brief. Identify the situation, constraints, assumptions, goals, and non-goals. While this doesn't answer the design/dev question - identifying these items up front is 100x cheaper than identifying them during development. That being said, transitioning into the UI after discussing the UX, a design pattern/design language is key. Thanks for the hard work @Web Awesome team!
How does it work with real life project : does it generate html/css ? Does it generate a css endpoint for the prod ?
Yup! It generates a css file that works directly with our custom html elements. If serving via our CDN, that will be bundled, but otherwise, you can download a css file.
So many questions. Where does the settings data persist? Is this headless CSS and JS?
Setting data will be available in your Web Awesome account, but available to download as css files. If serving via a Web Awesome Kit CDN link, it'll be bundled in the package.
@@font.awesome css? sass, less?
So Awesome Dave !
Thanks!
Very nice. Finally the css zen garden dream LOL.
This looks like an awesome tool helping keep designers and developers aligned. Excited about this launch!
Us, too! Thanks!
Oooo, ahhhh! Looks pretty cool!
Thanks! We think so, too! And more to come :)
Thanks, How do you change colors, increase icon size etc based on the given shortcode?
I love this video!! Nice work.
Hmmm ... mayhaps ;)
This series of ads you guys did is probably one of the best promos I've ever seen for web tech, let alone icons. Great work
Aw, gee. Thanks! They sure were fun to make!
Maybe we'll see another one for Web Awesome? 👀
Nice! Is there a way to dock or minimize this plugin window?
Y'all really think this is funny? It is not.
Is this the actual font awsom offical youtube channel?
Yes, this is the official Font Awesome channel :)
Had a difficult time locating the plugin while editing the page... Thanks!
Perfect just what I was looking for 😂 because I use css/TSX react nextjs and I managed to install FA library's and import each icon with individual import, that works for me, but didn't know how to size and color, so you showed that I can style the icon directly from FA Site so now I can grab the modified css with the quotes color and size 😎👍🏻
So does this replaces the official Figma component version? Or is it just a different way to add them to your project.
Hi there! It’s just a different way to use the icons! The component uses our OTF font files, whereas the plugin relies on SVGs 😀
I don't get why you showed the example code, update to version 6 then add a new missing icon to codepen. It might as well have been there the whole time. Anyway; appreciate your product :)
Happy to be a backer, see where we got now!
You can also do these things with CSS - font-size: 12px; color: blue