Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
•
Подкаст CSSSR: Отладка перфоманса, --save-dev, CSS4 и другие мечты, что такое софт-скилы и зачем их качать
•
Подкаст «Веб-стандарты» №219: Отладка перфоманса, --save-dev, CSS4 и другие мечты, что такое софт-скилы и зачем их качать
•
Подкаст «Фронтенд Юность (18+)» #127: Мало половин. Часть вторая
•
Подкаст CSSSR. Argumentarium — Архитектура: строгое следование паттернам vs. интеллектуальный анархизм
•
Repozitorro #38 — Портфолио наставника
•
Полное руководство по HTML-атрибутам data-*
• Архитектура фронтенда: Оболочка
•
Как мы создали статический сайт, который генерирует тартановые орнаменты в SVG
•
Дата выпуска Bootstrap 5 и что в нем нового
•
Вариативные шрифты: стоит ли компромисс производительности?
•
Что делать, когда CSS блокирует парсинг страницы?
•
Стилизация Select-Option (почти) без JavaScript
• 6 первых публичных черновиков новых модулей CSS, которыми вы, возможно, давно пользуетесь
•
Почему миру нужны разработчики CSS
•
Почему мы говорим о CSS4?
•
Спецификация CSS, обновленные и модернизированные сроки
•
CSS библиотека с набором красивых переключателей
•
Как сделать размытие фона в CSS с помощью одной строки кода
•
CSS Import
•
К сожалению, clip-path: path () по-прежнему не подходит для использования
•
Как создать Sticky Footer с Flexbox
•
4 способа анимировать цвет текстовой ссылки при наведении
•
Каррирование в CSS?
•
Лучшие практики JavaScript — замена старого на новый
•
Менее известные, но все еще популярные JavaScript фреймворки разработчиков фронтенда
•
Экосистема JavaScript в Индонезии
• Основные советы по SEO-оптимизации сайтов на JavaScript
•
Техническое интервью по JavaScript в Google (Callback, Promise, Await / Async)
•
Intersection Observer API позволяет быстро обеспечить ленивую загрузку
•
Настало ли время покинуть виртуальный дом [React'a]?
•
Список лучших практик в Node.js (март 2020)
•
Firefox 75 будет автоматически удалять отслеживающие файлы cookie
• Firefox появилась возможность установки сайтов как приложений
• Huawei запускает свой собственный браузер
•
Избегайте ошибок, связанных с событиями клавиатуры в браузерной транслитерации
• Google переведёт все сайты на mobile-first индексацию с сентября
• Apple разрешила рекламу в push-уведомлениях на iOS Материал редакции
• Twitter начала тестировать в Бразилии собственную версию формата «истории» Материал редакции
• Технический долг, как игра в Тетрис
• Почему ИИ не заменит людей на тяжёлой работе, а будет руководить ими — и сделает труд ещё более изнурительным Материал редакции
• Квантовое превосходство, невзламываемый интернет, суперперсонализированная медицина и другое. Десять прорывных технологий 2020 года по версии MIT Technology Review
• «Я офис-менеджер в Долине и видела много дерьма»: взгляд со стороны на инфантилизм и эгоцентричность работников IT
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Медиа | Веб-разработка | CSS | JavaScript | Браузеры | Занимательное
Медиа
•

•

•

•

•


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

• Архитектура фронтенда: Оболочка
•

•

•

- Инструменты
• Rome: что умеет новый универсальный инструмент JavaScript
•Федерация модулей Webpack 5 изменит правила игры в архитектуре JavaScript
•Будущая реализация отладчика JavaScript в Firefox
- Доступность
•Почему команда GOV.UK Design System изменила тип инпута для чисел
•Что использовать вместо инпута number
- Эффекты
•Подборка креативных веб-демок «Awesome Demos Roundup #14»
•Анимированный эффект искажения ссылок с помощью SVG фильтров
•Подборка креативных сайтов «Inspirational Websites Roundup #13»
CSS
•

•

• 6 первых публичных черновиков новых модулей CSS, которыми вы, возможно, давно пользуетесь
•

•

•

•

•

•

•

•

•

•

JavaScript
•

•

•

• Основные советы по SEO-оптимизации сайтов на JavaScript
•

•

•

•

- Теория
•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
- Ember
•The Ember Times — Issue No. 138
•Представляем модификаторы Ember
- Svelte
•Уйти от jQuery к Svelte, как это было
•Создание панели инструментов в Svelte
•Svelte с точки зрения разработчика React. Часть 3: События
- Libs & Plugins
•Элегантный способ ветвления в JavaScript
•Представляем Alpine.js: крошечный JavaScript Framework
•Библиотеки JavaScript практически никогда не обновляются после установки
•Stryker: тестируй свои тесты на мутации.
Браузеры
•

• Firefox появилась возможность установки сайтов как приложений
• Huawei запускает свой собственный браузер
•

Занимательное
• Google переведёт все сайты на mobile-first индексацию с сентября
• Apple разрешила рекламу в push-уведомлениях на iOS Материал редакции
• Twitter начала тестировать в Бразилии собственную версию формата «истории» Материал редакции
• Технический долг, как игра в Тетрис
• Почему ИИ не заменит людей на тяжёлой работе, а будет руководить ими — и сделает труд ещё более изнурительным Материал редакции
• Квантовое превосходство, невзламываемый интернет, суперперсонализированная медицина и другое. Десять прорывных технологий 2020 года по версии MIT Technology Review
• «Я офис-менеджер в Долине и видела много дерьма»: взгляд со стороны на инфантилизм и эгоцентричность работников IT
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.