Дайджест свежих материалов из мира фронтенда за последнюю неделю №360 (7 — 14 апреля 2019)

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

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

---

Медиа

• Подкаст «Фронтенд Юность (18+)» #90 Гуй эксперту не помеха
• proConf #9 VUEJS AMSTERDAM 2019
• «ALL YOUR HTML» #s2e10: «Phenomenon с Parcel»
• WSD в Москве, 2019, запись трансляции
• MinskCSS Meetup #6 — 11 апреля 2019

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

• Как создать тёмную тему и не навредить. Опыт команды Яндекс.Почты
• Перенос сайта на статику: мотивация, стоимость, работа
• Почему не нужно тратить свое время на создание нишевых тематических сайтов
• Результат опроса предпочтений разработчиков от Stack Overflow
• Front-end Developer Handbook 2019
• Inline SVG… Кешируется
• Веб-разработка в иллюстрациях
• Типы мобильных инпутов
• Javascript vs. CSS — больше контроля означает больше ответственности
• Не доверяйте локальным хранилищам: исследование распространенности постоянных межсайтовых клиентских скриптов

• Производительность:
  • Нативная ленивая загрузка и fallback на основе js с vanilla-lazyload 12
  • Google AMP снизил скорость нашей страницы, и нет другого выбора, кроме его использования
  • Как получить оценку 100% производительности в Lighthouse
  

• Accessibility:
  • Распространенная проблема доступности: переход к разделу страницы без смещения фокуса клавиатуры
  • Доступность цветов: инструменты и ресурсы, которые помогут вам создавать инклюзивные продукты
  • Топ 5 вопросов, задаваемых при изучении Accessibility
  

• Анимация:
  • Как создать эффект прилипающего изображения с Three.js
  • Разъединение SVG с помощью переиспользуемых компонентов WebGL с использованием React-Three-Fibre
  

CSS

• Чего мне никогда не говорили о CSS
• Разница между width и flex-basis
• Как работает @supports
• Уже 2019 год. Давайте закончим дискуссию об иконочных шрифтах и SVG иконках
• Руководство по пониманию CSS Houdini с помощью комиксов
• Трюки и советы для CSSBattle
• Анимация SVG с помощью CSS
• Выполните следующие шаги, чтобы стать суперзвездой CSS
• Получаем значение кастомного свойства CSS с помощью JavaScript
• Художественное руководство для веба с использованием CSS Shapes
• Использование миксина для вывода математики из адаптивных размеров шрифта
• Почему вы должны использовать CSS env()
• QUIZ: Well aimed? Насколько хорошо вы знаете CSS селекторы?
• sassyfication: библиотека с Sass примесями для ускорения разработки CSS

JavaScript

• В AMP добавят поддержку JavaScript
• Три Больших Лжи о JavaScript
• Релиз jQuery 3.4.0
• Использование Web Speech API для мультиязычных переводов
• Пять причин, почему веб-компоненты могут дополнить фреймворки JavaScript
• Кайл Симпсон: я забыл больше JavaScript, чем было выучено большинством людей
• Список из 31 самых популярных JS репозиториев на GitHub в апреле 2019

• Теория:
  • Основы движков JavaScript: оптимизация прототипов. Часть 1
  • Что нужно знать про массивы в JavaScript
  • Подводные камни Async / Await в циклах массивов
  • В защиту тернарных операторов
  • Улучшение асинхронного программирования с JavaScript promises
  • Шаблоны проектирования в современной JavaScript разработке
  

• React:
  • Что бы я хотел знать, когда начинал работать с React.js
  • Рекомендации по стилизации в React
  • Лучшие React расширения для VS Code
  • Обзор популярных CSS-in-JS библиотек для React
  • Управление состоянием с помощью React Hooks — без Redux или Context API
  • React95 — Библиотека компонентов React с Win95 UI
  

• VueJS:
  • Почему ваша компания должна начать использовать Vue.js
  • Представление нового State-Management для Vue.js
  • Краткий отчет о конференции VueJs Amsterdam 2019 (часть 2)
  • Почему я предпочёл Vue, а не React
  • Получение данных со сторонних API с помощью Vue.js и Axios
  • Сделайте свои веб-приложения Vue.js доступными для просмотра — JavaScript SEO
  

• Angular:
  • Лучшее из опыта создания чистых и быстрых Angular приложений
  • Angular Context: простое связывание данных для вложенных деревьев компонентов и Router Outlet
  • Angular CLI — Demystifying the workspace
  • Advanced Angular: реализация переиспользуемого компонента автозаполнения
  

• Libs & Plugins:
  • fkit: набор функциональных утилит для JavaScript
  • jQuery Terminal Emulator — терминал для веба
  • Choices.js: плагин для создания настраиваемых select элементов с возможностью ввода как Select2, но без jQuery
  

Браузеры

• Microsoft Edge на Chromium официально доступен для открытого тестирования
• В Firefox Beta добавлен блокировщик скриптов майнинга и скрытой идентификации
• В Chromium доступна отложенная загрузка iframe и изображений. Тестовый выпуск Microsoft Edge
• Chrome и Safari убрали возможность отключения атрибута отслеживания кликов
• Вышла Opera 60 (Reborn 3) — первый десктопный браузер c поддержкой «интернета будущего» Web 3, криптокошельком и бесплатным VPN
• Edge идет к Chromium: что это значит для разработчиков фронтенда?

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

• GitHub полностью «удалил» репозиторий утилиты для обхода блокировок и весь аккаунт создателя
• Google: Частое сканирование не способствует улучшению позиций сайта
• Вскоре Google Docs начнет поддерживать родные форматы Microsoft Word, Excel и PowerPoint
• От раннего Интернета осталось очень мало свидетельств
• Владелец прав на Helvetica выпустил первый за 35 лет редизайн шрифта
• ЕС выработал свод этических принципов для искусственного интеллекта
• Основатель Alibaba Джек Ма заступился за культуру работы по 12 часов в сутки шесть дней в неделю


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

← Дайджест за прошлую неделю

Материал подготовили dersmoll и alekskorovin