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

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

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


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



Медиа


podcast «Новости 512» от CSSSR: WebStorm 2020.3, minmax(), Math.random() в JS, fwdays 2020, Advent of Code, Octoverse и State of CSS, плюс текстовая версия
podcast Подкаст «Сделайте мне красиво» №51 — Вас взломают, но хотя бы не хомячок
podcast Подкаст Фронтенд Юность (18+) #165: Сайт, чтобы посрать
podcast Подкаст «proConf» #80: TSConf 2020
podcast en The Undefined Podcast №29: Vue vs. Svelte с Evan You и Rich Harris

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


en Монолит vs. Микро-фронтенды
en Как правильно создавать HTML-формы: безопасность
en Как Lyft мигрирует более 100 фронтенд микросервисов на Next.js
en Создание сайтов с prefers-reduced-data
en От Jekyll к 11ty
en PWA и AMP: берем лучшее из обоих миров
en PWAdvent — идеальный адвент-календарь для всех, кто увлечен веб-платформой.

  • Инструменты
    habr WebStorm 2020.3: обновленный интерфейс, поддержка Tailwind CSS и другие улучшения
    en Представляем WMR: Крошечный универсальный инструмент для разработки современных веб-приложений. Все, что вам нужно для создания быстрого сайта Preact, от разработки до прода. TSX, HMR, CSS Modules, модули npm без установки, никаких зависимостей
    en Релиз Snowpack v3.0. Streaming NPM Imports, встроенные аптимизации, роутинг, новый JavaScript API
    en Puppeteer vs Selenium vs Playwright — сравнение скорости

  • Производительность
    habr Безжалостное избавление от Layout Shift на netlify.com
    en Настройка отображения шрифта для медленных подключений
    en Пора попрощаться с Google Fonts
    en Мифическая «быстрая» веб-страница
    en Как BBC World Service перевела 31 миллион еженедельных читателей на изоморфное react приложение и повысила производительность страницы на 83%

  • Доступность
    en Ваша первая попытка сделать что-либо доступным будет ужасной
    en A11y Advent Calendar

  • Эффекты
    en Как анимировать SVG с border-image
    en Создание слайдера с эффектом параллакса
    en Создание статичного веб-сайта на Svelte с плавными креативными переходами между страницами

CSS


habr DRY CSS: Как использовать каждое объявление только один раз
• Подробности об использовании CSS-функции minmax() в Grid-макетах
en Результаты опроса по State Of CSS 2020
en Недостающие браузерные инструменты разработки для Tailwind CSS
en Как сделать так, чтобы sticky-элементы липкие и полноэкранные блоки хорошо работали месте
en Календарь с помощью трех строк CSS
en Как создать диаграмму с помощью CSS
en Как добавить текст в border с помощью базовых элементов HTML
en Нативные соотношения сторон в CSS с помощью aspect-ratio

JavaScript


habr ТайпСкрип: Ох уж эта весёлая система типов
habr JavaScript исполняется 25 лет: краткая история языка и скидка 50% на WebStorm
en Вот что люди в сфере технологий говорили о JavaScript, когда он дебютировал в 1995 году.
en Старт ежегодного опроса State of JavaScript 2020
en Устали от глупых шуток? Напишите свою собственную JS библиотеку с арифметикой произвольной точности
en Руководство по интеграции Apple Music JavaScript
en js25.org: сайт с историей JS, посвященный его 25-летию

  • Теория
    en 5 советов по написанию качественных переменных в JavaScript
    en Множество способов использования Math.random() в JavaScript
    en Освойте навыки современного JavaScript с помощью этого замечательного руководства
    en Incremental vs Virtual DOM

  • React
    habr SEO-оптимизация сайта на React или как добиться конверсии от поисковиков если у вас Single Page Application
    habr Все ли вы знаете о useCallback
    en Шпаргалка для интервью по React
    en Новый уровень производительности в React
    en Анонс React Hooks в ретроспективе: 2 года спустя
    en Опасности использования объектов в useState и useEffect ReactJS Hooks
    en Создание приложения для голосования в реальном времени с использованием ReactJS и Ably

  • Vue
    video en Ionic & Vue.js — полное руководство (создание полноценного приложения)
    en Nuxt.js Single Page Application Boilerplate
    en Переведите любое приложение Vue.js всего за 1 час

  • Angular
    en ngTemplateOutlet: секрет кастомизации
    en Интегрируйте Jest в приложение на Angular и библиотеку
    en Angular 10 Transclusion: когда и зачем оно вам понадобится
    en Преобразование сайта на Ionic/Angular в прогрессивное веб-приложение

  • Ember
    en The Ember Times — Issue No. 169
    video en Ember.js 2020 Tech Talk | coloradoSprings.js Meetup
    en Рок-н-ролл с бандой Ember — Aad Versteden

  • Libs & Plugins
    en List.js — Идеальная библиотека для добавления поиска, сортировки и фильтров в таблицы, списки и различные элементы HTML.
    en EasyGrid — адаптивная сетка на элементов VanillaJS
    en React-Tensorflow — библиотека React хуков, написанная на Typescript для использования моделей Tensorflow в вашем приложении

Браузеры


habr Пользуемся офлайн-браузингом, как будто сейчас 1995 год
• Internet Explorer больше не поддерживает Microsoft Teams
• Представлен браузер Beaker 1.0 с P2P-платформой для децентрализованных сайтов
en Chrome 88: цифровые товары, оценка освещения в дополненной реальности и многое другое

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

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

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

Статья о том, как упорядочить найм1. Информируем о вакансии2. Ведём до найма3. Автоматизируем скучное4. Оформляем и выводим на работу5. Отчитываемся по итогам6. Помогаем с адаптацией...
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Свежая подборка со ссылками на новости и материалы. В выпуске: обновления PHP, Codeception 3.0 и другие релизы, короткие лямбды в PHP 7.4 и обзор свежих RFC-предложений из PHP Internals, порция...
Привет! На сегодня у нас вот что: У правительства Австралии появился блокчейн-план; Мэр Чикаго считает принятие криптовалют как средства платежей неизбежным; Джек Дорси будет платить кр...