From Shoelace to Web Awesome
Shoelace creator Cory LaViska joins Amal & Jess to tell them all about the forward-thinking library of web components that just joined the Font Awesome family to create Web Awesome.
Join the discussion
Changelog++ members save 5 minutes on this episode because they made the ads disappear. Join today!
Sponsors:
Speakeasy – Production-ready, Enterprise-resilient, best-in-class SDKs crafted in minutes. Speakeasy takes care of the entire SDK workflow to save you significant time, delivering SDKs to your customers in minutes with just a few clicks! Create your first SDK for free!
CrabNebula Cloud – Join Tauri’s “DevTools Premium” waitlist — If you’re building with Tauri, this might be the best news you hear all week! DevTools Premium is right around the corner. It’s not just about finding and fixing issues; it’s about understanding, optimizing, and perfecting the application development process. Join the waitlist today!
Featuring:
Cory LaViska – Website, GitHub, LinkedIn, Mastodon, X
Amal Hussein – GitHub, X
Jessica Sachs – Website, GitHub, X
Show Notes:
Shoelace.style
Font Awesome
Web Awesome
Something missing or broken? PRs welcome!
758: Web Awesome with Konnor Rogers + Cory LaViska
Font Awesome is back with Web Awesome, an open source library of web components that will work with any framework because it’s based on standards. Today on Syntax we have Konnor Rogers and Cory LaViska here to talk all things Web Awesome.
Show Notes 00:00 Welcome to Syntax!
00:47 Brought to you by Sentry.io.
02:49 What is Shoelace?
07:21 What is Font Awesome?
08:07 Font Awesome is getting into Web Components?
11:35 What is Shoelace’s relationship with Web Awesome?
13:33 Is the idea to make it quick to get up and running?
15:46 What is the autoloader?
16:29 Where does Web Awesome fit in the ecosystem?
18:13 What does the styling game look like?
20:33 What is Part in CSS?
CSS Part mdn web docs
22:06 The reason we’re so stoked with Web Components.
23:32 Custom elements are a natural progression.
24:51 What are your thoughts on Open UI initiatives?
Floating UI
Close Watcher
Can I Use
27:40 Wes’ escape key conundrum.
30:21 A bug on the Syntax site.
31:19 Let’s talk about Kickstarter.
35:24 Do you know what premium inputs will be available in Web Awesome?
36:12 Rich text editor.
40:18 Setting goals.
41:48 Kickstarter giveaways.
42:47 Have you tried drag and drop?
Pragmatic Drag and Drop
44:57 The layout component.
48:50 What are your favorite components?
50:29 Sick Picks + Shameless Plugs.
Sick Picks Konnor: Enhance.dev, Extism.org
Cory: Lit.dev
Shameless Plugs Cory: Kickstarter
Konnor: Everyone involved in open UI
Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
Scott:X Instagram Tiktok LinkedIn Threads
Randy: X Instagram YouTube Threads
The Road to Font Awesome 5 (Interview)
Dave Gandy joined the show to talk about the history of Font Awesome, what’s to come in Font Awesome 5 and their Kickstarter to fund Font Awesome 5 Pro, and how everything they’re doing is funneling back into the forever free and open source — Font Awesome Free.
Join the discussion
Changelog++ members support our work, get closer to the metal, and make the ads disappear. Join today!
Sponsors:
Code School – Learn to program by doing with hands-on courses. Save $10 per month! Sign up for Code School for only $19 per month by using our special URL codeschool.com/changelog.
Linode – Our cloud server of choice! Get one of the fastest, most efficient SSD cloud servers for only $10/mo. We host everything we do on Linode servers. Use the code changelog20 to get 2 months free!
Rollbar – Put errors in their place! Full-stack error tracking for all apps in any language.
Featuring:
Dave Gandy – Website, GitHub, X
Adam Stacoviak – Website, GitHub, LinkedIn, Mastodon, X
Show Notes:
You can always add more sprinkles!
Font Awesome
Font Awesome on GitHub
Font Awesome Issues on GitHub
Support Font Awesome 5 on Kickstarter — make sure you watch that video too!
Dave said the video he created for Font Awesome Black Tie should be an example of what not to do.
Fort Awesome — Like Font Awesome. But Better. Build and manage icons and typefaces in a single place, then serve them with a single line of code.
Rob Madole on Twitter
Travis Chase on Twitter
Brian Talbot on Twitter
Videopixie — Find great videographers, directors, video editors, and animators to work with you on your project.
Half Baked was the set for the Font Awesome video
Knox Avenue did the production of the Font Awesome video
Below is the photo Dave mentioned when telling the story about the origins of the “Fort Awesome” name (listen at around 24:40).
Something missing or broken? PRs welcome!