Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
Медиа
• Подкаст «Веб-стандарты», Выпуск №124: Гитхаб продался, Safari в часах, доступные карточки, разная сложность кода, конец cssnext и будущее PostCSS.
• Подкаст «Frontend Weekend» #57 – Михаил Башкиров о нюансах переезда в Нидерланды и причинах ухода из RadioJS
• Подкаст «devschacht»: Ночной фронтенд #37 — Школа разработки интерфейсов Яндекса. Итоги.
• Подкаст «Фронтенд Юность (18+)» #52 Как Райан Дал вашу ноду шатал
• Подкаст «uWebDesign» [18+] Об ИТ-рынке в России по-чесноку — Суровый веб #169
• «ALL YOUR HTML» #53: Декомпиляция сайта azarclub.fr, 2d анимация, + three.js с 2d канвас
•
DeltaV Conference London 2018
•
JSConf EU 2018, 12 видео
•
Frontend United 2018 — Utrecht, 27 видео
•
O'Reilly Fluent Conference 2018 — San Jose, California, 6 видео
Веб-разработка
• Как выживать в изменяющемся мире разработки
• Непоследовательное поведение изображений в вебе: как и когда браузеры загружают картинки
• Что каждый разработчик должен знать про HTML для писем
• Автоматизация создания шаблонов писем двумя способами: Snippets vs. Partials
• Дополненная реальность в вебе
• 5 способов обработать формы на статических сайтах
• Что такое CDN и как это работает
• Взгляд с другой стороны: пять вещей, которые должен знать каждый адвокат о цифровой доступности
- Производительность:
•Приоритизация долговременной производительности
•О том, как ускоряли новую версию сайта scotch, добившись времени загрузки страницы 1s
•7 советов по производительности для плавной JavaScript анимации
•Базовый анализ сайта с помощью GTmetrix
•PageSpeed Insights: лучший инструмент для проверки производительности вашего сайта для Google Speed Update?
- Инструменты:
•Parcel v1.9.0 — Tree Shaking, укоренный в два раза вотчер и многое другое
•Усовершенствование автоматизированного тестирования в Microsoft Edge с новыми возможностями WebDriver, поддержкой протокола W3C и автоматическими обновлениями
•Введение для новичков в Webpack
CSS
• Почему браузер читает CSS-селекторы справа налево
• Новые (и старые) единицы в CSS, о которых вы никогда не слышали
• Еще креативные паттерны для заполнения фона юникод символами
• M o t u s — библиотека для анимации, которая имитирует CSS keyframes во время скроллинга
• Прекращение работы над cssnext
JavaScript
• Функции-декораторы, которые можно написать с нуля
• Почти весь Office 365 переписан с помощью JS.
• Интерактивная визуализация данных с помощью JavaScript и D3
• Как работает JavaScript: движки хранилищ + как выбрать правильное API хранилища
• JS не хуже, чем …
• Как улучшить ваш процесс разработки с помощью консоли JavaScript
• Основы JS движка: формы и встроенное кеширование
• Отправка HTML форм с помощью JS фреймворков (Vue, React, Hyperapp)
- ES2015+:
•Когда и почему стоит использовать стрелочные функции ES6, а когда нет
•Изучаем промисы в JavaScript: из грязи в князи за 25 тестов
•JavaScript async/await: хорошая часть, ловушки и способы использования
•Что нового в ES2018
VueJS:
•Опыт разработки SPA на VueJS + Nuxt
•Переход с jQuery на Vue.js
• Функция render() — что такое аргумент h
•Vue обогнал React по звездам на GitHub
•vuesax — фреймворк компонентов на vue.js
•Как создать компонент Vue как профессионал
React:
• Видео со встреч React Kyiv в марте и апреле + TDD Workshop
•Реактивный фронтенд. История о том, как мы снова всё переписали
•Создание приложения для трекинга здоровья с помощью React, GraphQL и User Authentication
•Погружение в React Context
- Libs & Plugins:
•Simonwep/pickr — простой и настраиваемый Color-Picker. Без зависимостей, без jQuery, совместим со всеми CSS фреймворками
•jeelizWeboji — JavaScript/WebGL библиотека для определения и воспроизведения выражения лица
•yett — небольшая библиотека для контроля и вызова третьесторонних скриптов
•9 Javascript библиотек 2018 года для манипуляцией временем и датой
Браузеры
• В Chrome будет прекращена поддержка установки дополнений по запросу сторонних сайтов
• Mozilla рассматривает возможность создания системы голосовой навигации для браузера
• 11 способов ускорить тормозящий Chrome
• В Firefox для iOS появилась возможность скачивать файлы
Занимательное
• Пропущенный дедлайн, или почему больше половины компаний оказались не готовы к GDPR
• В США перестал действовать принцип сетевого нейтралитета
• Будущий генеральный директор GitHub Нэт Фридман ответил на вопросы пользователей Reddit о сделке с Microsoft
• В процессорах Intel обнаружена новая критическая уязвимость
• Наборы эксплоитов уже используют свежие баги во Flash и Internet Explorer
• Google открыла конструктор для создания приложений без навыков программирования
• Microsoft прекратит помогать пользователям Windows 7 и 8 на своих форумах
• Итоги E3 2018
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort