Дайджест свежих материалов из мира фронтенда за последнюю неделю №381 (16 — 22 сентября 2019)
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
•
Подкаст «Веб-стандарты», #193. Chrome 77, Can I use + MDN, Can I email, митап по доступности
•Подкаст «Фронтенд Юность (18+)»: #108 Россияне не готовы верить, что роботы воспитают их детей натуралами
•
Интервью c Виталием Фридманом на канале JavasSript.Ninja
•Видеокаст «Frontreview» #19: React, Angular и Vue: что изучать в 2019–2020 году?
•Repozitorro #27 — Похоже на моё первое портфолио)
•
Блоги по frontend-разработке, которые стоят того, чтобы их читали
•История одной анимации
• Архитектура фронтенда: Малый круг
•
Об HTML-атрибуте, потенциально стоящим $4,4 млн. для Chipotle
•Как создавать профессиональные HTML формы
•Как Google Nofollow, Sponsored и UGC ссылки влияют на SEO
•Создание расширения для Chrome с Preact и Webpack
•Современная архитектура фронтенда 103
•Пол Бакаус: «AMP — это довольно недопонятый проект»
•Каждый сайт заслуживает сервис воркер
•Насколько хорошо вы знаете CSS? (+ мини-тест)
•Эффекты искажения на CSS
•Будьте проще, используя масштабируемый CSS
•CSS Quickies: CSS-переменные — или как легко создать «светлую/темную» тему
•Демонстрация нового способа сделать Sass быстрее
•CSS Grid: иллюстрированное введение
•Маленькая неровная таблетка: проблемы с закругленными кнопками
•Таблицы со схлопывающимися строками
•Gap — светлое будущее для отступов в Flexbox (как в Grid)
•Прокачиваем навыки отладки JavaScript с помощью консольных трюков
• Используем DOM как Pro
• Машинное обучение для фронтенд разработчиков с Tensorflow.js
• Как писать эффективный код на JavaScript с помощью Event Loop
• Замыкающие запятые (Trailing Commas) в JavaScript ES 2017
•Static Svelte: JavaScript для блогов с менее 93% JavaScript
•Почему JavaScript инструментарий отстой
•Как делать Authenticated Serverless JAMstack Apps с помощью Gatsby и Netlify
•Выходим за пределы console.log () — 8 консольных методов, которые следует использовать при отладке JavaScript и Node
•Обратные кавычки (``) медленнее, чем другие строки в JavaScript?
•Новые функции Javascript — Часть 1
•Microsoft Edge — Универсальный XSS
• Firefox переходит на сокращённый цикл подготовки релизов
• Firefox Preview 2.0 для Android
• В Chrome добавлена экспериментальная поддержка протокола HTTP/3
•Новое в Chrome 77
•Chrome 78 Beta: новый Houdini API, нативный доступ к файловой системе и многое другое
• Microsoft представил новый открытый шрифт Cascadia Code
• Google о текущем статусе сканирования AJAX
• Маски, макияж и капюшоны: как люди пытаются защититься от технологий распознавания лиц Материал редакции
• Mozilla выделила 100 млн долларов на поддержку сайтов, работающих без рекламы
• Алгоритм Google диагностирует кожные заболевания не хуже дерматологов
Медиа
•
Подкаст «Веб-стандарты», #193. Chrome 77, Can I use + MDN, Can I email, митап по доступности•
Подкаст «Фронтенд Юность (18+)»: #108 Россияне не готовы верить, что роботы воспитают их детей натуралами•
Интервью c Виталием Фридманом на канале JavasSript.Ninja•
Видеокаст «Frontreview» #19: React, Angular и Vue: что изучать в 2019–2020 году? •
Repozitorro #27 — Похоже на моё первое портфолио)
Веб-разработка
•
Блоги по frontend-разработке, которые стоят того, чтобы их читали•
История одной анимации• Архитектура фронтенда: Малый круг
•
Об HTML-атрибуте, потенциально стоящим $4,4 млн. для Chipotle•
Как создавать профессиональные HTML формы•
Как Google Nofollow, Sponsored и UGC ссылки влияют на SEO •
Создание расширения для Chrome с Preact и Webpack•
Современная архитектура фронтенда 103•
Пол Бакаус: «AMP — это довольно недопонятый проект»•
Каждый сайт заслуживает сервис воркер
CSS
•
Насколько хорошо вы знаете CSS? (+ мини-тест)•
Эффекты искажения на CSS •
Будьте проще, используя масштабируемый CSS•
CSS Quickies: CSS-переменные — или как легко создать «светлую/темную» тему •
Демонстрация нового способа сделать Sass быстрее•
CSS Grid: иллюстрированное введение •
Маленькая неровная таблетка: проблемы с закругленными кнопками•
Таблицы со схлопывающимися строками•
Gap — светлое будущее для отступов в Flexbox (как в Grid)JavaScript
•
Прокачиваем навыки отладки JavaScript с помощью консольных трюков• Используем DOM как Pro
• Машинное обучение для фронтенд разработчиков с Tensorflow.js
• Как писать эффективный код на JavaScript с помощью Event Loop
• Замыкающие запятые (Trailing Commas) в JavaScript ES 2017
•
Static Svelte: JavaScript для блогов с менее 93% JavaScript•
Почему JavaScript инструментарий отстой•
Как делать Authenticated Serverless JAMstack Apps с помощью Gatsby и Netlify•
Выходим за пределы console.log () — 8 консольных методов, которые следует использовать при отладке JavaScript и Node•
Обратные кавычки (``) медленнее, чем другие строки в JavaScript? •
Новые функции Javascript — Часть 1
Браузеры
•
Microsoft Edge — Универсальный XSS• Firefox переходит на сокращённый цикл подготовки релизов
• Firefox Preview 2.0 для Android
• В Chrome добавлена экспериментальная поддержка протокола HTTP/3
•
Новое в Chrome 77•
Chrome 78 Beta: новый Houdini API, нативный доступ к файловой системе и многое другое
Занимательное
• Microsoft представил новый открытый шрифт Cascadia Code
• Google о текущем статусе сканирования AJAX
• Маски, макияж и капюшоны: как люди пытаются защититься от технологий распознавания лиц Материал редакции
• Mozilla выделила 100 млн долларов на поддержку сайтов, работающих без рекламы
• Алгоритм Google диагностирует кожные заболевания не хуже дерматологов
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
