Тёмный

Build a mobile popover menu with Svelte & OpenProps 

Josh Nussbaum
Подписаться 212
Просмотров 407
50% 1
ВидеоПоделитьсяСкачатьДобавить в

In this video, I'll discuss how to use the new Popover API and use Svelte & OpenProps to build a animated mobile menu.
Source Code: github.com/joshnuss/open-prop...
Links:
- Popover API: developer.mozilla.org/en-US/d...
- OpenProps: open-props.style

Наука

Опубликовано:

 

31 май 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 9   
@blokche_dev
@blokche_dev 19 дней назад
Really like how Svelte leverage the platform with a minimal impact on the bundle size. Thanks for sharing!
@TomSmallwood
@TomSmallwood 18 дней назад
Built these plenty of times but so nice to see how someone else builds it, picked up a few things. Enjoyed the video Josh, thank you!!!!
@adamshand
@adamshand 19 дней назад
Helpful, thanks!
@ScottSpencePlease
@ScottSpencePlease 19 дней назад
Super simple explanation Josh! Thanks for the content
@josh_nussbaum
@josh_nussbaum 19 дней назад
Thanks Scott! 🙇 Was just reading your piece about patching, the newsletter is great 🙌
@sinankesk_in
@sinankesk_in 18 дней назад
Great tricks. Thank you Josh.
@josh_nussbaum
@josh_nussbaum 18 дней назад
Thanks Sinan! 🙏
@HaaniJaber
@HaaniJaber 19 дней назад
What's the best way to close the popover when clicking on a ? Looking for good a11y as well as the menu to close once a link is clicked.
@josh_nussbaum
@josh_nussbaum 19 дней назад
A few ways to do that in an SPA Handle on:click on links (without doing a preventDefault) and call popover.hidePopover() Another way, with SvelteKit, is to handle beforeNavigate and call popover.hidePopover()
Далее
Let's Make A Todo App Using Svelte 5 Runes
26:55
Let's Make A Todo App Using Svelte 5 Runes
Просмотров 22 тыс.
15 crazy new JS framework features you don’t know yet
6:11
15 crazy new JS framework features you don’t know yet
Просмотров 397 тыс.
Tragic Moments 😥 #2
00:30
Tragic Moments 😥 #2
Просмотров 1,8 млн
САМОАНЕЦ БЫЛ НЕ ГОТОВ К РУССКОЙ МОЩИ! #shorts
00:59
САМОАНЕЦ БЫЛ НЕ ГОТОВ К РУССКОЙ МОЩИ! #shorts
Просмотров 99 тыс.
🍟Best French Fries Homemade #cooking #shorts
00:42
🍟Best French Fries Homemade #cooking #shorts
Просмотров 15 млн
КОРОЧЕ ГОВОРЯ, 100 ДНЕЙ В СССР 2
08:37
КОРОЧЕ ГОВОРЯ, 100 ДНЕЙ В СССР 2
Просмотров 798 тыс.
5 Things I Wish I Knew When I Started Using SvelteKit
7:27
5 Things I Wish I Knew When I Started Using SvelteKit
Просмотров 8 тыс.
Tutorial: Build a ring animation with SVG + CSS
14:04
Tutorial: Build a ring animation with SVG + CSS
Просмотров 388
Using OpenProps with SvelteKit
11:29
Using OpenProps with SvelteKit
Просмотров 536
How to Create a FREE Mobile App for Your Business (No Code)
14:40
How to Create a FREE Mobile App for Your Business (No Code)
Просмотров 609 тыс.
5 New AI Tools You Should Try
9:18
5 New AI Tools You Should Try
Просмотров 2,6 тыс.
Svelte Is Good For Beginners
9:28
Svelte Is Good For Beginners
Просмотров 70 тыс.
Want to build a good API? Here's 5 Tips for API Design.
10:57
Want to build a good API? Here's 5 Tips for API Design.
Просмотров 194 тыс.
Svelte UI Libraries Have Leveled Up
12:14
Svelte UI Libraries Have Leveled Up
Просмотров 51 тыс.
Svelte 5 Is A Triumph
22:04
Svelte 5 Is A Triumph
Просмотров 56 тыс.
GOOGLE SEARCH ALGORITHM LEAKED - rules for seo are as clear as mud...
12:29
GOOGLE SEARCH ALGORITHM LEAKED - rules for seo are as clear as mud...
Просмотров 979
iPhone 15 Pro vs Samsung s24🤣 #shorts
0:10
iPhone 15 Pro vs Samsung s24🤣 #shorts
Просмотров 9 млн
Samsung galaxy S24ultra titanium green 💚, Display quality 😱 Technology Digital #shorts
0:10
Samsung galaxy S24ultra titanium green 💚, Display quality 😱 Technology Digital #shorts
Просмотров 63 млн
Топ-3 суперкрутых ПК из CompShop
1:00
Топ-3 суперкрутых ПК из CompShop
Просмотров 249 тыс.
ДЕШЕВЫЙ И НАДЕЖНЫЙ ЭЛЕКТРОСАМОКАТ ДЛЯ МОИХ 100кг
0:46
ДЕШЕВЫЙ И НАДЕЖНЫЙ ЭЛЕКТРОСАМОКАТ ДЛЯ МОИХ 100кг
Просмотров 18 тыс.
What’s your charging level??
0:14
What’s your charging level??
Просмотров 7 млн
От него отказались ВСЕ! Редкий HP ZBook без схем, запчастей и надежд на ремонт
41:24
От него отказались ВСЕ! Редкий HP ZBook без схем, запчастей и надежд на ремонт
Просмотров 58 тыс.
Разоблачение ручное зарядное устройство
0:29
Разоблачение ручное зарядное устройство
Просмотров 7 млн