Untyped

Popovers and Floating UIs

Listen Later

في الحلقة دي بنتكلم عن احد اهم عناصر الويب UI وهي اي حاجة طايرة عندك في الشاشة بنعملها ازاي وايه الصعوبات الي بنواجهها في النوع دا من الـ Components.


بتكلم برضو عن ادوات الـ Positioning المتاحة لينا وازاي بنستعملها في سيناريوهات مختلفة. وايه الضوء في اخر النفق الي ممكن يحللنا كل مشاكلنا.

لينكات مفيدة:

  • CSS Position | MDN
  • Identifying the containing block | MDN
  • Tippy.js
  • Floating UI (Recommended)
  • Stripe Menus
  • Dialog element | MDN
  • Popover API | MDN
  • Steal this popover code
  • Anchor Positioning draft
  • Anchor Positioning tool
    • ...more
    View all episodesView all episodes
    Download on the App Store
    UntypedBy Abdelrahman Awad