Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Веб-разработка | CSS | JavaScript | Браузеры
Веб-разработка
• 32 совета веб-разработчику, который хочет вырасти над собой в 2020 году
• Выпущен «шрифт для разработчиков» JetBrains Mono
• Новые форматы микроразметки Google за 2019 год
• Навигация в вебе с помощью геймпада
• Решение вопроса с элементом Section
• Вечные статьи для веб-разработчиков
- Инструменты
• Изучите End-to-end тестирование с помощью Puppeteer
• Tiny helpers — Коллекция бесплатных онлайн-инструментов для веб-разработчиков
• Тестирование вашего сайта на визуальные регрессии с BackstopJS
• Позволяйте инструментам делать выбор
- Производительность
• Ещё четыре нестандартных способа ускорить загрузку страниц сайта
• «Лучшие» метрики производительности? Начните с этих шести
• Оптимизация ваших изображений не улучшила ваше время загрузки? Вот почему
• Веб-производительность: 11 обязательных советов, чтобы ускорить работу вашего сайта
- Доступность
• Доступность цифровой версии BBC — обзор 2019
• Web Accessibility Compliance и законодательство в ЕС
- Эффекты
• Техника 3D Folding Layout для HTML элементов
• Как делать анимацию в вебе с помощью Greensock
CSS
• Так когда же всё таки можно использовать !important?
• Эффект клика в стиле Material design с помощью pointer events и CSS Custom Properties
• Стоит ли хостить Google Fonts у себя?
• Продумывание вариантов стилизации для веб-компонентов
• CSS4 уже здесь!
• Как использовать селектор псевдо-класса :root в CSS
• Добавление разделителей в раскладки с CSS-in-JS
JavaScript
• Ванильный JavaScript и HTML. Никаких фреймворков. Никаких библиотек. Никаких проблем
• О 30-кратном увеличении параллелизма в Node.js
• Бандлинг JavaScript-кода и производительность: передовые методики
- Теория
• Распространенные ошибки при работе с промисами в JavaScript, о которых должен знать каждый (перевод)
• Чистый код для TypeScript — Часть 1
• 15 методов работы с массивами в JavaScript, которые необходимо знать в 2020 году
• 9 способов работать с объектами в JavaScript в 2020 году
• Важные моменты при работе с массивами и объектами в рамках взаимодействия с REST API
• Optional Chaining, Null Coalescing и как они изменят способ написания кода
- React
• Новый фронтенд Одноклассников: запуск React в Java. Часть I
• Лучшие новые функции React App 3.3
• Введение в React Context API
• React-spring визуализатор
• React с TypeScript: лучшие практики
• Доступный заголовок страницы в одностраничном приложении на React
• Релиз Next.js 9.2
• 10 практик в VSCode для ускорения процесса разработки на React
• Руководство по React refs: useRef и createRef
• Как сделать приложения React VR
• 10 способов оптимизировать производительность вашего приложения React
- Vue
• Использование tailwindcss c Vue.js
• Vue + Apollo: Дырявые абстракции
• Создание на Vue.js рекурсивного компонента
• Vue Component Development Kit v0.4.0
• 12 Vue.js Best Practices для профессиональных разработчиков
• Как добавить AutoComplete Input в ваше приложение Vue.js
- Angular
• 6 способов отписаться от Observables в Angular
• Angular: как поддерживать IE11
• Angular в 2020 и далее
• Пишем свою стратегию для виртуального скролла из Angular CDK
- Svelte
• Как вы можете научиться использовать Svelte для вашего следующего проекта JS
• Все, что вам нужно знать, чтобы начать писать Svelte Single File Components
Браузеры
• На фоне реструктуризации из Mozilla уволено 70 сотрудников
• Google намерен до 2022 года прекратить поддержку сторонних Cookie в Chrome
• Как в новом Microsoft Edge установить расширения для Google Chrome
• Chrome, вслед за Safari и Firefox, тоже начнёт блокировать сторонние cookie, но не сразу
• Microsoft будет поддерживать Edge для Windows 7 не менее 18 месяцев
• Разработчики Chromium предложили унифицировать и объявить устаревшим заголовок User-Agent
• В Chrome в течение двух лет планируют отключить поддержку сторонних cookies на сайтах
• Обновление до нового Microsoft Edge
• Как мы делали Picture-in-Picture в Firefox Desktop для большего контроля над видео
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort