Привет! Давно хотел сделать рубрику, где буду большое внимание уделять не целым страницам, а ее деталям. Так, как мне кажется, удобнее для восприятия и видно больше мелочей.
В связи с этим, сделал новую рубрику UI-компоненты, которая будет посвящена разным реализациям с различных сайтов, которые часто встречаются.
Здесь я буду стараться сделать универсальную верстку, чтоб данный компонент можно было внедрить на сайт без проблем. Также можно не беспокоиться и за сборщики/препроцессоры и прочие нюансы - здесь я пишу на чистых языках - html, css, js.
В этой части я сделаю табы на чистом js, которые вы сможете использовать у себя на сайте
Содержание:
00:00 - Вступление
01:45 - html-разметка
10:00 - css-стили
24:09 - js-реализация
38:30 - Еще раз объясняю весь код
40:37 - Заключение
компоненты №0. Стартовый шабло
1 view
830
259
6 months ago 12:42:57 1
THE BIGGEST COURSE ON THE INTERNET ( PART 1 )
8 months ago 23:09:34 1
Learn Svelte – Full Course for Beginners
8 months ago 00:07:13 5
Build Your Own Component Library, With `Shadcn-vue` | Live 2024
9 months ago 01:47:27 1
5. Подход к дизайну сайтов | Курс UX UI Дизайнер: «Возрождение» | Бесплатный курс веб дизайна
9 months ago 03:07:37 19
1. Figma с нуля | UX UI Дизайнер: «Возрождение» | Бесплатный курс веб-дизайна — первый урок
9 months ago 01:50:45 1
UI ПРАКТИКА // ЧАСТЬ 2 // ДАШБОРД
9 months ago 01:47:07 1
React js Tutorial Beginner to First Application
9 months ago 00:16:35 4
Рисуем фестивальный сайт в Figma. Урок по компонентам, автолайаутам, эффекту «Неон» от арт-директора
10 months ago 05:48:54 1
Миникурс: что должен уметь frontend Senior, и понимать Junior: паттерны, архитектура
11 months ago 00:05:07 1
Dropdown menu in Figma
1 year ago 00:48:59 1
Библиотека компонентов Material UI. Быстрый старт
1 year ago 00:15:02 1
#1 Сетка Bootstrap 5 для начинающих | Быстрая верстка сайта при помощи колоночной сетки
1 year ago 00:14:25 1
Build User Interfaces In VIRTUAL REALITY For Unreal Engine 5
1 year ago 00:45:19 4
Урок 16 — Создаём компоненты и UI kit [Figma 3/5] [курс видео для дизайнера]
1 year ago 00:09:59 9
Deepin 23 beta Community Linglong Beige | Установка и настройка | Что нового в Deepin V23 beta3
1 year ago 01:16:40 1
Джузеппе Арчимбольдо. Четыре элемента. Пределы человеческого. Алексей Расторгуев. Лекция
1 year ago 01:34:39 10
!Марафон по нагрузочному тестированию: схема общих понятий
1 year ago 00:26:47 2
Good & Bad of Gravel Groupsets
1 year ago 00:11:34 1
КАК ПОСТРОИТЬ WEB SERVER НА ESP32
1 year ago 00:30:24 1
Figma с нуля за 30 минут. Быстрый урок по основным функциям программы для начинающих веб-дизайнеров.
1 year ago 00:14:40 1
Анимация слайдера в Фигме | Урок по анимации в фигма для Гарри Поттера 💫
1 year ago 10:29:44 1
Flutter Tutorial - Full Course - Project Based
1 year ago 00:17:10 1
Дизайн мобильного приложения в Figma (Часть 7: Дорабатываем приложение)
1 year ago 00:14:07 1
Дизайн мобильного приложения в Figma (Часть 6: График и карточки)