-
Notifications
You must be signed in to change notification settings - Fork 493
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
ed83885
commit 60dbab9
Showing
1 changed file
with
75 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,75 @@ | ||
--- | ||
number: 758 | ||
title: Web Awesome with Konnor Rogers + Cory LaViska | ||
date: 1713524400000 | ||
url: https://traffic.libsyn.com/syntax/Syntax_-_758.mp3 | ||
youtube_url: https://www.youtube.com/watch?v=TjHp2Ml0Sx4 | ||
guest: | ||
- name: Konnor Rogers | ||
github: KonnorRogers | ||
twitter: RogersKonnor | ||
of: Shoelace | ||
url: https://shoelace.style/ | ||
social: https://www.konnorrogers.com/ | ||
- name: Cory LaViska | ||
github: claviska | ||
twitter: claviska | ||
of: Shoelace | ||
url: https://shoelace.style/ | ||
social: https://www.abeautifulsite.net/ | ||
--- | ||
|
||
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](#t=00:00)** Welcome to Syntax! | ||
* **[00:47](#t=00:47)** Brought to you by [Sentry.io](https://www.sentry.io/syntax). | ||
* **[02:49](#t=02:49)** What is Shoelace? | ||
* **[07:21](#t=07:21)** What is Font Awesome? | ||
* **[08:07](#t=08:07)** Font Awesome is getting into Web Components? | ||
* **[11:35](#t=11:35)** What is Shoelace's relationship with Web Awesome? | ||
* **[13:33](#t=13:33)** Is the idea to make it quick to get up and running? | ||
* **[15:46](#t=15:46)** What is the autoloader? | ||
* **[16:29](#t=16:29)** Where does Web Awesome fit in the ecosystem? | ||
* **[18:13](#t=18:13)** What does the styling game look like? | ||
* **[20:33](#t=20:33)** What is Part in CSS? | ||
* [CSS Part mdn web docs](https://developer.mozilla.org/en-US/docs/Web/CSS/::part) | ||
* **[22:06](#t=22:06)** The reason we're so stoked with Web Components. | ||
* **[23:32](#t=23:32)** Custom elements are a natural progression. | ||
* **[24:51](#t=24:51)** What are your thoughts on Open UI initiatives? | ||
* [Floating UI](https://floating-ui.com/) | ||
* [Close Watcher](https://github.com/WICG/close-watcher) | ||
* [Can I Use](https://caniuse.com/mdn-api_closewatcher) | ||
* **[27:40](#t=27:40)** Wes' escape key conundrum. | ||
* **[30:21](#t=30:21)** A bug on the Syntax site. | ||
* **[31:19](#t=31:19)** Let's talk about [Kickstarter](https://www.kickstarter.com/projects/fontawesome/web-awesome?ref=nav_search&result=project&term=webawesome). | ||
* **[35:24](#t=35:24)** Do you know what premium inputs will be available in Web Awesome? | ||
* **[36:12](#t=36:12)** Rich text editor. | ||
* **[40:18](#t=40:18)** Setting goals. | ||
* **[41:48](#t=41:48)** Kickstarter giveaways. | ||
* **[42:47](#t=42:47)** Have you tried drag and drop? | ||
* [Pragmatic Drag and Drop](https://github.com/atlassian/pragmatic-drag-and-drop) | ||
* **[44:57](#t=44:57)** The layout component. | ||
* **[48:50](#t=48:50)** What are your favorite components? | ||
* **[50:29](#t=50:29)** Sick Picks + Shameless Plugs. | ||
|
||
### Sick Picks | ||
|
||
- Konnor: [Enhance.dev](https://enhance.dev/), [Extism.org](https://extism.org/) | ||
- Cory: [Lit.dev](https://lit.dev/) | ||
|
||
### Shameless Plugs | ||
|
||
- Cory: [Kickstarter](https://www.kickstarter.com/projects/fontawesome/web-awesome?ref=nav_search&result=project&term=webawesome) | ||
- Konnor: Everyone involved in open UI | ||
|
||
### Hit us up on Socials! | ||
|
||
Syntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm) | ||
|
||
Wes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos) | ||
|
||
Scott:[X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski) | ||
|
||
Randy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor) |