https://habr.com/post/434110/

• CSS
• HTML
• JavaScript
• Разработка веб-сайтов

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

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

---

Медиа

• Подкаст «Пятиминутка React» #51 — 18 фактов о Vue.js по итогам 2018 года
• Подкаст «Frontend Weekend» #84 – Павел Черторогов об одержимости GraphQL и состоянии IT-индустрии в Алматы
• «Девшахта-подкаст» #62: Чем фронтендер может помочь девопс продукту
• Подкаст «RadioJS» #54: Предновогодний. Svelte, Vue, новости и тренды
• Подкаст «Фронтенд Юность (18+)» #77 Рыба гниёт с головы а сайт с футера
• Подкаст «CSSSR», Новости 512 — Выпуск №32 (17.12 — 23.12)
• «ALL YOUR HTML» #s2e2: «DeBuris.it декомпиляция, шейдеры»
• Nordic.js 2018, 29 видео

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

• Почему веб такой сложный?
• Годные туториалы на YouTube
• Доступные SVG-иконки с инлайновыми спрайтами
• Список конференций, принимающих русскоязычные доклады по фронтенду
• Нет причин использовать pointer-events для элементов HTML
• Обработка неработающих изображений с помощью service worker
• Service Workies — Изучите все преимущества сервис-воркеров с помощью интерактивной игры
• Релиз Bootstrap 4.2.1

• Производительность:
  • Запись трансляции Avito Online Frontend: Performance
  • Как беспокоиться о весе пакета npm
  

• Инструменты:
  • Делаем Modern Build
  • Релиз WebStorm 2018.3: улучшена поддержка Angular, улучшены автоимпорты, GitHub Pull Requests и многое другое
  • Использование DevTools для понимания современных методов верстки
  

• Accessibility:
  • Я пользовался скрин-ридером в вебе течение целого дня
  • Я выбросил свою мышь
  • Веб-компоненты все еще обязаны быть доступными
  

• Анимация:
  • Анимированный интерактивный пейзаж
  • Самые вдохновляющие сайты за 2018
  • Скролл мыши в перспективу
  

CSS

• Философия CSS
• Основы CSS: блочная модель
• Как сделать движение по кривой изинга (Easing Curve) в реверсе
• Фрагментированное, но развивающееся состояние CSS-in-JS
• Стилизация Select как-будто сейчас 2019
• Борьба с FOIT и FOUT
• Generic First CSS: Новое осмысление Mobile First
• Google Fonts и font-display
• Менее известные свойства CSS, объясненные в GIF`ках
• Касательно глобальной области видимости CSS

JavaScript

• Javascript-фреймворки: тенденции 2019 года
• ECMAScript-модули в Node.js: новый план
• Эксперименты с нейроинтерфейсами на JavaScript
• Релиз Electron 4.0.0, платформы создания приложений на базе движка Chromium
• Пирамида Getter-Setter в JavaScript
• Наиболее востребованные JavaScript фреймворки для разработчиков в 2019
• Новое бесплатное руководство «Functions» в «Programming Fundamentals» (51 задача с решениями)
• Особенности JavaScript: чистый способ изменения глобальных прототипов

• VueJS:
  • Повышаем производительность разработки на примере Vue — часть 1
  • Vue 3.0 Updates" доклад Evan You на VueConfTO 2018
  • Подводные камни Vue
  • Как создать статический сайт с Vue.js в кратчайшие сроки
  • Vue Route Component Hooks
  • Как создать подсветку меню в стиле Medium
  • Как устанавливать, создавать и развертывать собственные приложения с помощью Vue
  

• React:
  • React Hooks: что произойдет с контекстом react?
  • Nextjs для всех — с базовыми знаниями о React
  • React v16.7: Нет, это не тот с хуками
  • Анимация между вюхами в React
  

• Angular:
  • Как оптимизировать приложения на Angular
  • Angular Ivy Renderer готовность 93%
  • Повысьте производительность Angular с помощью ленивой загрузки ваших модулей
  • Улучшенная навигация в Angular 7 с помощью switchMap
  • Ентерпрайз-шаблоны Angular — часть 2
  

Браузеры

• Стало известно, почему Microsoft переходит на Chromium
• Действительно ли Google саботировал производительность Edge на YouTube?
• Новый выпуск web-браузера Firefox Focus
• Chrome 72 Beta: поля публичных классов, активация пользователя и многое другое

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

• Крипторасколы или психология форка
• Обзор трендов в ИИ на 2019 год
• Facebook планирует создать собственную криптовалюту для WhatsApp
• Google+, Theranos, «Кэшбери» и другие — какие компании и сервисы закрылись в 2018 году
• Что ждать от IoT в 2019 году?
• Такие разные компьютеры: о самых маленьких и самых производительных


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

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