Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | JavaScript | Браузеры | Занимательное
Медиа
• Подкаст CSSSR: Отладка перфоманса, --save-dev, CSS4 и другие мечты, что такое софт-скилы и зачем их качать
• Подкаст «Веб-стандарты» №219: Отладка перфоманса, --save-dev, CSS4 и другие мечты, что такое софт-скилы и зачем их качать
• Подкаст «Фронтенд Юность (18+)» #127: Мало половин. Часть вторая
• Подкаст CSSSR. Argumentarium — Архитектура: строгое следование паттернам vs. интеллектуальный анархизм
• Repozitorro #38 — Портфолио наставника
Веб-разработка
• Полное руководство по HTML-атрибутам data-*
• Архитектура фронтенда: Оболочка
• Как мы создали статический сайт, который генерирует тартановые орнаменты в SVG
• Дата выпуска Bootstrap 5 и что в нем нового
• Вариативные шрифты: стоит ли компромисс производительности?
- Инструменты
• Rome: что умеет новый универсальный инструмент JavaScript
• Федерация модулей Webpack 5 изменит правила игры в архитектуре JavaScript
• Будущая реализация отладчика JavaScript в Firefox
- Доступность
• Почему команда GOV.UK Design System изменила тип инпута для чисел
• Что использовать вместо инпута number
- Эффекты
• Подборка креативных веб-демок «Awesome Demos Roundup #14»
• Анимированный эффект искажения ссылок с помощью SVG фильтров
• Подборка креативных сайтов «Inspirational Websites Roundup #13»
CSS
• Что делать, когда CSS блокирует парсинг страницы?
• Стилизация Select-Option (почти) без JavaScript
• 6 первых публичных черновиков новых модулей CSS, которыми вы, возможно, давно пользуетесь
• Почему миру нужны разработчики CSS
• Почему мы говорим о CSS4?
• Спецификация CSS, обновленные и модернизированные сроки
• CSS библиотека с набором красивых переключателей
• Как сделать размытие фона в CSS с помощью одной строки кода
• CSS Import
• К сожалению, clip-path: path () по-прежнему не подходит для использования
• Как создать Sticky Footer с Flexbox
• 4 способа анимировать цвет текстовой ссылки при наведении
• Каррирование в CSS?
JavaScript
• Лучшие практики JavaScript — замена старого на новый
• Менее известные, но все еще популярные JavaScript фреймворки разработчиков фронтенда
• Экосистема JavaScript в Индонезии
• Основные советы по SEO-оптимизации сайтов на JavaScript
• Техническое интервью по JavaScript в Google (Callback, Promise, Await / Async)
• Intersection Observer API позволяет быстро обеспечить ленивую загрузку
• Настало ли время покинуть виртуальный дом [React'a]?
• Список лучших практик в Node.js (март 2020)
- Теория
• 5 малоизвестных возможностей JSON.stringify()
• Понимаем каррирование в JavaScript
• Визуализация сервис-воркеров в JavaScript Service
- React
• Почему вы должны учить React вместо Angular
• React Styled Components: инлайновый стили + 3 других подхода к CSS стилизации (с примерами)
• Как создать безопасное для типов приложение React Redux
- Vue
• Возможности Vue, о которых не следует забывать
• Когда использовать новое Composition API во Vue (а когда нет)
• Сниппета кода с v-директивами для улучшения навыков у новичков во Vue
• Отображение списков с помощью Vue.js — числа, компоненты и шаблоны
• Vue Formulate — Самый простой способ создания форм с помощью Vue
• Понимание CSS Deep селектора во Vue
• Обработка метаданных в Vue с помощью vue-meta
- Angular
• Проекция контента в Angular или затерянная документация по ng-content
• 3 способа рендера больших списков в Angular
• Ленивая загрузка модулей в Angular с Ivy
- Svelte
• Уйти от jQuery к Svelte, как это было
• Создание панели инструментов в Svelte
• Svelte с точки зрения разработчика React. Часть 3: События
- Libs & Plugins
• Элегантный способ ветвления в JavaScript
• Представляем Alpine.js: крошечный JavaScript Framework
• Библиотеки JavaScript практически никогда не обновляются после установки
• Stryker: тестируй свои тесты на мутации.
Браузеры
• Firefox 75 будет автоматически удалять отслеживающие файлы cookie
• Firefox появилась возможность установки сайтов как приложений
• Huawei запускает свой собственный браузер
• Избегайте ошибок, связанных с событиями клавиатуры в браузерной транслитерации
Занимательное
• Google переведёт все сайты на mobile-first индексацию с сентября
• Apple разрешила рекламу в push-уведомлениях на iOS Материал редакции
• Twitter начала тестировать в Бразилии собственную версию формата «истории» Материал редакции
• Технический долг, как игра в Тетрис
• Почему ИИ не заменит людей на тяжёлой работе, а будет руководить ими — и сделает труд ещё более изнурительным Материал редакции
• Квантовое превосходство, невзламываемый интернет, суперперсонализированная медицина и другое. Десять прорывных технологий 2020 года по версии MIT Technology Review
• «Я офис-менеджер в Долине и видела много дерьма»: взгляд со стороны на инфантилизм и эгоцентричность работников IT
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort