Дайджест свежих материалов из мира фронтенда за последнюю неделю №332 (24 — 30 сентября 2018)

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

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

---

Медиа

• Подкаст «Frontend Weekend» #72 – Что изменилось за год у Дарьи Пушкарской (о развитии карьеры, школе фронтенда и выступлениях)
• Подкаст «Фронтенд Юность (18+)» #66: Мы лучше сделаем что-то не так чем умрём
• Подкаст «Веб-стандарты», Выпуск №140: Пара новинок Safari, семантика и TypeScript, разработчики в W3C, Redux не нужен, новый ES всё ломает, новые стрелки в JS
• Подкаст «Веб-стандарты», Episode #139: September 25th: Four interviews with CSS-Minsk-JS speakers: Bram Stein, Patrick Lauke, Hui Jing Chen, Anna Migas
• Подкаст «CSSSR», Новости 512 — Выпуск №23 (24.09 — 30.09)
• Видеоблог Вадима Макеева 3. Lingualeo, диватоз и графика в SVG и PNG
• Web Audio Conf 2018 | Berlin

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

• Почему семантический HTML важен, и как TypeScript помогает это понять
• API командной строки(консоли): Справка команд
• Сообщество Fronteers в лице Рейчел Эндрю подало заявку на участие в W3C для представления интересов разработчиков

• Производительность:
  • Полное руководство по ленивой загрузке изображений
  • Точные замеры лейаута в вебе. О том, как измерять производительность сайтов и как использовать эту информацию
  • Как создать Low-tech Website? О создании блога с упором на радикальное сокращение использования энергии, связанное с доступом к контенту.
  • Оптимизация SVG логотипа Spotify
  • Прогрессивные JPEG и техники для уменьшения загрузки изображений в два раза
  

• Accessibility:
  • Меню WAI-ARIA, и почему вы должны вообще избегать их использования
  • Как начать работать с доступностью сайтов
  • Вложенные ссылки
  

CSS

• Первый (и странный) публичный черновик CSS-модуля скроллбаров
• Сейчас 2018: вы не должны писать на ванильном CSS
• 13 способ вертикального центрирования в 2018
• Как использовать инспектор анимации в Chrome Developer Tools
• Grid или Flexbox: что выбрать?
• Руководство для новичков по CSS Box-Model

JavaScript

• Node.js без node_modules
• Angular vs React: битва за фронтенд
• Как отказаться от jQuery в современном фронтенде: опыт команды GitHub
• Анонс TypeScript 3.1
• Минимальный сетап JavaScript
• 12 советов от профессионалов по масштабируемому Node.js
• turtleDB: фреймворк для создания offline-first, совместных приложений
• 16 подкастов на тему JavaScript, продолжающих выходить в 2018
• Подкаст JavaScript Jabber №332: “You Learned JavaScript, Now What?” c Chris Heilmann

• Теория:
  • Понимание таймеров в JavaScript. Callback-функции, setTimeout, setInterval и requestAnimationFrame
  • Прощай, Redux. Полный разбор того, почему нам был нужен Redux в прошлом, и почему он не нужен в будущем.
  • JavaScript typeof — понимание проверки типов в JavaScript
  • Сортировка вещей в V8
  • Миграция с Underscore на Lodash
  • Переосмысление покрытия тестами JavaScript
  

• VueJS:
  • Итоги VuePiterJS #1
  • Что нового в Vue Devtools 5.0 Beta
  • Evan You: Планы для следующей итерации развития Vue.js
  • Советы по созданию быстрого и легкого Vue.js SPA
  • Управление множественными центральными хранилищами с помощью Vuex
  • zircleUI — фронтенд библиотека для создания интерфейсов с эффектом приближения
  

• React:
  • Маршрутизация в большом приложении на React
  • Переиспользуемые компоненты в React — практическое руководство
  • Last call для Create React App v2
  • 6 интересных проектов на React, которые вы можете создать сегодня
  • Тссс! Вот почему ReasonReact — это лучший способ писать на React
  • Подкаст React Podcast 22: «Promise Accessibility» c Ryan Florence
  

• Angular:
  • Angular и SEO: как их подружить?
  • Angular Flex-Layout: Flexbox и Grid Layout для компонентов Angular
  • Policy-Based Client-Side Encryption в Angular
  • Сравнение серверного рендеринга в приложениях React и Angular
  • Роутинг в Angular — лучший шаблон для больших масштабных изображений
  

• Libs & Plugins:
  • Trix — полноценный текстовый визивиг-редактор для ежедневного использования
  • Tabulator — простая настраиваемая библиотека для вывода табличных данных
  

Браузеры

• Мой любимый файл в кодовой базе Chromium
• Google Chrome 69 автоматически входит в аккаунт и не стирает cookies Google при очистке истории
• Google устранит в Chrome 70 замечания, связанные с привязкой учётной записи и удалением всех Cookie
• Найден баг, приводящий к сбою в работе Firefox или всего компьютера
• Почему я наконец бросаю Chrome: статья эксперта по безопасности
• В браузере Firefox появилась система одноразовых ключей для восстановления доступа к данным учетной записи
• Предлагаемые результаты поиска в Safari продвигали теории заговоров, ложь и дезинформацию
• qutebrowser — клавиатурный браузер с минимальным GUI.

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

• Google исполнилось 20 лет
• Stack Overflow — 10 лет
• Как писать дату и время в интерфейсах
• Microsoft прекратит поддержку Skype Classic с ноября
• Интернет вещей – это новое качество жизни
• Уязвимость в Facebook привела к захвату контроля над 50 миллионами учётных записей
• Google спрятала в поисковой выдаче текстовую игру
• Основные принципы использования анимации в UX


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

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