Кастомные свойства или честный Sass вместо CSS-переменных на PostCSS


00:00 Интро
01:36 Окружение и разметка
03:32 Стили для основы
06:06 Переменные на Sass
09:19 Переменные на PostCSS
14:15 Фолбеки для переменных
16:20 Переопределение свойств
19:46 Переменные и свойства
22:27 Выводы и советы

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

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

PostCSS — postcss.org/
PostCSS Custom Properties — github.com/postcss/postcss-custom-properties
PostCSS Simple Variables — github.com/postcss/postcss-simple-vars
Sass — sass-lang.com/
CSS Custom Properties L1 — www.w3.org/TR/css-variables-1/

* * *

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

Заработок на сайтах в интернете – реалии 2020 и перспективы 2021


5 лет назад заработок на сайтах в интернете был «хорошей темой». Так ли это сейчас, узнаем у 7 гостей, первого выпуска нашего нового спецпроекта. Пристегнитесь, контента очень много!
______
ПАРТНЕРЫ ВЫПУСКА:
⇢ Leadbit bit.ly/leadbitpre1 — международная партнерская сеть
⇢ Evadav – рекламная сеть с 2 млрд показов в сутки! bit.ly/evadavG
⇢ Alpha Affiliates bit.ly/Alpha-integr — партнерская программа в игровой тематике
______

≣ Часть выпуска для всех спонсоров youtu.be/d2JvTgO506Y

≣ Спонсорство www.youtube.com/channel/UC8NEikYv6nEVtW_eR4wLTtw/join (открывается не во всех регионах. Иногда нужно использовать VPN)

2я часть youtu.be/ewM6Xy9-MnQ
3я часть youtu.be/XAT9jgjhkT4
4я часть youtu.be/F6Bqm5_eV1M

■ Instagram Олега www.instagram.com/olegartyshuk/
■ Telegram-канал t.me/video4it
≣ Мерч «Точка G» bit.ly/merchDOTg
_______

Мы поговорили с ребятами о том, как кризис повлиял на их бизнес. Как и сколько можно заработать на сайтах сейчас. Специфика создания и продвижения контентных проектов в 2020 году. Обсудили как выбрать перспективную тематику. Структура команд и эффективность удаленной работы сотрудников. Ребята поделились мнением есть ли смысл в 2021 году заходить в нишу инфосайтов, и возможно ли там еще заработать.

Таймлайн:
00:00 Вступление
02:14 Заработок в интернете на сайтах: кто и как зарабатывает?!
16:03 Влияние кризиса на компанию Bonica
16:45 Модели монетизации сайтов
19:22 Кутейников: «У Форумхаус.ру 3 источника дохода»
20:18 Букреев о структуре дохода сайтов
20:51 Бизнес-модель Barb.ua и ее перспективы
22:25 Бецура о будущем подписочной модели в нише спортивных медиа
24:48 Кокорин о контекстной рекламе и CPA монетизации на WOW-товарах
27:51 Петренко об источниках дохода форума Searchengines.ru
30:22 Себестоимость создания контента для сайтов
31:04 Малостраничники: специфика создания, продвижения и вывод на прибыль
37:58 Как выбрать тематику для сайта – руководство от Александра Букреева
41:10 Разница в создании сайтов под Гугл и Яндекс?!
42:55 Forumhouse: структура команды и переход на удаленку
45:28 Букреев об удаленных сотрудниках и их обязанностях
48:30 Стоит ли новичкам идти в сайты, в 2021 году?!
51:48 О пороге входа в нишу. Инвестиции в сайты
54:52 Перспективы форума как бизнеса
55:48 Букреев о планах на будущее
56:43 Вадим Корепов: «Контентные проекты умирают»
57:57 Почему бизнес на сайтах лучше чем арбитраж трафика?!
____________

Гости выпуска:
Вадим Корепов – основатель Partnerkin.com и рекламного агентства Partnerkin Squad. FB Вадима www.facebook.com/korepov.vadim

Сергей Петренко – основатель форума Searchengines.ru. FB Сергея www.facebook.com/sergey.petrenko

Алексей Кутейников – владелец портала о загородном строительстве Forumhouse.ru. FB Алексея www.facebook.com/a.kuteynikov

Сергей Бецура – совладелец холдинга «Магнет» («Мабила», GaGadget, AutoUa, «Динамо Киев от Шурика»). FB Сергея www.facebook.com/sergey.betsura

Александр Букреев – владелец ERP Bonica. VK Александра vk.com/krylatskoe_com

Артем Кокорин – вебмастер, автор блога Pasagir.ru. Instagram Артема instagram.com/pasagirseo

Дмитрий Широков – руководитель бьюти-агрегатора Barb.ua
____

— Выпуск с Алексеем Кутейниковым youtu.be/_JAAJ2UlQ4g
— Интервью с Олегом на канале Сергея Петренко youtu.be/_BC7xqxsUjs

Обязательно посмотрите в Точка G:
— Короли SEOшки — компания BOOSTA youtu.be/mCBKMyslYyk
— Бизнес на сайтах под Амазон youtu.be/83NO8NYJX_A
— Спортивный медиахолдинг Спортс.ру youtu.be/CWhIvwEBs9s

Подписывайтесь на канал www.youtube.com/channel/UC8NEikYv6nEVtW_eR4wLTtw?sub_confirmation=1

Git и GitHub Курс Для Новичков


Посмотри на мой курс по продвинутому JavaScript: clc.to/senior
Игра путь Frontend разработчика: clc.am/frontend

PDF и статья тут: t.me/js_by_vladilen/254

Мои Udemy Курсы:
Angular 9: clc.to/angular
React Native: clc.to/rnative
ReactJS: clc.to/react
NodeJS: clc.to/nodejs
Angular Fullstack (MEAN): clc.to/fullstack

Подписывайся на соц сети:
Telegram: t.me/js_by_vladilen
Instagram: www.instagram.com/vladilen.minin
VK: vk.com/vladilen.minin
Группа VK: vk.com/js_by_vladilen

Поддержать выпуск новых видео:
ЯД: money.yandex.ru/to/410013757655670
PayPal: www.paypal.me/vladilenm

Git и Github полный курс для начинающих. На практическом уроке для начинающих и новичков разберем как работать с Git и Github.
В ролике информация про то, как установить git и начать работать с github. Так же разберем основные команды: git clone, git init, git merge, git branch, git checkout, git push, git pull, git commit, git add, git config

Таймкоды:
00:00 — Что такое Git
02:29 — Установка Git
03:25 — Начало работы
06:40 — Инициализация проекта
11:05 — Первые изменения
17:25 — Коммит
18:54 — gitignore
23:45 — Работа с ветками
31:35 — Совмещение веток
33:20 — Работа с Github

Как рождается знание


Лекция-практикум об эффективных способах работы с информацией и знанием

Лекция в рамках проекта Otium Academy.
Контакты проекта:
www.facebook.com/OTIUM.Academy/
www.youtube.com/channel/UCih_...

Съемка и монтаж: Виктория Бабяк

Финансовая поддержка наших усилий позволит сделать наш продукт более качественным. Поэтому мы будем благодарны за финансовую поддержку проекта.
Карта Приватбанка 4149 4991 3111 9297

Стать патроном канала: www.patreon.com/andriibaumeister

4314 1400 0121 8103 RUB
4314 1400 0121 8053 USD
5355 2800 0189 5323 EUR
5355 2800 0189 5273 UAH

Политех, магический JPEG, ненужная форма и object-fit на SVG


00:00 Интро
00:08 Обзор ИБК Политеха
00:43 Загрузка сайта
02:05 Магическая картинка
04:36 Форма и скрипты
09:41 Фокус и аутлайн
11:59 Заголовки и ориентиры
16:00 Имитация object-fit на SVG

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

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

ИБК Политеха — library.spbstu.ru/ru/
Can I use: object-fit/object-position — caniuse.com/#feat=object-fit
Cropping

NuType F1 — анбоксинг и первые впечатления от тонкой механической клавиатуры


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