Дайджест свежих материалов из мира фронтенда за последнюю неделю №438 (19 — 25 октября 2020)

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

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

Медиа

• Подкаст «Сделайте мне красиво», Выпуск №46: Typescript и вёрстка решили все свои проблемы (а ты — нет)
• Подкаст «Фронтенд Юность (18+)» #160: Чёрные кардиналы фронтенда Pro Unlimited
• Подкаст CSSSR: MobX or Redux, Flexbox or CSS Grid, Angular DI, Lighthouse, Declarative Shadow DOM, MDN Web DNA 2020 Pro Unlimited
• Подкаст IT Way: Про фронтенд для начинающих, как работает (и работают в) Aviasales. Episode 46 от 24.10.2020

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

• Веб-компоненты: руководство для начинающих
• Порядок выполнения скриптов в HTML. Тег script и атрибуты async, defer, module, nomodule и src
• Руководство по различным типам хранилища в браузере
• Атрибут lang: браузеры лгут, сладко лгут.
• Более разумные способы создания HTML-структуры с глубокой вложенностью

CSS

• State of CSS 2020. Ежегодный опрос о текущем состоянии CSS с воможностью оценить свой уровень знаний по итогам его заполнения
• Как я структурирую CSS
• Выбор CSS макета — Grid или Flexbox?
• Создание CSS Shapes с помощью эмодзи
• Нестандартное мышление с помощью CSS Grid
• CSS в 3D: учимся думать кубами, а не прямоугольниками
• «Универсальный селектор CSS работает медленно, и его следует избегать» — еще одна ложь!
• Переменные в Sass, в CSS, и семантические переменные темы
• Дизайн отзывчивой высоты

JavaScript

• Использование «глобального» await в JavaScript
• Варианты объектно-ориентированного программирования (на JavaScript)
• Client-Side Rendering vs Server-Side Rendering vs Static-Site Generation
• Решение глупой проблемы с JavaScript
• Observer API в JavaScript — часть II
• 6 передовых функций JavaScript, которые вы можете использовать сегодня
• Как создать прогрессивно улучшенный компонент аккордеона с помощью vanilla JS

Браузеры

• Релиз Firefox 82
• Microsoft Edge для Linux — бета-версия браузера стала доступна всем желающим
• В браузере Chrome появилась функция поиска по открытым вкладкам
• Теперь JScript в Internet Explorer можно отключить

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

• Photoshop получил множество ИИ-функций: умная замена неба, продвинутые фильтры и прочее
• Всюду синие гиперссылки и колонки: как выглядели сайты Apple, Google и Amazon в 1999 году
• Как в Cloudflare генерируют криптоключи с помощью «стены энтропии» из 100 лава-ламп
• Facebook создала ИИ, который сможет переводить тексты между 100 языками напрямую

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

Let's block ads! (Why?)