Фронтенд-дайджест №359 (1— 7 апреля 2019)

"CSS - это просто", - говорили они

Медиа

• Подкаст «Веб-стандарты», 168. Why Samsung needs a browser, WebVR to WebXR transition, XR use cases for the Web
• Подкаст «Девшахта/Ночной фронтенд», 74: О фронтенд-разработке в Ростове-на-Дону
• Подкаст «Сделайте мне красиво» Выпуск №12, в гостях Антон Кастрицкий - vanila js, You-Dont-Need и недовольный Олег
• Подкаст «CSSSR»: Новости 512 — Выпуск №45 (30.03 — 05.04)
• "ALL YOUR HTML" #s2e9: "Система частиц из текста"

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

• Безопасность клиентских приложений: практические советы для Front-end разработчика

• Избавляемся от дублей пакетов в бандлах

• 12 базовых рефлексов верстальщика

• Что нового в Foundation 6

• Представляем новый слой рендеринга для theguardian.com по версии 2019 года

• Нативный lazy-loading для изображения приходит в веб! Addy Osmani анонсировал поддержку атрибута loading в будущей версии Chrome

• Веб-компоненты заменят твой фронтенд фреймворк

• Accessibility:

  • Доступность для вестибулярных расстройств: как моя временная нетрудоспособность изменила мою точку зрения
  • Применение передовых методов обеспечения доступности с автоматически генерируемыми идентификаторами
  • Прогрессивный компонент раскрывающегося блока с максимальной поддержкой доступности
  • Тестирование HTML5 Landmarks
  • Мутные воды сADA Website Compliance могут стать менее мутными в 2019 году

• Анимация:

  • Вдохновляющие сайты, подборка #3
  • Креативная анимация переключения режима просмотра
  • Crossroads Slideshow. Экспериментальный слайдер под наклоном, с предпросмотром и открытием контента по клику
  • Dogstudio - сайт с крутым скролл-эффектом

CSS

• CSSBattle - игра, в которой с помощью ваших CSS умений нужно воссоздать графические объекты с минимально возможным кодом
• Что на самом деле делает «supported-color-schemes» в Dark Mode? 🤔
• Ruby Sass достиг конца жизненного цикла
• Управление Z-индексом в компонентном веб-приложении
• CSS Стандартизация, свежий выпуск "The State of the Web" с Rick Viscomi и Jen Simmons (CSS Working Group, Mozilla)
• Как создавать лучшие темы с помощью CSS-переменных
• Скрытая сила CSS Text Align

JavaScript

• Подробности о GraphQL: что, как и почему

• Ускоряем WebGL/Three.js с помощью OffscreenCanvas и веб-воркеров

• Что такого особенного в TypeScript?

• Еще один JavaScript Framework

• Remy Sharp: Как я не справился с

• JavaScript Web Workers: руководство для начинающих

• Как использовать Axios с JavaScript

• От Javascript до Typescript и Elm

• Почему вы должны изучать vanilla javascript в отдельности, если хотите быть лучшим разработчиком

• Теория:

  • Прототипно-ориентированное программирование в JavaScript
  • Самые необходимые строковые и числовые методы в JavaScript
  • Основы движков JavaScript: общие формы и Inline кэширование. Часть 1
  • 12 приемов работы с JavaScript, которых нет в большинстве туториалов
  • Как сделать ваш код JavaScript простым и легким для чтения
  • Все, что вам нужно знать о Promise.all
  • Каррирование длины переменной в JavaScript

• VueJS:

  • Плагины VueJS и Vue CLI 3 для повышения производительности вашего приложения
  • VueJs Amsterdam 2019 - Краткий обзор мероприятия и докладов (часть 1)
  • Unit vs E2E тестирование во Vue.js
  • Как создать редактируемую таблицу данных в реальном времени в Vue.js
  • Представляем Vue Chimera, реактивный restful api client
  • PreVue: инструмент прототипирования для Vue

• React:

  • Дан Абрамов обучает меня React Hooks
  • Функции высшего порядка: что это такое и пример на React
  • Как создать современное веб-приложение с использованием WordPress и React
  • Как создать доступное модальное окно на React
  • Как создать собственные React хуки

• Angular:

  • Мультиязычные приложения в Angular
  • Планы на Angular 8.0 и Ivy
  • What to Expect in Angular 8
  • Создание расширяемого динамического подключаемого Enterprise приложения на Angular
  • Дорожная Angular карта - прошлое, настоящее и будущее
  • Как начать летать с Angular и NgRx
  • Как создавать темы для ваших приложений на Angular 7, используя CSS-переменные
  • Управление состоянием с использованием объектов RxJS в приложениях Angular

• Libs & Plugins:

  • Solid - лучшая JS UI-библиотека на, о которой вы никогда не слышали
  • code-server: запускает VS Code на удалённом сервере

Браузеры

• Лог изменений в V8 помог создать эксплоит для неисправленной уязвимости в Chrome
• В ночные сборки Firefox добавлен блокировщик назойливых уведомлений и API UserScripts
• Can I Stop? Освободитесь от необходимости поддержки Internet Explorer 11 в местах, где (почти) никто не использует его.
• Оценка популярных браузеров с точки зрения безопасности и конфиденциальности