Веб-стандарты. Страница 67

Архитектура CSS для современных JavaScript-приложений. Майк Райтмюллер о причинах появления современных подходов CSS-in-JS, составных частях и типах UI-компонентов, состояниях и контейнерах — https://www.madebymike.com.au/writing/css-architecture-for-modern-web-applications/

Продолжается запись на курс «Профессия веб-разработчик» Skillbox. В программе курса теория и практика в шести проектах для портфолио: вёрстка, JavaScript, PHP, фреймворки, 1С-Битрикс, веб-дизайн и управление проектами. Студенты получат два месяца бесплатного обучения английскому и другие скидки от партнёров. Новогодняя скидка 60% действует ещё пять дней — https://course.skillbox.ru/profession-webdev/?utm_source=telegram&utm_medium=groups&utm_campaign=62_iamwebdev_telegram_groups_post_course_all_webstandards-ru_ardens&utm_content=2019-12-17

Видео докладов с MinskCSS Meetup #7

1. Grid Layout + IE = Love, Юлия Долгун
2. Обтекай! Захар Авсиевич
3. 10 глупых вопросов дизайнеру, Дмитрий Осипов

https://www.youtube.com/playlist?list=PL3uk4LxG9ZzkpS9Pp6jc6V7AZWwLz22oZ

Видеокурс Игоря Сидорова по React Native из 9 видео: введение, настройка окружения, свойства, валидация, стилизация и состояния компонентов, пример реализации списка задач и навигация — https://www.youtube.com/playlist?list=PLu6MFGxDdiljsxeTnrdN0VnmjkVeLlDjU

Цитирование в HTML. Джон Ри разбирается, в чём отличие между <blockquote>, <q> и <cite> и как их можно по-особому стилизовать — https://css-tricks.com/quoting-in-html-quotations-citations-and-blockquotes/

Почему <details> не аккордеон. Дейв Руперт рассказывает о проблемах доступности, которые привносит неправильное использование <summary> — https://daverupert.com/2019/12/why-details-is-not-an-accordion/

Микробраузеры повсюду! Колин Бенделл объясняет, что такое микробраузеры и почему важно их учитывать при вёрстке сайтов — https://24ways.org/2019/microbrowsers-are-everywhere/

00:02:34 События вообще и в Швеции
00:18:30 Идея стандарта MapML
00:28:48 И снова WebAssembly
00:39:42 Зачем фронтендеру Docker
00:49:18 Красивый код и быстрый код
01:02:26 Жизнь айтишника в Швеции

Выпуск №208: События вообще и в Швеции, идея стандарта MapML, снова WebAssembly, зачем фронтендеру Docker, красивый код и быстрый код, жизнь айтишника в Швеции. В гостях Кир Белевич, Максим Иванов и Роман Прудников. Ссылки на Медиуме https://medium.com/p/1f95bc633aa7 или на Ютубе https://youtu.be/hMB5_15wUHs

Как устроено тестирование фронтенда в Яндекс.Маркете и почему мы отказываемся от еженедельных релизов. Рассказывает Сергей Лебедев в блоге Яндекса на Хабре — https://habr.com/p/478862/

Сетка «золотой канон» — страшилка для фронтендеров. Иван Богачёв верстает сетку, построенную на диагоналях, с помощью гридов — https://habr.com/p/479580/

Браузеру Firefox 15 лет: взлёт, падение и ренессанс с упором на конфиденциальность. Шон Кэптен в переводе на Хабре — https://habr.com/p/479072/

Новинки Chrome 79 в обзоре Пита Лепажа: новые иконки с масками для PWA на Android, Web XR, новые эксперименты в origin trials, Wake Lock API чтобы экран не засыпал и новый атрибут rendersubtree для управления рендерингом DOM — https://developers.google.com/web/updates/2019/12/nic79

Как дизайнерам New York Times удалось положить текст и картинки на сетку по базовой линии шрифта для страницы, посвящённой столетию Баухауса — https://medium.com/p/cb13cac45201

Семь примеров использования кастомных CSS-свойств Мишель Баркер: цветовые функции, краткие свойства, повторяющиеся значения, сложные вычисления, последовательные анимации, адаптация гридов и даже удобная работа со значениями префиксных свойств — https://css-irl.info/7-uses-for-css-custom-properties/

Антихакер: защита сайтов от взлома — бесплатный интенсив Михаила Овчинникова по основам безопасности веб-приложений на Skillbox 12–14 декабря. В программе разбор инструментов для сканирования и практика по простым SQL-инъекциям и XSS-атакам — регистрация.

Продуманные запросы: стратегии кэширования в век PWA. Аарон Густафсон делится советами, как при помощи сервис-воркеров отдавать пользователям самое необходимое в первую очередь, в переводе на Хабре — https://habr.com/p/478326/

00:01:02 События
00:11:25 10 лет фронтенда на графике
00:13:59 Новинки Firefox 71
00:26:32 WASM 4-й язык веба
00:33:39 Лёгкая вставка YouTube
00:38:54 Доступный кастомный селект
00:43:11 Экономия трафика в CSS
00:49:26 Ненавязчивая реклама
00:53:16 WSD всё