Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
•
Подкаст CSSSR: Новости 512 — React Conf, SmashingConf, VS Online, PHP 7.4.0 RC6, React 16.12, Wordpress 5.3
•
SPB Frontend Drinkcast #32 — «Есть ли жизнь после фронтенда»
•
Подкаст «pro?Conf» #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
•
Девшахта/Ночной фронтенд №101: Антон Анохин о трудностях технопиара компании, пишущей на Dart
•
Repozitorro #34 — Сборник ошибок новичков
•
Записи всех сессий с Chrome Dev Summit 2019
•
Веб-альманах 2019: Доступность
•
Опрос по инструментам фронтенда 2019 — результаты
•
WebAssembly: что и как
•
Использование полифиллов при написании кросс-браузерных приложений
• Что такое CORS
•
Web Almanac — отчет о текущем состоянии веба в исследовании HTTP Archive
•
Когда использовать SVG, а когда Canvas
•
Масштабирование GraphQL в PayPal
•
Брендан Айк, создатель JavaScript и соучредитель Mozilla, отвечает на вопросы в рамках AMA на reddit
•
Начало работы с Puppeteer
•
Решение проблемы зазубренных линий в градиентах
•
Медиа-выражения в CSS — это не только max-width
• CSS4 не будет… потому что он давно прошел. Встречайте CSS8!
•
Логические свойства CSS
•
Некоторые CSS Grid-стратегии для согласования макетов
•
Получайте больше при меньших затратах с вариативными шрифтами
•
Мысли после просмотра главы о CSS в Web Almanac 2019
•
Ожидаемые новые возможности JavaScript, о которых полезно знать
• Производительность optional chaining в JavaScript
• Малоизвестные опасности JavaScript
•
Используйте модули для создания модульного приложения на JavaScript
•
Создание визуализатора волновых аудио-графиков с помощью ванильного JavaScript
•
Как TypeScript делает вас лучшим JavaScript разработчиком
• Состоялся официальный релиз Brave – первого приватного браузера с открытым исходным кодом
• Выпуск Firefox Lite 2.0, компактного браузера для Android
• В свежей версии браузера Opera для ПК обновилась адресная строка, дизайн закладок и истории, а также появилась возможность увидеть заблокированные веб-трекеры
• Mozilla, Fastly, Intel и Red Hat продвигают WebAssembly, как платформу для универсального применения
• GitHub запустил совместный проект для выявления уязвимостей в открытом ПО
• GitHub перезапускает мобильное приложение
• Microsoft поместит весь открытый исходный код с GitHub в «Хранилище судного дня» в Арктике Материал редакции
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Медиа | Веб-разработка | CSS | JavaScript | Браузеры | Занимательное
Медиа
•

•

•

•

•

•

•

•

•


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

•

•

•

• Что такое CORS
•

•

•

•

•

- Производительность
• Google Chrome будет отмечать слишком медленные сайты специальным индикатором
•Состояние современных методов оптимизации изображений в сети в 2019 году
•Lighthouse CI — набор команд, которые позволят автоматизировать получение и обработку результатов Lighthouse
- Эффекты
• Разработка анимированного Favicon
•Эффект огней скоростной трассы на Three.js
•Подборка креативных демок на веб-технологиях «Awesome Demos Roundup» #10
CSS
•

•

• CSS4 не будет… потому что он давно прошел. Встречайте CSS8!
•

•

•

•

JavaScript
•

• Производительность optional chaining в JavaScript
• Малоизвестные опасности 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.
ht-pro
… которые не малоизвестные
Спасибо за подборку.
alexzfort Автор
Ну, какие уж есть ?\_(?)_/?
:)