Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | JavaScript | Браузеры | Занимательное
Медиа
• Подкаст CSSSR: Новости 512 — React Conf, SmashingConf, VS Online, PHP 7.4.0 RC6, React 16.12, WordPress 5.3
• SPB Frontend Drinkcast #32 — «Есть ли жизнь после фронтенда»
• Подкаст «proConf» #38 Holy.js: Piter 2019 | CI/CD | Opensource это круто | A11y accessibility много не бывает
• Подкаст «Frontend Weekend» #99 – Что изменилось у Виталия Фридмана (об усталости от конференций и экосистеме Smashing Magazine)
• Подкаст «Фронтенд Юность (18+)» -Backspace For Frontend
• Подкаст «Веб-стандарты» №203. Готовность к Edge, WebKit 2020, доступность и закон, WeakMap и GC
• Repozitorro #34 — Сборник ошибок новичков
• Записи всех сессий с Chrome Dev Summit 2019
Веб-разработка
• Веб-альманах 2019: Доступность
• Опрос по инструментам фронтенда 2019 — результаты
• WebAssembly: что и как
• Использование полифиллов при написании кросс-браузерных приложений
• Что такое CORS
• Web Almanac — отчет о текущем состоянии веба в исследовании HTTP Archive
• Когда использовать SVG, а когда Canvas
• Масштабирование GraphQL в PayPal
• Брендан Айк, создатель JavaScript и соучредитель Mozilla, отвечает на вопросы в рамках AMA на reddit
• Начало работы с Puppeteer
- Производительность
• Google Chrome будет отмечать слишком медленные сайты специальным индикатором
• Состояние современных методов оптимизации изображений в сети в 2019 году
• Lighthouse CI — набор команд, которые позволят автоматизировать получение и обработку результатов Lighthouse
- Эффекты
• Разработка анимированного Favicon
• Эффект огней скоростной трассы на Three.js
• Подборка креативных демок на веб-технологиях «Awesome Demos Roundup» #10
CSS
• Решение проблемы зазубренных линий в градиентах
• Медиа-выражения в CSS — это не только max-width
• CSS4 не будет… потому что он давно прошел. Встречайте CSS8!
• Логические свойства CSS
• Некоторые CSS Grid-стратегии для согласования макетов
• Получайте больше при меньших затратах с вариативными шрифтами
• Мысли после просмотра главы о CSS в Web Almanac 2019
JavaScript
• Ожидаемые новые возможности JavaScript, о которых полезно знать
• Производительность optional chaining в JavaScript
• Малоизвестные опасности JavaScript
• Используйте модули для создания модульного приложения на JavaScript
• Создание визуализатора волновых аудио-графиков с помощью ванильного JavaScript
• Как TypeScript делает вас лучшим JavaScript разработчиком
- Теория
• Функциональное программирование с точки зрения EcmaScript. Композиция, каррирование, частичное применение
• Оператор spread и rest параметры в JavaScript
• Зачем нам нужен строгий режим в JavaScript?
• Modest JS Works. Небольшая электронная книга для тех, кто хочет писать скромный JavaScript, а затем сосредоточиться на всем остальном, что имеет значение при создании приложения.
• Обработка null и undefined в JavaScript
• Забавы с ES6 proxies
- React
• React Context за 5 минут: что это и как использовать
• Создайте свой собственный React
• Компетентное руководство по React useState() Hook
• Построение платежной системы с помощью React и Stripe
- Vue
• Модульное тестирование в Vue & Mocha: Часть 1, Часть 2
• Ранний взгляд на Vue 3 Composition API в дикой природе
• Компилируем Vue 3 с нуля и пробуем новый Composition API
- Angular
• Angular: перенаправление на внешние ссылки
• Как создать приложение на Angular 8 с нуля за 11 простых шагов
• Практическое руководство по Angular: компоненты и NgModules
• Versatile Ivy: Использование Angular и React вместе
- Libs & Plugins
• 9 библиотек веб-компонентов
• Стал доступен GSAP 3
• GSAP 3 Playground: подборка демок на CodePen с некоторыми новыми клевыми функциями
• Новые возможности GSAP 3
• Paged.js — библиотека для разбиения контента на страницы в браузере. Основан на спецификациях W3C, полифила для Paged Media и Generated Content for Paged Media.
• sheen — Имитация ткани на GPGPU
Браузеры
• Состоялся официальный релиз Brave – первого приватного браузера с открытым исходным кодом
• Выпуск Firefox Lite 2.0, компактного браузера для Android
• В свежей версии браузера Opera для ПК обновилась адресная строка, дизайн закладок и истории, а также появилась возможность увидеть заблокированные веб-трекеры
Занимательное
• Mozilla, Fastly, Intel и Red Hat продвигают WebAssembly, как платформу для универсального применения
• GitHub запустил совместный проект для выявления уязвимостей в открытом ПО
• GitHub перезапускает мобильное приложение
• Microsoft поместит весь открытый исходный код с GitHub в «Хранилище судного дня» в Арктике Материал редакции
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort