Звёздный рейтинг ⭐️⭐️⭐️⭐️⭐️
00:00 Интро
01:11 Простая разметка
06:17 Доступность контролов
08:04 Основные стили
12:30 Начало рейтинга
20:30 Первая интерактивность
24:38 Добавление фокуса
27:28 Фокус для Edge
30:06 Совместимая версия
37:19 Фикс фона для IE11
41:21 Выводы
Нравится? Становитесь патронами — https://www.patreon.com/pepelsbey
Рейтинг простой — https://pepelsbey.github.io/playground/16/plain.html
Рейтинг современный — https://pepelsbey.github.io/playground/16/modern.html
Рейтинг фокусный — https://pepelsbey.github.io/playground/16/focus.html
Рейтинг совместимый — https://pepelsbey.github.io/playground/16/label.html
Весь код вместе — https://github.com/pepelsbey/playground/tree/master/16
* * *
Камера: Lumix GH5
Объектив: Panasonic 15 мм, f/1,7
Звук: Audio-Technica AT4053b, Lumix DMW-XLR1
Свет: Aputure Light Storm 120d II
Софт: Final Cut Pro, iZotope RX
Видео Звёздный рейтинг ⭐️⭐️⭐️⭐️⭐️ канала Vadim Makeev
01:11 Простая разметка
06:17 Доступность контролов
08:04 Основные стили
12:30 Начало рейтинга
20:30 Первая интерактивность
24:38 Добавление фокуса
27:28 Фокус для Edge
30:06 Совместимая версия
37:19 Фикс фона для IE11
41:21 Выводы
Нравится? Становитесь патронами — https://www.patreon.com/pepelsbey
Рейтинг простой — https://pepelsbey.github.io/playground/16/plain.html
Рейтинг современный — https://pepelsbey.github.io/playground/16/modern.html
Рейтинг фокусный — https://pepelsbey.github.io/playground/16/focus.html
Рейтинг совместимый — https://pepelsbey.github.io/playground/16/label.html
Весь код вместе — https://github.com/pepelsbey/playground/tree/master/16
* * *
Камера: Lumix GH5
Объектив: Panasonic 15 мм, f/1,7
Звук: Audio-Technica AT4053b, Lumix DMW-XLR1
Свет: Aputure Light Storm 120d II
Софт: Final Cut Pro, iZotope RX
Видео Звёздный рейтинг ⭐️⭐️⭐️⭐️⭐️ канала Vadim Makeev
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![✅ Кастомные чекбоксы правильно](https://i.ytimg.com/vi/E6kLaaQFctU/default.jpg)
![Семантика для циников, Вадим Макеев](https://i.ytimg.com/vi/bDYEnNzprzE/default.jpg)
![Навигация, дизайнеры и код, актуальность, личинки фронтендера и фреймворки](https://i.ytimg.com/vi/y52rtbUeCac/default.jpg)
![Людоедский интерфейс, Вадим Макеев](https://i.ytimg.com/vi/ssJsjGZE2sc/default.jpg)
![Верстка звездатого рейтинга](https://i.ytimg.com/vi/d5XLXaouWTg/default.jpg)
![Верстать как в 2008, или Флэшбеки олдфага: IE6, таблицы и JS в CSS](https://i.ytimg.com/vi/mE1AvBP08Cs/default.jpg)
![KFC, SVG и лишний base64, вредная типа-доступность](https://i.ytimg.com/vi/Eo3COLvWBFk/default.jpg)
![CSS-Minsk-JS, митапы, будущее фронтенда и главная страница](https://i.ytimg.com/vi/A2O_TbS5TKw/default.jpg)
![How to Make a Star Rating Component in React](https://i.ytimg.com/vi/eDw46GYAIDQ/default.jpg)
![Lingualeo, диватоз и графика в SVG и PNG](https://i.ytimg.com/vi/mAoxm-AyNCw/default.jpg)
![Меню для меню, гриды или Бутстрап, целесообразность удобства](https://i.ytimg.com/vi/QAEQ6CG-xBQ/default.jpg)
![Как вставить двадцать видео с Ютуба и не скачать слона](https://i.ytimg.com/vi/4JS70KB9GS0/default.jpg)
![Type.Today, base64, шрифты и сабсеттинг](https://i.ytimg.com/vi/WFomlrhOjNE/default.jpg)
![CSS Star Rating System - No JavaScript](https://i.ytimg.com/vi/4mfPjGb6y84/default.jpg)
![Чистый CSS для грязных трюков, Вадим Макеев](https://i.ytimg.com/vi/H0TDsCsirUs/default.jpg)
![Прижать футер к низу сайта (flex, grid). #Типичные задачи](https://i.ytimg.com/vi/wRaydXCBRFQ/default.jpg)
![KharkivJS #5 2015 — Andrey Listochkin — Anti hype как не гнаться за технологиями и начать жить](https://i.ytimg.com/vi/xPFRUM_oDKA/default.jpg)
![Адаптивная шапка с выпадающим меню на гридах, часть 1](https://i.ytimg.com/vi/o7A0e4PkSAQ/default.jpg)
![Знакомство с генератором статики Eleventy](https://i.ytimg.com/vi/DtTadxKrFMY/default.jpg)
![](https://i.ytimg.com/vi/iYrD3fN3DxA/default.jpg)