UI-компоненты №2. Сетка карточек и фиксированный фильтр
Привет! Давно хотел сделать рубрику, где буду большое внимание уделять не целым страницам, а ее деталям. Так, как мне кажется, удобнее для восприятия и видно больше мелочей.
В связи с этим, сделал новую рубрику UI-компоненты, которая будет посвящена разным реализациям с различных сайтов, которые часто встречаются.
Здесь я буду стараться сделать универсальную верстку, чтоб данный компонент можно было внедрить на сайт без проблем. Также можно не беспокоиться и за сборщики/препроцессоры и прочие нюансы - здесь я пишу на чистых языках - html, css, js.
В этой части продолжаем работать с карточками. Сделаем их сетку на CSS Grid, а также сделаем фиксированный блок слева.
Содержание:
00:00 - Вступление
01:16 - Что будем делать
01:52 - Как изменился шаблон с первой части
03:00 - Верстка сетки и левой области
05:45 - Стилизация (grid)
13:55 - Js-код для фиксированного блока
28:25 - Заключение и добавление кастомного свойства
ком�%B
4 views
5
0
4 months ago 01:50:45 1
UI ПРАКТИКА // ЧАСТЬ 2 // ДАШБОРД
4 months ago 01:47:07 1
React js Tutorial Beginner to First Application
5 months ago 00:21:35 1
Building Runtime UI with UI Toolkit In Unity
5 months ago 00:30:50 4
PrimeVue | The Next-Gen UI Component Library | Live 2024
5 months ago 00:37:39 1
Storybook - Быстрый курс по работе и тестированию с React
5 months ago 00:18:08 1
Продвинутый урок Figma. Эффект в стиле Halftone, автолейауты и компоненты
5 months ago 05:48:54 1
Миникурс: что должен уметь frontend Senior, и понимать Junior: паттерны, архитектура
5 months ago 00:23:43 59
Walkthrough: Infinite Upright | Textural Ambient Piano by Emergence Audio
6 months ago 01:47:27 1
5. Подход к дизайну сайтов | Курс UX UI Дизайнер: «Возрождение» | Бесплатный курс веб дизайна
6 months ago 00:25:52 1
Дизайн мобильных приложений в Figma. UX/UI дизайн приложений
8 months ago 00:30:49 2
Совершенствуем анимацию на Тильде: смещение центра анимации элемента с transform-origin и ANX828
8 months ago 10:02:46 1
All Functional MERN Stack LMS / Learning Management system series with next 13, TypeScript | Part 2
8 months ago 00:15:02 1
#1 Сетка Bootstrap 5 для начинающих | Быстрая верстка сайта при помощи колоночной сетки