Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
Медиа
• 
Подкаст «Пятиминутка Angular» #11 — WSD, Community, ngrx-data, websocket, Angular 7.0, CLI 6.2 beta
• 
Подкаст «Frontend Weekend» #66 — Жанна Круглова о судьбе разработчиц в декрете и истории Больших Интервью
• 
«Девшахта-подкаст»: #46 — Путь джуна — как за год полностью сменить профессию
• 
Интервью с преподавателем ШРИ Дмитрием Андрияновым
• 
Web Standards Days, запись конференции, прошедшей 18 августа в Санкт-Петербурге
• 
JSCamp Barcelona 2018, 13 videos
Веб-разработка
• 
WebAssembly: как и почему
• 
Изучение веб-разработки в 2018
• 
Полная анатомия редактора Gutenberg WordPress
• 
Создание сайтов для Safari Reader Mode и других приложений для чтения
• 
API датчиков для веб
• 
Семь лучших онлайн-песочниц для написания кода
• 
Accessibility: ваши ссылки пропуска контента сломаны
- Производительность:
•
18 советов о том, как ускорить WordPress
•
Friday Frontend: Client Side Performance Edition
- Анимация:
•
Foot tap loader | SVG + GreenSock
•
Chromatic aberration effect
•
Прокрутка сайта эффектом отскока
CSS
• 
Максимальная адаптивность с минимальным количеством медиа запросов, или метод обратной адаптивности
• 
5 приемов работы с CSS, о которых вам следует знать
• Стандарт для нестандартного
• Первый публичный черновик модуля величин и единиц CSS 4 уровня
• 
Вариативные шрифты: что они такое и как их использовать
• 
Все возможности свойства color-adjust
• 
Функции 3D трансформации в CSS
• 
О переключении с HEX & RGB на HSL
• 
Техники сохранения времени CSS для создания отзывчивых изображений
- Практика:
•
Простой интерактивный круговой график с помощью CSS Variables и магии Гудини
•
CSS Scroll Snapping на практике
•
Создание морского боя на CSS
- Лейауты:
•
Простой и отзывчивый современный шаблон на CSS Grid Layout
•
Экспериментальные раскладки с помощью CSS Shapes и clip-path
•
Редизайн сайта с использованием CSS Grid раскладки
•
Все что вам нужно знать о выравнивании в Flexbox
JavaScript
• 
Синхронизация между табами с помощью Web Locks API
• 
Встроенные функции в V8 (builtins)
• 
Как создать простой компонент для работы с камерой
- Подкасты:
•
JSJ 326: Разговор с создателем Ember Томом Дейлом об Ember 3.0 и будущем Ember
•
«JavaScript & SEO», подкаст The Web Platform, выпуск #168
•
«REST easy, GraphQL is here», подкаст JS Party – Episode #38. Ведущие разговаривают с John Resig (создателем jQuery) о том, как он использует GraphQL в Khan Academy, а также о мыслях Джона о настоящем и будущем jQuery
- Теория:
• Задачки с собеседований. Сборник решений — Fun ES #5: для нердов, Fun ES #6: перевернуть число
•
Разбор паттерна «Модуль» в JavaScript
•
Иван Тулуп: асинхронщина в JS под капотом
•
Основы движка JavaScript: оптимизация прототипов
Angular:
•
Исследование Ivy — нового компилятора Angular
• Начните работу с Angular Grid за 5 минут
• Команда Angular выпустила инструменты, упрощающие переход с AngularJS на Angular
•
Angular 7 грядёт
•
Отладка приложений Angular CLI в Visual Studio Code
•
10 наиболее полезных свойств Angular, о которых вы, возможно, не слышали
•
Как Angular CLI Budgets спасли мой день, и как он может спасти ваш
VueJS:
•
Vuex: структурирование больших проектов и работа с модулями
• Паттерны Vue. Полезные паттерны, методы, советы и рекомендации, а также тщательно подобранный список ссылок по Vue. Если вам нравится перевод, то поставьте лайк-звездочку репозиторию перевода
•
Три причины использовать Vue.js в вашем следующем проекте
•
Как я создал расширение для браузера на Vue: Часть 1, Часть 2
React:
• Практический React: управляем рендерингом — производительность
•
Работа с refs в React
•
Как вы можете распланировать три дня наперед с помощью React
•
Простая интернационализация приложений на React
- Libs & Plugins:
•
Tone.js — фреймворк для создания интерактивной музыки в браузере с помощью Web Audio API
•
from-html — получи ссылку на элемент прямо из строки HTML
•
TheoremJS — математическая библиотека для вычислений в JavaScript
Браузеры
• 
Какие видеокодеки (не) используют браузеры для видеозвонков
• Инженеры Mozilla удалили 23 аддона для Firefox, собиравших информацию о пользователях
• Вышла Opera 55: новый интерфейс настроек и упрощенная установка расширений Chrome
• 
Создание расширения Chrome в 2018-м: хороший, плохой и злой
Занимательное
• Новая система ИИ DeepMind способна диагностировать и назначить лечение по более чем 50 заболеваниям глаз
• «Мы здесь власть». Как «Двач» спасает и калечит чужие жизни
• Как Amazon создает из Twitch конкурента YouTube
• Три десятилетия «Меча и Магии»: разбираемся в истории легендарной франшизы
• Искусственный интеллект в действии
• Реально ли создать супер-язык программирования — отвечают эксперты
• «Не понравится — выращу новую руку»: дизайнер протезов о выращивании конечностей и киберпанке в России
• В процессорах Intel обнаружен новый набор уязвимостей класса Spectre: Foreshadow или L1TF
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort
