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

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

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


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


Медиа


podcast Подкаст CSSSR: Автоматизация рефакторинга, миграция на TS, TypeScript 3.9 RC, Redis 6, релизы NodeJS и RoR
podcast Подкаст «Веб-стандарты» №227: Сайт Веб-стандартов, cssunderhood, Chrome, цвета, кастомные свойства, Brotli, цена фреймворков
podcast RWPod Кафе 15: Andrey Sitnik
podcast Подкаст CSSSR. Argumentarium – Место верстки во Вселенной
video Я.Субботник по разработке интерфейсов 2020

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


habr Opium.Fill — стандартизация цветовой схемы глазами программиста
habr Современные архитектуры фронт-энда
habr Современное SEO: AMP-истории
• Что каждый разработчик должен знать о https
en Немного невинных забав с HTML-видео и Progress
en Хранилище для веба. Существует много разных вариантов хранения данных в браузере. Какой из них лучше всего подходит для ваших нужд?
video Как не попасть в ловушку браузерного кэша

  • Производительность
    habr Как уменьшить размер бандла — стратегия однобуквенных классов в css-modules
    en Мониторинг производительности CSS-анимации
    en Автоматизация тестирования веб-производительности с помощью Puppeteer

  • Доступность
    • Комбинации в ARIA: role=checkbox и aria-checked=mixed
    en Избегайте aria-roledescription

  • Эффекты
    en Эффект морфинга при наведении на текст
    en Руководство по воссозданию эффекта погружения при скроллинге

CSS


habr Полностью отзывчивый дизайн — это больше, чем просто медиа-запросы
habr Гибкая разметка без медиа-запросов: функции min(), max(), clamp()
habr Мои любимые вопросы о CSS с детальными ответами
en Atomic CSS-in-JS
en Selection в CSS
en Фейковые трехмерные элементы с помощью CSS
en Мысли по поводу реализации Container Queries в браузерах
en Свойство CSS «content» принимает альтернативный текст
en Как решить проблему Z-index в течение 1 минуты
en 3 безумно простых способа переключить ваш сайт в темный режим
en Создайте красивый input range только с CSS
en Что мы упускаем при обучении CSS?

JavaScript


habr Дорога в ад JavaScript-зависимостей
habr Я перехожу на JavaScript
habr Продвинутый TypeScript
habr Цена JavaScript-фреймворков
habr Неироничная ненависть к JavaScript
en Alpine.js: JavaScript Framework, который используется как jQuery, написан как Vue и вдохновлен TailwindCSS
en Продолжительный рефакторинг 100000 строк кода — TinyMCE на TypeScript
en Шпаргалка по window.location

  • React
    • Создаём веб-приложение с бэкендом на Django и фронтендом на React
    en Разработка реактивного гамбургер-меню с помощью React-хуков, TypeScript, и styled-components.
    en Улучшение производительности загрузки страниц Next.js и Gatsby с помощью чанков
    en Демистификация React Redux
    en Что бы я хотела знать о React
    en Должен ли я использовать делегирование событий в React?
    en Интеграционное тестирование в React: больший охват, меньше тестов
    en Реализация темного режима в приложениях React с использованием styled-components
    en Визуальное руководство по ментальным моделям React
    en Сравнение Next.js и After.js для приложений c SSR React

  • Vue
    habr Spring-анимации во Vue
    en Новые функции в Vue 3 и как их использовать
    en Защита Vue Router

  • Angular
    habr Русскоязычная документация по Angular
    en Angular CLI flows. Big picture.
    en Плохие практики Angular: свежий взгляд
    en Лучший способ передать данные в ваши Angular компоненты

  • Ember
    en Рекурсия в шаблонах Ember.js, case factorial(n)
    en Превью деплойментов с с ember-cli-deploy и Github actions

  • Svelte
    en Почему стоит попробовать Svelte
    en Хотите изучить Svelte? Вот наш бесплатный курс из 16 частей от Svelte Master
    en Обработка инпутов в Svelte

  • Libs & Plugins
    en Cupertino Pane — современная слайд-панель с использованием тач-технологий
    en 10 JavaScript библиотек для манипуляций с изображениями на 2020 год
    en quotable-toolbar — TypeScript плагин, который реализует цитирование текста на веб-страницах
    en Определение токсичности текста с помощью React и Tensorflow
    en Hero Generator: Создайте красивый hero image для своего сайта или приложения
    en jExcel это плагин для создания электронных таблиц в вебе, совместимых с Excel и другими таблицами
    en utfu: заменяет непонятные символы из старых кодировок на правильные символы UTF-8.


Браузеры


• Браузеры. Вольный перевод статьи Джереми Кейта “User agents”
• Доступен Firefox Preview 5.0 для Android

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


• Mozilla тестирует сервис анонимных email-адресов Firefox Private Relay
• Microsoft открыл свою реализацию протокола QUIC, применяемого в HTTP/3
• С 2006 года Google закрыла 200 проектов: 23 приложения, 16 устройств и 161 сервис
• Новое платье капитализма. Как IT-компании превратились в надзирателей
• LinkedIn добавила инструмент для репетиций собеседований: программа находит слабые места в речи и даёт рекомендации
• Google сделали доступными старые мини-игры, посвященные разным событиям

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



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

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

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

Раз в неделю рассказываю о крупнейших событиях в отрасли в России и мире. Оригинальный ролик - на YouTube, ниже расшифровка.IPO Озон Читать ...
The trend observed by Pascal Neis in the week of 16 March seems to have been broken. 1 | Pascal Neis map data OpenStreetMap contributors Картографирование [1] Паскаль Нейс обратил внима...
Десятки стартапов увольняют тысячи сотрудников, урезают затраты и даже полностью меняют бизнес-модели, пытаясь выжить в мире коронавируса. Кремниевая долина проходит через очень серьезные мет...
Существует традиция, долго и дорого разрабатывать интернет-магазин. :-) Лакировать все детали, придумывать, внедрять и полировать «фишечки» и делать это все до открытия магазина.
Сегодня расскажем о магистратуре Университета ИТМО, поделимся нашими достижениями, интересными материалами от участников нашего сообщества и ближайшими мероприятиями.