Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
Медиа
• Подкаст «Пятиминутка React» #35: FrontFest 2017
• Подкаст «Веб-стандарты», Episode #85: Ага Наплоха, Гарри Робертс, Ева Леттнер, Зак Лезерман и Хьюго Жирадель в специальном выпуске «Веб-стандартов»
• Подкаст «Drinkcast», Выпуск #8: «Что такое FrontOps»
• «ALL YOUR HTML» #14: «Анимируем графики на SVG и Canvas, + perlin noise»
• HTML Шорты: Математика для программиста, плюс текстовая версия
• Доклады с Frontend Mix: оптимизация загрузки сайтов и дизайн-система на БЭМ и React
Веб-разработка
• Ошибки и спорные вопросы в HTML-CSS вёрстке
• Еженедельная подборка красивых эффектов на CSS/SVG/JS #53
• Как убрать белые полосы в Safari на iPhone X (background-color, viewport-fit, safe-area-inset-*)
- Производительность:
• Как ускорить загрузку сайта
• Заметка на hacks.mozilla.org о быстром построении DOMа — рискованный парсинг, async, defer и preload
• Addy Osmani о том, как на Treebo радикально повысили скорость работы мобильной версии сайта (React/Preact PWA)
- Инструменты:
• О-о-очень долгожданный релиз Sublime Text 3.0
• Текстовый редактор Atom стал средой разработки
• Прототипирование возможностей DevTools в будущих версиях браузеров
- WordPress:
• WordPress отказывается от React, Gutenberg будет переписан на основе другой библиотеки
• Gutenberg предлагает новый подход к TinyMCE в WordPress 5.0
• Gutenberg 1.1.0: новые возможности редактора
CSS
• Доступ к CSS-переменным и их изменение с помощью Javascript
• Заблокированные кнопки — отстой
• CSS-in-JS — это как заменить сломаную отвертку вашим любимым молотком
• Полное руководство по Flexbox — изучение по примерам
• Новое руководство по поддержке CSS в письмах от campaignmonitor
• Видео о создании CSS Grid. Посмотрите, как CSS Grid Layout прошел путь от идеи до реального распространения во всех основных браузерах в 2017
• Удаление неиспользуемых правил CSS
• Devices.css — подборка современных устройств, воссозданных на «чистом CSS»
JavaScript
• Почему Facebook SDK занимает около 16% JavaScript-кода на сайтах и что это значит
• Babel: изменения, запланированные для версии 7.0
• О том, как можно уменьшить влияние третьесторонних JS скриптов на производительность всего сайта
• Как работает JavaScript: управление памятью + как бороться с четырьмя распространёнными утечками памяти
• Готовы ли поисковые остальные движки, кроме Google, к краулингу и индексированию JavaScript?
• Что я люблю и ненавижу во Flow
• Есть ли смысл в людях, которые не могут писать JavaScript?
- ES2015+:
• Применение ES2015+ кода на продакшене уже сегодня
• Async/Await сделают ваш код проще
• Асинхронная рекурсия с помощью Callbacks, Promises и Async.
• Простое объяснение монад в JavaScript
• HTML шаблоны, реализованные с помощью JavaScript Template Literals
- Теория:
• JavaScript: загадочное дело выражения null >= 0
• Думать как JavaScript. Перевод статьи Кайла Симпсона “Thinking JavaScript”
• JavaScript: методы асинхронного программирования
• Почему “throttling” и “debouncing” так называются?
• ООП в JavaScript
- VueJS:
• Паттерны разделения кода приложения на Vue.js
• Функции рендера Vue.js и transitions
• Phytochemia: почему мы выбрали Vue.js
- React:
• Что нового в React 16?
• React для Angular разработчиков
• Как организовать больше приложение на React и сделать его масштабируемым
• react-powerplug — создает состояние и передает логику его детям, давая жизнь dumb компонентам
- Angular:
• Как я перестал любить Angular
• Использование Веб Компонентов с Angular
• Начало работы с End-to-End тестированием в Angular с использованием Protractor
• Проблемы с защитой роута в Angular
- Libs & Plugins:
• p-progress — создание промиса, который сообщает о прогрессе.
• punchcard — jquery плагин для создания графиков в стиле GitHub перфокарт
• classwrap — js утилита для конкатенации имен CSS классов по заданным условиям
• ellipsed — JS библиотека для добавления троеточия в многострочных текстах
Браузеры
• В Chrome 64 будет прекращено автоматическое воспроизведение видео со звуком, а FTP будет помечаться, как небезопасный протокол
• Проект Mozilla представил дополнение с реализацией контекстных контейнеров для Firefox
• В Firefox 57 будет обновлён внешний вид средств для разработчиков
Занимательное
• iPhone X, iPhone 8 и 8 Plus, Apple Watch Series 3 и Apple TV 4K
• Российские дизайнеры и разработчики об iPhone X, iPhone 8 и других анонсах презентации Apple
• W3C разработал API для криптовалютных платежей в браузерах
• Нейросеть дня: 3D-маска лица на основе фотографии
• Выпуск Vagrant 2.0, инструментария для создания виртуальных окружений
• Сеть казино скомпрометировали через «умный» аквариум
• Компания Oracle выбрала Eclipse Foundation для передачи разработки Java EE
• Человеческий мозг планируют подключить к «интернету вещей»
• Почему Кремниевую долину критикуют все чаще, и что с этим делать
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort