Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | 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.
Автор: alexzfort
