https://habr.com/company/zfort/blog/414363/

• Разработка веб-сайтов
• JavaScript
• HTML
• CSS
• Блог компании Zfort Group

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

    Медиа    |    Веб-разработка    |    CSS    |    Javascript    |    Браузеры    |    Занимательное

---

Медиа

• Подкаст «Веб-стандарты», Выпуск №125: Все события до конца года и впечатления с pitercss_conf от организаторов
• Подкаст «Веб-стандарты», Выпуск №124: Гитхаб продался, Safari в часах, доступные карточки, разная сложность кода, конец cssnext и будущее PostCSS.
• Подкаст «Frontend Weekend» #57 – Михаил Башкиров о нюансах переезда в Нидерланды и причинах ухода из RadioJS
• Подкаст «devschacht»: Ночной фронтенд #37 — Школа разработки интерфейсов Яндекса. Итоги.
• Подкаст «Фронтенд Юность (18+)» #53 Как выйти замуж за программиста
• Подкаст «Фронтенд Юность (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

• Функции-декораторы, которые можно написать с нуля
• 5 способов создать массив в 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
  

• Angular:
  • Шаблон управления состоянием в Angular приложениях
  • Angular и Internet Explorer
  

• 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