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

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

Медиа

• Подкаст «Веб-стандарты», Выпуск №142: Safari и Edge, бюджет на перфоманс, новые теги в HTML, киевское сообщество, кто такие Котаны?
• Подкаст «Frontend Weekend» #75 – Никита Дубко о том, как за год стремительно прокачать свою карьеру frontend-разработчика
• Подкаст «CSSSR» Новости 512 — Выпуск №25 (15.10 — 21.10)
• Подкаст «Фронтенд Юность (18+)» #68 Бабуля стала олимпийским чемпионом по фронтенду

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

• Google полностью отказался от схемы ajax сканирования
• История фронтенд фреймворков
• Как растет фронтенд долг?
• Умный бандлинг: как отдавать устаревший код старым браузерам
• Удивительный мир браузерной производительности – как быть производительным

• Tools:
  • GitHub анонсировал собственный CI/CD и начал раздавать инвайты
  • Прокачиваем навыки отладки с помощью инструментов разработчика Chrome (часть 1)
  • Typekit теперь Adobe Fonts

• Анимация:
  • Как работает Facebook 3D Photos
  • Эффект наведения в виде полноэкранных зацикленных изображений
  • SVG Marching Ants — эффект бегущих по границе точек
  • Эксперименты с SVG Menu с viewBox Zoom

CSS

• Примеры использования Flexbox
• CSS: интересные возможности border-radius
• Свойство appearance и стандартизация стилей элементов форм: новая надежда
• Ритм в веб-типографике
• Негативные линии в гридах
• Использование определение функций, условные обозначения и группы с селекторами
• Стилизация блока с колонками в Gutenberg
• Справочник по CSS Layout на MDN

JavaScript

• Школа магии TypeScript: дженерики и расширение типов
• Джон Мюллер советует оптимизаторам учить JavaScript
• 0-day баг в популярном jQuery плагине эксплуатировали как минимум несколько лет
• 33 концепта, которые должен знать каждый JavaScript разработчик
• Testing Javascript — узнайте самый эффективный способ тестирования любого JavaScript приложения
• Подкаст «JS Party» – Episode #48: Foundation foundations (live at Node + JS Interactive)

• Теория:
  • Таймеры JavaScript: все что нужно знать
  • Полное руководство по контекстам выполнения, всплытию, контексту и замыканиям в JavaScript
  • Шпаргалка по промисам и async/await
  • Понимание каррирования в JS
  • Понимание паттернов проектирования в JavaScript

• VueJS:
  • Как изучать Vue.js в 2018
  • Экосистема Vue растет… Точно так же, как это было с React
  • Продвинутая отладка Vue: детективная история
  • gridsome — Vue-фреймворк для статических сайтов на Vue.js & GraphQL
  • Как сделать импорт Sass файла в любой компонент Vue приложения
  • Lazy Loading Images с директивами Vue.js и Intersection Observer
  • Kanban доска на Vue.js: добавление функции PWA

• React:
  • Архитектура Redux. Да или нет?
  • Как стать React разработчиком в 2018 году
  • Собеседование на позицию разработчика React с точки зрения рекрутера
  • Финальный релиз styled-components v4
  • Styled components V4: хорошее, плохое, и что-то совсем другое
  • Как применять принципы SOLID в приложения на React
  • Создание 100% типобезопасного React приложения на ванильном JavaScript
  • Профилирование React компонентов с User Timing API
  • React Podcast 25: Make Brilliant Messes with Diana Mounter and Emily Plummer

• Angular:
  • Вышло обновление платформы Angular до версии 7.0
  • Angular версии 7 — CLI Prompts, Virtual Scroll, Drag and Drop и многое другое
  • Желаете изучить Angular? Вот бесплатный курс Dan Wahlin, состоящий из 33-х частей
  • Создание оптимизированного для поисковых движков PWA на Angular — Part 2
  • Основные выводы после AngularMix 2018
  • Все про Angular Bindings
  • Профессиональная публикация Angular библиотек
  • Как мигрировать с angular 6 на 7
  • Virtual Scroll с Angular CDK — что нового в v7

• Libs & Plugins:
  • 5 опенсорсных HTML5 видеоплееров для 2018
  • omi: веб-фреймворк нового поколения всего в 4kb JavaScript (Веб компоненты + JSX + Proxy + Store + обновление путей)
  • Tea-School.js —  генерация PDF файла из HTML/CSS в Node.js
  • Colorblindly — инструмент доступности, помогающий разработчикам понять, как видят их сайт дальтоники

Браузеры

• Chrome 70 поддерживает [список фич] и AV1 – почему поддержка этого кодека так важна?
• Вышел Chrome 70 с возможностью отключения пресловутой функции автоматической авторизации и поддержкой приложений PWA на Windows
• Модернизация TLS-подключений в Microsoft Edge и Internet Explorer 11
• Firefox, Chrome, Edge и Safari прекратят поддержку TLS 1.0 и TLS 1.1
• Mozilla экспериментирует с добавлением платного VPN в Firefox
• Признаки «Оперы». Йон фон Течнер об идеологии браузера Vivaldi

Занимательное

• Twenty Nineteen: первый взгляд на новую дефолтную тему в WordPress
• Atlassian выпустила полностью переработанный Jira Software
• Google добавила в Gmail интеграцию некоторых функций сервисов Dropbox, Box, Jira и Egnyte
• Adobe Max 2018 и новые инструменты дизайна
• «Грязное бельишко Google+»: исповедь бывшего сотрудника проекта, который возненавидел Google
• Новый Winamp будет представлен в 2019 году

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.