background top icon
background center wave icon
background filled rhombus icon
background two lines icon
background stroke rhombus icon
header logo icon

Descargar "Создаем удобный, доступный и рабочий тултип (tooltip) с помощью CSS"

input logo icon
Portada del audio
Espere un momento, estamos preparando los enlaces para la visualización y descarga del vídeo sin anuncios.
console placeholder icon
Vídeo anterior: Верстка многостраничного сайта с нуля с пояснениями. Gulp, SCSS, CSS Grid, БЭМ. FactsVídeo siguiente: UI-компоненты №14. Простое бургер-меню
Índice
|

Índice

0:00
Вступление
1:10
Первый вариант (простой)
7:27
Второй вариант (сложнее)
12:47
Третий вариант (через js)
19:00
Итоги: что использовать
Vídeos similares de nuestro catálogo
|

Vídeos similares de nuestro catálogo

UI-компоненты №14. Простое бургер-меню
29:14

UI-компоненты №14. Простое бургер-меню

Canal: MaxGraph - cайты как страсть
Верстка многостраничного сайта с нуля с пояснениями. Gulp, SCSS, CSS Grid, БЭМ. Facts
49:19

Верстка многостраничного сайта с нуля с пояснениями. Gulp, SCSS, CSS Grid, БЭМ. Facts

Canal: MaxGraph - cайты как страсть
Верстка многостраничного сайта с нуля с пояснениями. Gulp, SCSS, CSS Grid, БЭМ. News и Contacts
45:36

Верстка многостраничного сайта с нуля с пояснениями. Gulp, SCSS, CSS Grid, БЭМ. News и Contacts

Canal: MaxGraph - cайты как страсть
UI-компоненты №16. Бесконечно движущийся блок (ticker slider) на чистом CSS
7:06

UI-компоненты №16. Бесконечно движущийся блок (ticker slider) на чистом CSS

Canal: MaxGraph - cайты как страсть
UI-компоненты №8. Слайдер с вертикальными превью
36:34

UI-компоненты №8. Слайдер с вертикальными превью

Canal: MaxGraph - cайты как страсть
Позиционирование в CSS
18:06

Позиционирование в CSS

Canal: MaxGraph - cайты как страсть
UI-компоненты №15. Кнопка "показать еще"
10:54

UI-компоненты №15. Кнопка "показать еще"

Canal: MaxGraph - cайты как страсть
UI-компоненты №6. Сохранение корзины в localStorage
38:42

UI-компоненты №6. Сохранение корзины в localStorage

Canal: MaxGraph - cайты как страсть
UI-компоненты №17. Создание карточек с прижатием кнопки внизу
9:55

UI-компоненты №17. Создание карточек с прижатием кнопки внизу

Canal: MaxGraph - cайты как страсть
Etiquetas del vídeo
|

Etiquetas del vídeo

верстка
верстка сайта
верстка сайта с нуля
верстка с нуля
адаптивная верстка
html
html css
уроки html
верстка лендинга
верстка сайтов уроки
css
js
maxgraph
тултип css
тултипы js
tooltip
tooltip css
всплывающие уведомления css
подсказки css
всплывающие подсказки css
всплывающие подсказки на сайте
tooltip на сайте
тултип на сайте
обучение
Ya tiene instalado el UDL Helper. ¡Puedes descargar vídeo en 1 clic!
Instalado
para
Google Chrome

Descripción:

Привет! Тултип (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

Preparación de las opciones de carga

popular icon
Populares
hd icon
Vídeo HD
audio icon
Sólo sonido
total icon
Todos
* - Si el vídeo se está reproduciendo en una pestaña nueva, ve a ella, haz clic con el botón derecho del ratón en el vídeo y selecciona “Guardar vídeo como...”
** - Enlace destinado a la reproducción en línea en reproductores especializados

Preguntas sobre la descarga de vídeos

mobile menu icon¿Cómo puedo descargar el vídeo "Создаем удобный, доступный и рабочий тултип (tooltip) с помощью CSS"?mobile menu icon

  • El sitio http://unidownloader.com/ es la mejor manera de descargar un vídeo o una pista de audio independiente sin necesidad de instalar programas ni extensiones.

  • La extensión UDL Helper es un práctico botón que se incrusta orgánicamente en los sitios YouTube, Instagram y OK.ru para descargar contenidos rápidamente.

  • UDL Client (para Windows) - la solución más potente que soporta más de 900 sitios web, redes sociales y sitios de alojamiento de vídeo, así como cualquier calidad de vídeo que está disponible en la origen.

  • UDL Lite - es una forma cómoda de acceder a un sitio web desde su dispositivo móvil. Con su ayuda puedes descargar fácilmente vídeos directamente a tu smartphone.

mobile menu icon¿Qué formato de vídeo "Создаем удобный, доступный и рабочий тултип (tooltip) с помощью CSS" debo elegir?mobile menu icon

  • Los formatos de mejor calidad son FullHD (1080p), 2K (1440p), 4K (2160p) y 8K (4320p). Cuanto mayor sea la resolución de tu pantalla, mayor será la calidad del vídeo. Sin embargo, hay otros factores a tener en cuenta: la velocidad de descarga, la cantidad de espacio libre y el rendimiento del dispositivo durante la reproducción.

mobile menu icon¿Por qué se congela el ordenador al cargar un vídeo "Создаем удобный, доступный и рабочий тултип (tooltip) с помощью CSS"?mobile menu icon

  • El navegador/ordenador no debería congelarse por completo. Si esto ocurre, por favor infórmenos con un enlace al vídeo. A veces los vídeos no pueden descargarse directamente en un formato adecuado, por lo que hemos añadido la posibilidad de convertir el archivo al formato deseado. En algunos casos, este proceso puede consumir recursos del ordenador.

mobile menu icon¿Cómo descargo un vídeo "Создаем удобный, доступный и рабочий тултип (tooltip) с помощью CSS" en mi teléfono?mobile menu icon

  • Puedes descargar el vídeo a tu smartphone utilizando el sitio web de UDL Lite o la aplicación PWA. También es posible enviar un enlace de descarga mediante código QR utilizando la extensión UDL Helper.

mobile menu icon¿Cómo descargo una pista de audio (música) en MP3 "Создаем удобный, доступный и рабочий тултип (tooltip) с помощью CSS"?mobile menu icon

  • La forma más conveniente es usar el UDL Client, que soporta la conversión de vídeos a formato MP3. En algunos casos, MP3 también puede ser descargado a través de la extensión UDL Helper.

mobile menu icon¿Cómo guardar un fotograma de un vídeo "Создаем удобный, доступный и рабочий тултип (tooltip) с помощью CSS"?mobile menu icon

  • Esta función está disponible en la extensión UDL Helper. Asegúrate de que la opción "Mostrar botón para guardar captura de pantalla del vídeo" está marcada en la configuración. Deberá aparecer un icono de cámara en la esquina inferior derecha del reproductor, a la izquierda del icono "Configuración". Al hacer clic en él, el fotograma actual del vídeo se guardará en su ordenador en formato JPEG.

mobile menu icon¿Cuánto cuesta todo esto?mobile menu icon

  • Nada en absoluto. Nuestros servicios son totalmente gratuitos para todos los usuarios. No hay suscripciones PRO, ni restricciones en el número o la duración máxima de los vídeos descargados.