Медиа|Веб-разработка|CSS|JavaScript|Браузеры
Медиа
Подкаст Сделайте мне красиво, выпуск 41: Бездарные программисты и токсичность
Подкаст Фронтенд Юность (18+) #151: React 17 по Dialup-у
Подкаст CSSSR: React 17 RC, архитектура NodeJS-приложений, OOCSS, PHP 8, npm 7 Beta, дебаг утечек памяти в WASM
Подкаст Веб-стандарты 243: PhoneGap всё, проблема фокуса, цвета и темы, зачем в CSS км, кризис Mozilla и бесплатный веб
Веб-разработка
Туториал. График на Canvas
Атака на пользователей почтовых клиентов при помощи ссылок mailto:
Используйте продвинутую типографику при работе с локальными шрифтами при помощи Local Font Access API
Особенности веб-разработки при работе с устройствами с двойным экраном часть 1, часть 2
Проект Phone Gap закрыт в 2020?
-
Инструменты
Как npm обеспечивает безопасность
Фигма против Фотошопа. Что выбрать начинающему верстальщику
Грядет новый npm
Omatsuri набор из 10 фронтенд инструментов, реализованный в качестве PWA с оффлайн-режимом
Google готовит к запуску обновлённую версию Chrome DevTools
Что нового в DevTools (Chrome 86)
-
Производительность
Измеряем изменения в скорости загрузки сайта в различных сетевых (и не только) условиях. Теперь удобнее
Chrome на Android вскоре начнет маркировать быстрые сайты специальной отметкой ее наличие будет влиять на ранжирование в поиске Google
Как быстро должен загружаться ваш сайт?
Оптимизация веб-сайтов с помощью новых медиаформатов
Понимание мониторинга веб-производительности
-
Эффекты
Удивительные методы анимации с GSAP
Эффект трансформации миниатюры в полноразмерное изображение
CSS
Исследование CSS-свойства flex
Grid для макетов, Flexbox для компонентов
Leading-Trim: будущее цифровой типографики и роль Miscrosoft в работе над соответствующими спецификациями
Создание 3D-иллюстраций с помощью CSS
Как определить поддержку Flexbox Gap браузером
Стилизация Select с использованием чистого CSS
JavaScript
Разбор худшего в мире куска кода
Как бесплатно перенести свои любимые треки в Spotify, используя Javascript
Насколько JavaScript сильный?
Введение в Set в JavaScript все, что нужно знать о наборах
Релизы: Анонс TypeScript 4.0 , Storybook 6.0, Cypress v5.0.0
Что нового в TypeScript 4
История Javascript и почему вы должны ее знать
Насколько хорошо вы знаете свои основы JavaScript?
-
React
Организация разработки крупномасштабных React-приложений
ТОП 25 инструментов React разработчика
Начало работы с Adobes React Spectrum
Что React 17 означает для разработчиков
Создание модальных окон в React с конечными автоматами
Понимание React's useRef Hook
Освоение Props и PropTypes в React
-
Vue
4 рекомендации для крупномасштабных проектов на Vue.js
VueJS + Wicket = Vuecket
Приближается Vue 3 чего ожидать и как подготовиться
Давайте сделаем ежемесячный календарь на базе Vue
-
Angular
Генерируйте QR-коды с помощью Angular 10
Обзор Angular для веб-разработчиков
Новые возможности с рендерингом Angular и push pipe Часть 1
5 советов по развитию навыков работы с Angular
-
Ember
The Ember Times Issue No. 161
Миграция PromiseProxyMixin в Ember Octane
Каково текущее состояние более продвинутых функций Glimmer VM?
Браузеры
Microsoft прекратит поддержку Internet Explorer 11 и старой версии Edge в 2021 году
Для Chrome развивается API для прямых TCP и UDP коммуникаций
В Chrome 86 появится защита от небезопасной отправки web-форм
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.