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

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

input logo icon
Video tương tự từ catalog của chúng tôi
|

Video tương tự từ catalog của chúng tôi

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Kênh: MaxGraph - cайты как страсть
Thẻ video
|

Thẻ video

верстка
верстка сайта
верстка сайта с нуля
верстка с нуля
адаптивная верстка
html
html css
уроки html
верстка лендинга
верстка сайтов уроки
css
js
maxgraph
ui-компоненты
ityoutubersru
аккордеон
аккордеон на чистом js
аккордеон на js
details
summary
accordion
ui_компоненты
Bạn đã cài đặt thành công UDL Helper Bạn có thể tải về video bằng 1 cú nhấp!
Đã cài đặt
cho
Google Chrome

Mô tả:

Привет! Давно хотел сделать рубрику, где буду большое внимание уделять не целым страницам, а ее деталям. Так, как мне кажется, удобнее для восприятия и видно больше мелочей. В связи с этим, сделал новую рубрику 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

Chuẩn bị tùy chọn tải xuống

popular icon
Phổ biến
hd icon
Video HD
audio icon
Chỉ âm thanh
total icon
Tất cả
* — Nếu video đang phát trong một tab mới, hãy mở nó, sau đó nhấp phải vào video và chọn "Lưu video như..."
** — Liên kết dành cho việc phát trực tuyến trong các trình phát chuyên dụng

Thắc mắc về tải video

mobile menu iconLàm cách nào tôi có thể tải xuống video "UI-компоненты №9. Создание аккордеона (через details, на чистом js и анимированный)"?mobile menu icon

  • Trang web http://unidownloader.com/ là cách tốt nhất để tải xuống một video hoặc một đoạn âm thanh riêng nếu bạn muốn tải xuống mà không cần cài đặt chương trình và tiện ích mở rộng.

  • Tiện ích mở rộng UDL Helper là một nút tiện lợi được tích hợp liền mạch vào các trang YouTube, Instagram và OK.ru để tải xuống nội dung nhanh chóng.

  • Chương trình UDL Client (dành cho Windows) là giải pháp mạnh mẽ nhất hỗ trợ hơn 900 trang web, mạng xã hội và trang lưu trữ video cũng như mọi chất lượng video có sẵn trong nguồn.

  • UDL Lite là một cách thực sự thuận tiện để truy cập trang web từ thiết bị di động của bạn. Với sự trợ giúp của nó, bạn có thể dễ dàng tải video trực tiếp xuống điện thoại thông minh của mình.

mobile menu iconTôi nên chọn định dạng nào của video "UI-компоненты №9. Создание аккордеона (через details, на чистом js и анимированный)"?mobile menu icon

  • Các định dạng chất lượng tốt nhất là FullHD (1080p), 2K (1440p), 4K (2160p) và 8K (4320p). Độ phân giải màn hình của bạn càng cao thì chất lượng video càng cao. Tuy nhiên, có những yếu tố khác cần xem xét: tốc độ tải xuống, dung lượng trống và hiệu suất thiết bị trong quá trình phát lại.

mobile menu iconTại sao máy tính của tôi bị treo khi tải video "UI-компоненты №9. Создание аккордеона (через details, на чистом js и анимированный)"?mobile menu icon

  • Trình duyệt/máy tính không được đóng băng hoàn toàn! Nếu điều này xảy ra, vui lòng báo cáo nó kèm theo liên kết tới video. Đôi khi không thể tải xuống trực tiếp video ở định dạng phù hợp, vì vậy chúng tôi đã thêm khả năng chuyển đổi tệp sang định dạng mong muốn. Trong một số trường hợp, quá trình này có thể chủ động sử dụng tài nguyên máy tính.

mobile menu iconLàm cách nào tôi có thể tải video "UI-компоненты №9. Создание аккордеона (через details, на чистом js и анимированный)" xuống điện thoại của mình?mobile menu icon

  • Bạn có thể tải video xuống điện thoại thông minh của mình bằng trang web hoặc ứng dụng PWA UDL Lite. Cũng có thể gửi liên kết tải xuống qua mã QR bằng tiện ích mở rộng UDL Helper.

mobile menu iconLàm cách nào tôi có thể tải bản âm thanh (âm nhạc) xuống MP3 "UI-компоненты №9. Создание аккордеона (через details, на чистом js и анимированный)"?mobile menu icon

  • Cách thuận tiện nhất là sử dụng chương trình UDL Client, chương trình hỗ trợ chuyển đổi video sang định dạng MP3. Trong một số trường hợp, MP3 cũng có thể được tải xuống thông qua tiện ích mở rộng UDL Helper.

mobile menu iconLàm cách nào tôi có thể lưu khung hình từ video "UI-компоненты №9. Создание аккордеона (через details, на чистом js и анимированный)"?mobile menu icon

  • Tính năng này có sẵn trong tiện ích mở rộng UDL Helper. Đảm bảo rằng bạn đã chọn "Hiển thị nút quay video nhanh" trong cài đặt. Biểu tượng máy ảnh sẽ xuất hiện ở góc dưới bên phải của trình phát, bên trái biểu tượng "Cài đặt". Khi bạn nhấp vào nó, khung hình hiện tại của video sẽ được lưu vào máy tính của bạn ở định dạng JPEG.

mobile menu iconTất cả những thứ này có giá bao nhiêu?mobile menu icon

  • Nó không tốn gì cả. Các dịch vụ của chúng tôi hoàn toàn miễn phí cho mọi người dùng. Không có đăng ký PRO, không có giới hạn về số lượng hoặc thời lượng tối đa của video được tải xuống.