Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Веб-разработка | 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