Дайджест свежих материалов из мира фронтенда за последние две недели №330 (3 — 16 сентября 2018)

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

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

---

Медиа

• Подкаст «Веб-стандарты», Выпуск №138: 17 сентября 2018: 10 лет Chrome, кому нужен URL, что такое каскад, курсор на кнопках, микробенчмаркинг, DOM в воркерах, JS 2018
• Подкаст «Weekly Vue»: Weekly Vue #3, Weekly Vue #4
• Подкаст «Frontend Weekend» #69 – Руслан Каймаков о том, как построить карьеру руководителя в мире разработки, #70 – Глеб Михеев о развитии собственного production-агентства и подготовке Frontend Conf
• Подкаст «Пятиминутка React» #47 — Elm 0.19
• Подкаст «Девшахта/Ночной фронтенд »: 49: Vue.js 2,5 года в продакшене — полёт нормальный, 50: В гостях питонист: как и зачем погружаться в Python
• Подкаст «Фронтенд Юность (18+)» #63 Что же стало с WSD
• Подкаст «CSSSR», Новости 512 — Выпуск №21 (10.09 — 16.09)
• Видеоблог Вадима Макеева: №1. Пилот, разборы, ответы и лайвы, №2. CSS-Minsk-JS, митапы, будущее фронтенда и главная страница

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

• BEM’a не должно существовать
• Использование SVG с Media Queries
• HTML элементы, собирайтесь! Способности Вольтрона в контексте комбинации элементов

• Производительность:
  • Оптимизация графики для веба: самое важное
  • Улучшаем клиентскую производительность. Шпаргалка-руководство по основным методам оптимизации
  • Чеклист загрузки шрифтов

• Tools:
  • В расширение GitHub для Atom добавили новые функции pull-запросов
  • GitHub Pull Requests в Visual Studio Code
  • 6 советов по VSCode Tips… за 60 секунд (by Paul Lewis)

• Accessibility:
  • Самый простой способ сохранять доступность ваших веб-приложений: просто используйте текст
  • Как вы делаете разметку для аккордиона?
  • Важность ручного тестирования доступности
  • Кастомизация radio-кнопок без отказа от их доступности

CSS

• iOS CSS of death
• Краткое руководство по переменным в CSS (причины использования, синтаксис и примеры)
• Улучшенные эффекты с режимом смешивания фоновых слоев в CSS
• Поле загрузки файлов, которое мы заслужили
• Плохой, зато свой: как написать по-настоящему ужасный CSS
• Никто не знает CSS: специфичность — не каскад
• Новое в Chrome 69: создаем круговой индикатор прогресса с помощью конических градиентов
• Как использовать функции 2D трансформации в CSS
• Введение в Trashy.css — простой способ обзора структуры страницы
• Полное руководство по CSS Scroll Snap
• Отказ от CSS — это про исключение, а не технология
• :empty и :blank
• Создание скользящего эффекта с помощью position sticky

JavaScript

• Рекурсия для неискушённых
• Фундаментальные принципы объектно-ориентированного программирования на JavaScript
• State Of JavaSript 2018, свежий опрос среди JS разработчиков о состоянии индустрии
• Празднование 10 лет V8
• Удаление jQuery из фронтенда GitHub.com
• 12 вещей, которые вам нужно учитывать при оценке любой новой библиотеки JavaScript
• Я создал одно и то же приложение на React и Vue. Часть 2: Angular
• 100% правильный способ разделять ваш код на части с помощью Webpack
• Линтинг Javascript и форматирование с помощью ESLint, Prettier и Airbnb
• Что делает ReasonML таким клевым?
• Всплытие в современном JavaScript — let, const и var

• VueJS:
  • Как создать SPA с помощью Vue.js
  • Создание VueJS приложений с TypeScript
  • Структура кода универсального приложения в Nuxt.js
  • Vuesax — новый компонентный фреймворк для Vue.js 2
  • Ленивая загрузка изображений с директивами Vue.js и IntersectionObserver

• React:
  • Удобный способ тестирования React-компонентов
  • React, Webpack и Babel с нуля
  • Введение в использование элементы форм в React
  • Как имплементировать лучший Drag and Drop в вашем React приложении

• Angular:
  • Справочник по Angular 6: Шаблоны, Ядро
  • Прокачиваем веб с помощью PWA. Progressive Web Apps + Angular = love
  • Руководство по Angular 6: новые функции с новыми мощностями
  • Сравнение Angular и React, а также языков их ядер

• Libs & Plugins:
  • low.js — Node.JS порт для встроенных устройств
  • sqorn — Javascript библиотека для построения SQL запросов

Браузеры

• Режим картинка в картинке в Chrome 69
• Google хочет убить URL
• Вышел Firefox 62: новые инструменты безопасности и интерфейс настроек, а также технические детали для разработчиков в блоге Марата Таналина
• Вышел Chrome 69 с новым дизайном, улучшенным менеджером паролей и омнибоксом
• Браузеру Chrome исполнилось 10 лет
• Microsoft попробовала более агрессивный способ продвижения Edge
• Google отменил скрытие поддоменов «www» и «m», но намерен стандартизировать их особый статус
• В Firefox появится поддержка перевода страниц при помощи Google Translate
• Chrome 70 beta: shape detection, web authentication и многое другое
• Внутренний взгляд на современный веб-браузер: Часть 1, Часть 2
• Редизайн Chrome: интервью с ведущим дизайнером Chrome

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

• Python тоже частично отказывается от терминов master/slave
• Компилятор Glow от Facebook получил поддержку от Intel, Marvell и Qualcomm
• Google открыла API Google Photos для сторонних разработчиков
• Не так важна персона, как её данные!
• Сентябрьский рейтинг языков программирования от TIOBE: Python впервые попал на 3 место
• Как перестать бесить коллег-разработчиков
• Какие типичные ошибки в программировании совершают новички — отвечают эксперты

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

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