Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | JavaScript | Браузеры
Медиа
• Подкаст «Веб-стандарты» №272. Chrome 89 и DevTools, релизы и приватность, история веба, цвета из спеки, дизайн-система Consta
• «Новости 512» от CSSSR #156: Gatsby 3, замедление Twitter, уязвимость git clone, фронтенд в Lyft, @scroll-timeline, Firebase 101
• «Новости 512» от CSSSR #155: Мануал по TypeScript, @property, заблуждения о микрофронтендах, цена useMemo(), интервью Райана Дала
• Подкаст «Фронтенд Юность» #176: Нулишкуралесинг
• Подкаст «Фронтенд Юность» #177 Бродяги из Джиерписи
• CSSSR: Разбор технического собеседования на позицию senior front-end developer. Часть 1.
• Видео докладов с «Я Фронтенд 2021»
Веб-разработка
• Hello, Word! Разрабатываем браузерное расширение в 2021-м
• Забудьте про div, семантика спасёт интернет
• Программная генерация изображений с помощью API CSS Painting
• Новости платформы от css-tricks: Defaulting to Logical CSS, Fugu APIs, Custom Media Queries, и WordPress vs. Italics
• Слишком много SVG засоряют вашу разметку? Попробуйте `use`.
• Веб-компоненты проще, чем вы думаете
• Когда следует использовать прогрессивные веб-приложения?
• Создание слайд-шоу с помощью Clip-path
- Инструменты
•Storybook для Webpack 5
•Новый король бандлеров здесь: всем преклониться пред Vitejs
•Snowpack: альтернативный Вебпаку инструмент сборки
- Производительность
•Как оптимизация CLS увеличила количество просмотров новостей Yahoo! JAPAN на 15%
•Google PageSpeed Insights теперь поддерживает HTTP / 2 — оценки могут вырасти
•Делаем самую медленную «быструю» страницу
•Отладка сдвигов макета
CSS
• Погружаемся в логические свойства CSS
• Инструменты аудита CSS
• Углубляемся в логические свойства CSS
• Сделайте свой CSS читаемым и поддерживаемым с помощью CSS-шаблона «Enabling».
• Системные шрифты не должны быть уродливыми
• HSL: цветовой формат для людей
• Адаптивный текст в зависимости от размера изображения
JavaScript
• Сборка мусора в JavaScript: браузер против сервера
• JavaScript: что означает this?
• По ту сторону Console.log() — Повышаем уровень навыков отладки
• 12 способов улучшить логгирование в консоли DevTools
• Упрощение Rest параметров в JavaScript
- React
•Интервью с Дэном Абрамовым: React 17, Suspense, Redux, холивары
•Нарушает ли React DOM-стандарты?
•Реализация архитектуры Redux на MobX. Часть 1: «Проблемные места Redux»
•Представляем Relay Hooks: улучшенный React API для Relay
•Полное руководство по профилированию приложений React
•Как эффективно использовать React Context
- Vue
•Vuex: управление состоянием для проектов на Vue
•Руководство по Vue 3.0 от разработчика на React
- Angular
•Как мы делаем базовые компоненты в Taiga UI более гибкими: концепция контроллеров компонента в Angular
• Читаем, подсвечиваем и скролим текст на Angular. С помощью TaigaUI и WebSpeechAPI
•Расширьте Angular Schematics, чтобы настроить процесс разработки
- Ember
•The Ember Times — Issue No. 175
•Ember.js в 2021 году — маяк производительности
•The Ember Report №002: David Tang on Ember Data
- Svelte
•Svelte NodeGUI — Создавайте производительные, нативные, кроссплатформенные настольные приложения с помощью Svelte
•Как использовать Tailwind на сайте со Svelte
•Svelte Tutorial: создаем блог с Sapper
Браузеры
• Новый, смелый, анонимный: поисковик Brave Search
• Атака по извлечению данных из кэша CPU, реализуемая в web-браузере без JavaScript
• Google снизила потребление оперативной памяти в Chrome 89 для Windows, macOS и Android
• Microsoft отправляет на покой классический Edge на EdgeHTML — поддержка браузера завершится уже сегодня
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort