Дайджест свежих материалов из мира фронтенда за последнюю неделю №443 (23 — 29 ноября 2020)

Моя цель - предложение широкого ассортимента товаров и услуг на постоянно высоком качестве обслуживания по самым выгодным ценам.
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.


Медиа    |    Веб-разработка    |    CSS    |    JavaScript


Медиа


podcast «Новости 512» от CSSSR: Браузер изнутри, git наглядно, bfcache, Electron 11, скепсис и Web Vitals, TIOBE в ноябре
podcast Подкаст «Веб-стандарты» №257. Chrome 87, Firefox 83, Servo, Safari 14, Open Prioritization, кэш туда-обратно, гриды и minmax
podcast «Новости 512» от CSSSR: Chrome 87, Firefox 83, TypeScript 4.1, aria-label, HTML-формы, CSS-градиенты, CSSBattle 2020
video JavaScript fwdays'20 Autumn online
podcast en The Overflow Podcast 289: React, jQuery, Vue: what’s your favorite flavor of vanilla JS?
podcast en ShopTalk №440: Serverless, Local Database, Edge Functions, and Using WordPress Serverless
podcast en Подкаст syntax.fm: Potluck — Frameworks vs Libraries × Debugging × CSS Modules vs Styled Components × Resumes × Stress Management × More

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


en Почему для пользователей хорошо, что HTML, CSS и JS — это разные языки
en Мыслить как фронтенд-разработчик
en Изучение возможностей элементов Details и Summary
en Современный стартовый HTML шаблон
en Глубокое погружение в Page Lifecycle API
en Введение в GraphQL для разработчиков
en Обратно к основам: создание кликабельных карточек на HTML, CSS и JavaScript

  • Инструменты
    en NPM 7: это то, что я называю обновлением
    en Dev Fonts — список лучших шрифтов для написания кода с предварительным просмотром

  • Производительность
    • Реальная эффективность Brotli
    • Шумиха вокруг Core веб Vitals
    en Безжалостное избавление от Layout Shift на netlify.com
    en Как загружать шрифты так, чтобы побороть FOUT и сделать Lighthouse счастливым
    en Три вещи, которые вы не знали об AVIF
    en Как мы улучшили оценку Lighthouse нашей лендинг страницы до 96.

  • Эффекты
    en Подборка креативных сайтов «Inspirational Websites Roundup #20»
    en Интро-анимация для сетки изображений
    en Воссоздание икосаэдра с веб-сайта Rogier de Boevé’s
    en Кодим, играючи: разнообразьте свое обучение, получая удовольствие от создания креативных штук
    en Плавание в скроллу с помощью GSAP

CSS


habr Подробности об использовании CSS-функции minmax() в Grid-макетах
en Конечный автомат, созданный с помощью HTML чекбоксов и CSS
en Chrome DevTools: рефакторинг и улучшение таблиц стилей с помощью CSS Overview Panel
en 5 псевдоэлементов CSS, о существовании которых вы даже не подозревали (по мнению автора)
en Центрированние навигации с помощью fit-content
en Рекомендации по созданию CSS-фреймворка
en Быстрый CSS-совет: как легко показать исходный код
en Создание кнопки на CSS с эффектом сияния и плавной сменой цвета со временем


JavaScript


habr ECMAScript 4: версия, которой не было
habr Детальный обзор Well-known Symbols
habr Marko.js — фронтенд от ebay.com
• Декораторы JavaScript с нуля
en Рендеринг на стороне сервера в JavaScript: современный подход
en JavaScript DOM Selectors — узнайте, как получить доступ к DOM [Инфографика]
en Используйте console.log() как профессионал

  • React
    en Как интернационализировать ваше приложение на React с i18next
    en Плохо пахнующие компоненты React
    en Boop! — симпатичные эффекты наведения с учетом законов физики
    en Воссоздание React workflow на ванильном JavaScript
    en Создание UI компонентов c помощью SVG
    en Глубокое погружение в React Redux: управление состоянием в React с Redux
    en Оптимизация показателя PageSpeed ​​Insights для приложений на React
    en Доступные сноски и немного React

  • Vue
    en Лучшие генераторы статических сайтов для Vue.js
    en Аутентификация с помощью Vue (x) + Firebase
    en Тестирование Vue приложений с помощью Vue Testing Library

  • Angular
    en Декларативные, реактивные, потоки данных и Action Streams в Angular
    en Создайте директиву для свободного перетаскивания в Angular
    en Мои самые любимые вопросы на собеседовании по Angular

  • Ember
    en Создание приложений Glimmer с помощью Snowpack
    video en Component Primitives Deep Dive

  • Libs & Plugins
    en ODIFF — Самый быстрый в мире инструмент для определения пиксельной разницы изображения.
    en I'm Ready — js библиотека для проверки, загружены ли изображения или видео
    en Suri — ваш собственный сокращатель ссылок, который легко развернуть в качестве статического сайта.


Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Источник: https://habr.com/ru/post/530490/


Интересные статьи

Интересные статьи

Свежая подборка со ссылками на новости и материалы. В выпуске: Что будет с поддержкой PHP на Windows, PHP 8 Alpha 2, ReactPHP — официально продакшн-реди, 2 новых RFC предложения и 6...
Привет, Хабр! Меня зовут Артём Сайгин, я веду проект «Я Маркетолог», в котором рассказываю о digital-маркетинге и веб-аналитике и делаю так, чтобы всё это стало понятным. Cделал для вас бо...
Если вы последние лет десять следите за обновлениями «коробочной версии» Битрикса (не 24), то давно уже заметили, что обновляется только модуль магазина и его окружение. Все остальные модули как ...
В этом дайджесте рефакторинг, UI, UX и анимации, возвращение триала в App Store, Kotlin как “прорыв года”, хакатоны для развития команды, скрытые игровые механики и заработки FaceApp. ...
Это — материалы из нашего корпоративного и хабраблога о работе с персональными данными, защите IT-систем и облачной разработке. В этом дайджесте вы найдете посты с разборами терминов, базовых под...