Фронтенд-дайджест №360 (8— 14 апреля 2019)

Медиа

• WSD в Москве, 2019, запись трансляции
• Подкаст «devschacht»:#75: Куда развиваться
• Подкаст «Фронтенд Юность (18+)» #90 Гуй эксперту не помеха
• proConf #9 VUEJS AMSTERDAM 2019
• "ALL YOUR HTML" #s2e10: "Phenomenon с Parcel"
• 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 Released

• Использование 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: что это значит для разработчиков фронтенда?