Дайджест свежих материалов из мира фронтенда за последнюю неделю №414 (4 — 10 мая 2020)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

Медиа    |    Веб-разработка    |    CSS    |    JavaScript    |    Браузеры    |    Занимательное    |    

Медиа

• Подкаст «Веб-стандарты» №228: DevTools, сайт Веб-стандартов, выделение текста, px vs rem, Atomic CSS-in-JS, рефакторинг
• Подкаст «Фронтенд Юность (18+)» #136: Про онлайн-конференции с Алексеем Федоровым
• Live coding c Вадимом Макеевым: Шапка на гридах и флексах с гэпами и БЭМ

Веб-разработка

• Кто похоронит современный веб?
• Простой подход к работе с отзывчивыми изображениями
• Хранилище для Веба
• Памятка по работе с Canvas API
• Как и почему вы должны избегать CORS в SPA
• 13 советов по безопасности для фронтенд-приложений
• Проекту HTML5 Boilerplate исполнилось 10 лет

CSS

• Понимание CSS Grid (2 часть): Grid-линии, (3 часть): Grid-области
• Выделение и CSS
• Приключения Masonry-раскладки в CSS
• Способы стилизации списков
• Единицы `lh` и` rlh`
• Играемся с (фейковыми) Container Queries с watched-box и resizeasaurus
• Все, что я узнал о min(), max() и clamp() в CSS
• Давайте углубимся в свойства CSS Container
• Как легко создать адаптивный вертикальный ритм с помощью CSS
• В Chromium появляется поддержка Flexbox gap
• Глубокое погружение в CSS Grid
• CSS-находки в дизайне Twitter
• Добавление CSS на страницу с помощью HTTP Headers
• Как создавать игры на чистом CSS
• Полное руководство по функциям в CSS

JavaScript

• Зал Трудовой Славы JavaScript, часть 2
• Понимание (всех) «модульных» форматов и инструментов JavaScript
• ES2020: все, что вам нужно знать
• Создание генератора кроссвордов с помощью JavaScript
• JavaScript-рендеринг и проблемы для SEO в 2020 году
• Считаем время в JavaScript

Браузеры

• Релиз Firefox 76
• Релиз Firefox 76 — Audio worklets, CSS System Colors и другое
• Опубликован Playwright 1.0, пакет для автоматизации работы с Chromium, Firefox и WebKit
• Firefox 76: аудио-ворклеты и другие хитрости

Занимательное

• Очередной ответ Zoom. Google встроит видеоконференции Meet прямо в Gmail
• Хакеры научились прятать веб-скиммеры за favicon сайтов
• GitHub проанализировал влияние COVID-19 на активность разработки
• В GitHub добавлены среда разработки и система дискуссий
• Как оформить профиль на GitHub так, чтобы он работал при поиске работы
• Facebook представила сервис для бедных стран — интернет будет бесплатным, но только текстовым Материал редакции
• ЕС запрещает использовать на сайтах «стены куки» для ограничения доступа к контенту и принудительного сбора данных

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.

Let's block ads! (Why?)