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

Descargar "UI-компоненты №9. Создание аккордеона (через details, на чистом js и анимированный)"

input logo icon
Vídeos similares de nuestro catálogo
|

Vídeos similares de nuestro catálogo

UI-компоненты №11. Выпадающее меню
19:26

UI-компоненты №11. Выпадающее меню

Canal: MaxGraph - cайты как страсть
Адаптивная верстка интернет магазина с НУЛЯ. Выполняю реальный заказ. Верстка сайта за $150
4:29:34

Адаптивная верстка интернет магазина с НУЛЯ. Выполняю реальный заказ. Верстка сайта за $150

Canal: ДЕН - подорожую та програмую
Адаптивная верстка сайта с нуля для новичков. Полезные советы по верстке сайта
2:02:01

Адаптивная верстка сайта с нуля для новичков. Полезные советы по верстке сайта

Canal: MaxGraph - cайты как страсть
Верстка лендинга Discover #1 | Github, CSS-переменные, создание favicon
35:18

Верстка лендинга Discover #1 | Github, CSS-переменные, создание favicon

Canal: LectorWeb. Frontend, создание сайтов
Верстка многостраничного сайта с нуля с пояснениями. Gulp, SCSS, CSS Grid, БЭМ. Facts
49:19

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

Canal: MaxGraph - cайты как страсть
CSS Grid с нуля №3. Свойства grid-элементов
14:42

CSS Grid с нуля №3. Свойства grid-элементов

Canal: MaxGraph - cайты как страсть
CSS-transition. Все самое важное о плавных переходах в CSS
12:21

CSS-transition. Все самое важное о плавных переходах в CSS

Canal: MaxGraph - cайты как страсть
CSS Grid с нуля №4. Адаптивный грид без медиа-запросов
5:41

CSS Grid с нуля №4. Адаптивный грид без медиа-запросов

Canal: MaxGraph - cайты как страсть
Верстка сайта с нуля из Figma для начинающих #2
29:24

Верстка сайта с нуля из Figma для начинающих #2

Canal: Step to Web
Натяжка готовой верстки на WordPress. Создаем блог с нуля. WordPress, PHP, JS
3:10:45

Натяжка готовой верстки на WordPress. Создаем блог с нуля. WordPress, PHP, JS

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

Etiquetas del vídeo

верстка
верстка сайта
верстка сайта с нуля
верстка с нуля
адаптивная верстка
html
html css
уроки html
верстка лендинга
верстка сайтов уроки
css
js
maxgraph
ui-компоненты
ityoutubersru
аккордеон
аккордеон на чистом js
аккордеон на js
details
summary
accordion
ui_компоненты
Ya tiene instalado el UDL Helper. ¡Puedes descargar vídeo en 1 clic!
Instalado
para
Google Chrome

Descripción:

Привет! Давно хотел сделать рубрику, где буду большое внимание уделять не целым страницам, а ее деталям. Так, как мне кажется, удобнее для восприятия и видно больше мелочей. В связи с этим, сделал новую рубрику UI-компоненты, которая будет посвящена разным реализациям с различных сайтов, которые часто встречаются. Здесь я буду стараться сделать универсальную верстку, чтоб данный компонент можно было внедрить на сайт без проблем. Также можно не беспокоиться и за сборщики/препроцессоры и прочие нюансы - здесь я пишу на чистых языках - html, css, js. В этой части я сделаю три вариации доступного аккордеона - с помощью тегов details и summary, на чистом js (без анимации), и на чистом js с анимацией. https://github.com/maxdenaro/maxgraph-youtube-source/tree/master/UI-%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B%20%E2%84%969.%20%D0%90%D0%BA%D0%BA%D0%BE%D1%80%D0%B4%D0%B5%D0%BE%D0%BD%20%D0%B8%20%D0%B2%D0%B0%D1%80%D0%B8%D0%B0%D0%BD%D1%82%D1%8B%20%D1%80%D0%B5%D0%B0%D0%BB%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D0%B8 - готовая верстка на GitHub Меня зовут Максим Васянович. Фрилансер уже 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 "UI-компоненты №9. Создание аккордеона (через details, на чистом js и анимированный)"?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 "UI-компоненты №9. Создание аккордеона (через details, на чистом js и анимированный)" 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 "UI-компоненты №9. Создание аккордеона (через details, на чистом js и анимированный)"?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 "UI-компоненты №9. Создание аккордеона (через details, на чистом js и анимированный)" 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 "UI-компоненты №9. Создание аккордеона (через details, на чистом js и анимированный)"?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 "UI-компоненты №9. Создание аккордеона (через details, на чистом js и анимированный)"?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.