Скачать "Создаем удобный, доступный и рабочий тултип (tooltip) с помощью CSS"
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252Fhp9djTkraMo%252Fmaxresdefault.jpg&w=1139&q=75)
Оглавление
Похожие ролики из нашего каталога
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252F0R-_8Psg8LY%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252FE7NJcbie46g%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252FHp4DnO9yjck%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252FMeo7klC2eZQ%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252FeMNA3G8OWPo%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252FekhdKtW-Fdo%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252Fk6jZfOcyfDE%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252FkpL31-6GVu8%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252Fn7hf9IdHLco%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252FxHYsCSz8bhM%252Fmaxresdefault.jpg&w=1139&q=75)
Теги видео
Описание:
Привет! Тултип (tooltip) - всплывающая подсказка на сайте. Их часто можно встретить при верстке интернет-магазина, если нужно скрыть какой-то контент и показывать по наведению. Но не все знают, как верно его делать, и почему. В этом видео я рассмотрю три варианта создания тултипа - простой, но недоступный, посложнее, но доступный, и с помощью Js. Разберемся, какой лучше и почему, и нужен ли вообще тут js. Поехали! Извиняюсь за эхо на вставках скринридера( Содержание: 00:00 - Вступление 01:10 - Первый вариант (простой) 07:27 - Второй вариант (сложнее) 12:47 - Третий вариант (через js) 19:00 - Итоги: что использовать https://github.com/maxdenaro/maxgraph-youtube-source/tree/master/%D0%A1%D0%BE%D0%B7%D0%B4%D0%B0%D0%B5%D0%BC%20%D1%83%D0%B4%D0%BE%D0%B1%D0%BD%D1%8B%D0%B9%2C%20%D0%B4%D0%BE%D1%81%D1%82%D1%83%D0%BF%D0%BD%D1%8B%D0%B9%20%D0%B8%20%D1%80%D0%B0%D0%B1%D0%BE%D1%87%D0%B8%D0%B9%20%D1%82%D1%83%D0%BB%D1%82%D0%B8%D0%BF - исходники видео на GitHub https://inclusive-components.design/tooltips-toggletips/ - Хорошая статья про создание тултипов доступными https://popper.js.org/ - js-библиотека для создания тултипов http://apps.eky.hk/css-triangle-generator/ - генератор треугольников :) Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка. Понравилось? https://www.youtube.com/channel/UCxJyCit95jsb-JLE3kXnq1Q?sub_confirmation=1 Моя страница вконтакте: http://vk.com/maxdenaro Мой блог: https://verstaem.online/blog/ Мой сайт: http://maxgraph.ru/ Канал в телеграм: https://teleg.run/maxgraph Чат для верстальщиков: https://teleg.run/maxgraph_chat
Готовим варианты загрузки
Вопросы о скачивании видео
Как можно скачать видео "Создаем удобный, доступный и рабочий тултип (tooltip) с помощью CSS"?
Сайт http://unidownloader.com/ — лучший способ скачать видео или отдельно аудиодорожку, если хочется обойтись без установки программ и расширений. Расширение UDL Helper — удобная кнопка, которая органично встраивается на сайты YouTube, Instagram и OK.ru для быстрого скачивания контента.
Программа UDL Client (для Windows) — самое мощное решение, поддерживающее более 900 сайтов, социальных сетей и видеохостингов, а также любое качество видео, которое доступно в источнике.
UDL Lite — представляет собой удобный доступ к сайту с мобильного устройства. С его помощью вы можете легко скачивать видео прямо на смартфон.
Какой формат видео "Создаем удобный, доступный и рабочий тултип (tooltip) с помощью CSS" выбрать?
Наилучшее качество имеют форматы FullHD (1080p), 2K (1440p), 4K (2160p) и 8K (4320p). Чем больше разрешение вашего экрана, тем выше должно быть качество видео. Однако следует учесть и другие факторы: скорость скачивания, количество свободного места, а также производительность устройства при воспроизведении.
Почему компьютер зависает при загрузке видео "Создаем удобный, доступный и рабочий тултип (tooltip) с помощью CSS"?
Полностью зависать браузер/компьютер не должен! Если это произошло, просьба сообщить об этом, указав ссылку на видео. Иногда видео нельзя скачать напрямую в подходящем формате, поэтому мы добавили возможность конвертации файла в нужный формат. В отдельных случаях этот процесс может активно использовать ресурсы компьютера.
Как скачать видео "Создаем удобный, доступный и рабочий тултип (tooltip) с помощью CSS" на телефон?
Вы можете скачать видео на свой смартфон с помощью сайта или pwa-приложения UDL Lite. Также есть возможность отправить ссылку на скачивание через QR-код с помощью расширения UDL Helper.
Как скачать аудиодорожку (музыку) в MP3 "Создаем удобный, доступный и рабочий тултип (tooltip) с помощью CSS"?
Самый удобный способ — воспользоваться программой UDL Client, которая поддерживает конвертацию видео в формат MP3. В некоторых случаях MP3 можно скачать и через расширение UDL Helper.
Как сохранить кадр из видео "Создаем удобный, доступный и рабочий тултип (tooltip) с помощью CSS"?
Эта функция доступна в расширении UDL Helper. Убедитесь, что в настройках отмечен пункт «Отображать кнопку сохранения скриншота из видео». В правом нижнем углу плеера левее иконки «Настройки» должна появиться иконка камеры, по нажатию на которую текущий кадр из видео будет сохранён на ваш компьютер в формате JPEG.
Сколько это всё стоит?
Нисколько. Наши сервисы абсолютно бесплатны для всех пользователей. Здесь нет PRO подписок, нет ограничений на количество или максимальную длину скачиваемого видео.