00:00 Интро
01:08 Коробка
02:19 Содержимое
03:39 Клавиатура
05:52 Тест с Макбуком
07:43 Чехол-подставка
08:50 Звуки печати
09:50 Выводы
10:47 Аутро

Нравится? Становитесь патронами www.patreon.com/pepelsbey

NuPhy F1 nuphy.com/collections/shop/products/nutype-f1

* * *

Камера 1: Blackmagic Pocket Cinema 4K
Камера 2: Blackmagic Micro Studio 4K
Объектив: Panasonic 12–35 мм, f/2,8
Микрофон: Audio-Technica BP40
Свет: Aputure Light Storm 120d II Light Dome
Софт: DaVinci Resolve, iZotope RX

00:00 Интро
00:22 Вставка по старинке
03:25 Картинка со ссылкой
08:40 Кнопка с фокусом
16:35 Скрипт в работе
21:57 Результат

Нравится? Становитесь патронами — www.patreon.com/pepelsbey

Было — pepelsbey.github.io/playground/12/before.html
Стало — pepelsbey.github.io/playground/12/after.html
Код — github.com/pepelsbey/playground/tree/master/12

How do I get a YouTube video thumbnail — stackoverflow.com/a/2068371

* * *

Камера: Lumix GH5 DMW-XLR1
Объектив: Lumix 20 мм, f/1,7 II
Микрофон: Audio-Technica AT4053b
Свет: Aputure Light Storm 120t Light Dome
Софт: Final Cut Pro, iZotope RX

00:00 Интро
00:27 Разметка и стили шапки
04:31 Раскладка шапки на гридах
06:02 Раскладка поля поиска
11:53 Отступы между блоками
15:57 Вёрстка примеров поиска
21:04 Отступы между кнопками
26:11 Выводы и предыстория

Нравится? Становитесь патронами — www.patreon.com/pepelsbey

Демо — pepelsbey.github.io/playground/20/
Код — github.com/pepelsbey/playground/tree/master/20

Миксы в БЭМе — ru.bem.info/methodology/css/#миксы
Свойство gap в спецификации — drafts.csswg.org/css-align-3/#propdef-gap

* * *

Камера: Blackmagic Pocket Cinema 4K
Объектив: Panasonic 15 мм, f/1,7
Микрофон: Audio-Technica AT4053b
Свет: Aputure Light Storm 120d II Light Dome
Софт: DaVinci Resolve, iZotope RX

{ GeekCode | GeekDay | GeekBrains | GeekWeek2019 | MailRu }

Esoft. Школа web-программирования 2020.

Репозиторий с описанием курса
github.com/kkocherov/web-development-course-2020

00:00 Интро
00:17 Меню для меню
08:08 Гриды или Бутстрап
11:49 Целесообразность удобства

Нравится? Становитесь патронами — www.patreon.com/pepelsbey

HTML Living Standard (WHATWG) — html.spec.whatwg.org/multipage/
HTML 5.3 (W3C) — w3c.github.io/html/
W3C или WHATWG — youtu.be/Mqmwx-GcSTs
WAI-ARIA 1.2 — w3c.github.io/aria/
Menus

Нравится? Становитесь патронами — www.patreon.com/pepelsbey

00:00:00 Интро
00:01:16 Планы на стрим
00:01:47 Сверлят
00:01:57 Новые Макбуки
00:03:43 5K-монитор
00:05:33 Кто сверлит?
00:05:51 Плавный курсор в VS Code
00:06:22 Надо ли знать вёрстку фронтендеру
00:07:58 Факап в карьере
00:09:07 Новые клавиатуры
00:11:07 Станут ли верстальщики невостребованными
00:13:43 Сходства в логотипе
00:14:50 Размер шрифта и единицы вьюпорта
00:18:04 Странное собеседование
00:19:51 Карточки с картинками и подписями
00:20:32 Дизайн-системы
00:22:40 CSS-код элемента в Figma
00:24:43 Устают ли руки с механическими клавиатурами
00:25:26 Установка Kerio Control на Ubuntu
00:25:35 Где читать про БЭМ?
00:26:40 Адаптация для Safari
00:28:26 Любимая музыка
00:29:30 Сколько нужно зарабатывать, чтобы жить на Кипре
00:30:01 Bootstrap 5
00:31:22 Будет ли Vue в курсе Академии
00:32:17 Разбор доступного селекта
00:33:24 Много ли программируешь?
00:35:04 Готовые слайдеры
00:36:31 Использовал ли Storybook
00:36:57 Как убрать скролл на мобилке
00:37:46 Вынос кастомизированных значений в дизайн
00:39:36 БЭМ и нестандартная сетка на гридах
00:40:10 Про лайвкодинг
00:41:32 Планы на LP
00:42:58 Safari на Windows
00:43:34 Зачем проколол ухо
00:43:41 Синдром самозванца
00:44:28 Альтернатива Bootstrap
00:44:39 Доступный слайдер
00:46:05 Issue по-русски
00:47:14 На что снимаешь и хостишь стрим?
00:47:57 Рекомендации студенту
00:49:14 Платные разборы, тиры для патронов
00:50:25 Сборщик Snowpack и другой
00:51:48 Количество медиавыражений
00:52:13 Data-атрибуты вместо классов
00:54:16 Влияние ковида на рынок труда
00:56:34 Масштабирование во вьюпорте
00:57:44 Выравнивание по центру на гридах
00:58:51 Порядок фавиконок в метатегах
00:59:29 Где прокачаться по тимлидингу
00:59:41 Playwright
01:00:04 Выбор механической клавиатуры
01:02:05 Как начать разбираться в механике
01:02:37 Углублённое знание вёрстки
01:04:12 Способ имитировать нажатие на текст
01:04:29 Фокусируются на Веб-стандартах
01:05:28 Мнение про стек
01:06:04 Универсальные названия классов
01:07:12 Куда расти верстальщику
01:08:27 Верстальщики и React
01:09:27 Умение верстать письма
01:10:42 Где научиться рефакторингу
01:11:17 Вставка SVG
01:12:28 Книги по фронтенду
01:13:03 Тег datalist
01:14:00 Клавиатура без кириллицы
01:15:34 Вёрстка и мобильные приложения
01:17:17 Город для переезда
01:19:22 Типографики от ширины окна
01:20:23 Именование классов
01:20:56 Сложная кроссбраузерная вёрстка
01:21:47 Музыкальные инструменты
01:22:30 Планы на pitercss_meetup
01:22:51 AVIF в Safari
01:22:55 Веб-компоненты или фреймворк
01:23:27 Конец

LG UltraFine 5K www.lg.com/us/ultrafine-monitors
Тема для VS Code marketplace.visualstudio.com/items?itemName=Hyzeta.vscode-theme-github-light
Подкаст про музыку LP 3lp.me/
Курс «Анимация для фронтендеров» htmlacademy.ru/intensive/animation
Подкаст про дизайн-системы youtu.be/gh-_3-N1dnQ
Ин­клю­зив­ные ком­по­нен­ты: слай­дер web-standards.ru/articles/a-content-slider/

* * *

Камера: Blackmagic Pocket Cinema 4K
Объектив: Panasonic 12–35 мм, f/2,8
Видеокарта: Blackmagic ATEM Mini Pro
Микрофон: Audio-Technica BP40
Свет: Aputure Light Storm 120d II Light Dome

Курс по Ubuntu рассматриваются следующие команды терминала: cmp, df, apt get install, remove, update, upgrade, chmod

Если Вы хотите поддержать канал:
If You want to support the channel:
Донат / Donate
RUB R939373054553
USD Z657301568665

ВОЗВРАЩЕНИЕ НА ПАНДОРУ. Герой по принуждению. Невероятное путешествие. Сложный выбор: бросить всё, что было до этого в жизни и научиться звать Родиной новый, невероятный мир. Возвращение на Пандору. АВАТАР — величайшее приключение.

Фильм о подвиге подольских курсантов в октябре 1941 года под Москвой. Курсанты подольских артиллерийского и пехотного училищ получают приказ занять оборону на Ильинском рубеже и сдерживать совместно с регулярными частями 43-й армии фашистских захватчиков, пока не подойдёт подкрепление. Вчерашние мальчишки, погибая, помогают сдерживать многократно превышающие силы немцев и на двенадцать дней становятся преградой на пути врага к Москве… На последний рубеж перед Москвой были направлены около трёх с половиной тысяч курсантов двух подольских училищ и их командиров… Большинство из них остались на рубеже навсегда.