https://habr.com/ru/post/447128/

• CSS
• HTML
• JavaScript
• Разработка веб-сайтов

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

Медиа    |    Веб-разработка    |    CSS    |    Javascript    |    Браузеры

---

Медиа

• Подкаст «Веб-стандарты», 169. Safari 12.1 и IE11, веб-воркеры и ленивые картинки, Sass, Эрик Мейер и CSSBattle.
• Подкаст «Веб-стандарты», 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: Как я не справился с <a>
• 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 в местах, где (почти) никто не использует его.
• Оценка популярных браузеров с точки зрения безопасности и конфиденциальности


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

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

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