Раньше, чтобы показать поповер по ховеру, нужен был JavaScript. Теперь — достаточно HTML.
interesttarget связывает элемент-триггер и поповер. Браузер сам обрабатывает hover, focus или long-press и показывает подсказку.
Можно совмещать с Popover API и Anchor Positioning для точного позиционирования.
Пока экспериментальная — работает в Chromium-браузерах (Chrome 135+, Edge 135+). В Firefox и Safari API ещё не реализован, поэтому стоит использовать фолбэк или JS-вариант для совместимости.
#readme #html
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9❤2🥰2
This media is not supported in your browser
VIEW IN TELEGRAM
Библиотека готовых keyframe-анимаций: bounce, fade, shake, blur, jello и другие эффекты.
Можно посмотреть демо на странице и скопировать код нужной анимации. Всё на чистом CSS, легковесно.
#readme #css
Please open Telegram to view this post
VIEW IN TELEGRAM
❤10👍2🤩2
This media is not supported in your browser
VIEW IN TELEGRAM
Коллекция из 4000+ готовых элементов интерфейса: кнопки, карточки, инпуты, чекбоксы, лоадеры. Всё на чистом CSS или Tailwind.
#readme #ui
Please open Telegram to view this post
VIEW IN TELEGRAM
❤11👍3
JavaScript js reference.pdf
4.1 MB
📘 Справочник по JavaScript
400+ страниц решений на все случаи жизни:
〰️ Как правильно работать с массивами? — 30+ методов с примерами
〰️ Что такое замыкания и зачем они нужны? — объясняем на пальцах
〰️ Почему промисы лучше колбэков? — сравнение с кодом
〰️ Как отловить баг в консоли? — 9 способов debugging
105 глав. От переменных до unit-тестирования. Каждая тема — с примерами кода и пояснениями.
Ставь ❤️, если было полезно
🐸 Библиотека фронтендера
#readme #js
400+ страниц решений на все случаи жизни:
105 глав. От переменных до unit-тестирования. Каждая тема — с примерами кода и пояснениями.
Ставь ❤️, если было полезно
#readme #js
Please open Telegram to view this post
VIEW IN TELEGRAM
❤15🥰3👍2