Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
•
Goose&Duck #2 – Промежуточные сорсмапы с Валентином Семирульником
• «Новости 512» от CSSSR: Import Assertions, стримы в Node.js, веб и потребление памяти, голосовые интерфейсы, Rust 1.53
•Подкаст «Веб-стандарты» №288. Сторонние куки, Safari TP, ES2021, веб-платформа, LayoutNG, определение браузеров на CSS
•
Что можно положить в тег <head>
•
webpack или esbuild: почему не оба?
•Состояние WebAssembly в 2021 году
•На пути к лучшей метрике отзывчивости
•OMG, SVG Favicons FTW!
•Indiepen — Независимое и защищенное решение для демонстрации примеров кода.
•Экспериментальная inline-to-menu-link анимация
•Технические подробности MS Teams 2.0: отказ от Electron в пользу Edge Webview2, миграция с Angular на reactjs
•Полное визуальное руководство/шпаргалка по CSS Grid
•Простой CSS хак для сокращения времени загрузки страницы
•Пользовательские свойства CSS — разминка для мозга
•Использование производительных изображений следующего поколения в CSS с image-set
•Использование CSS для обеспечения доступности
•Генерация структур Grid Layout с помощью дерева квадрантов
•Правила CSS @supports для таргетинга только Firefox/Safari/Chromium
•Кастомные скроллбары в CSS
•Наследование размера шрифта предка для забавы и выгоды
•Рисование графики с помощью CSS Paint API
•Как создавать диаграммы на CSS с помощью интересных форм, символов и эмодзи
•22 CSS-трюка, которые сделают из вас Layout Ninja
•Когда код это данные
•zx – bash скрипты на javascript
•Новые JavaScript-API для работы с аппаратным обеспечением
• Магия вне Хогвартса: NJS
•Что нового в ES2021
•Парсинг в JavaScript: инструменты и библиотеки
•Как работает JavaScript: высокопроизводительный код + 8 советов по оптимизации
•Топ-5 встроенных баз данных для JavaScript приложений
• Сравнение Flutter и React Native. Какой фреймворк лучше в 2021 году?
• Прекращение поддержки сторонних Cookie в Chrome отложено до 2023 года
•Windows 11 удаляет Internet Explorer
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Медиа | Веб-разработка | CSS | JavaScript | Браузеры
Медиа
•
Goose&Duck #2 – Промежуточные сорсмапы с Валентином Семирульником•
«Новости 512» от CSSSR: Import Assertions, стримы в Node.js, веб и потребление памяти, голосовые интерфейсы, Rust 1.53•
Подкаст «Веб-стандарты» №288. Сторонние куки, Safari TP, ES2021, веб-платформа, LayoutNG, определение браузеров на CSSВеб-разработка
•
Что можно положить в тег <head>•
webpack или esbuild: почему не оба?•
Состояние WebAssembly в 2021 году•
На пути к лучшей метрике отзывчивости•
OMG, SVG Favicons FTW!•
Indiepen — Независимое и защищенное решение для демонстрации примеров кода.•
Экспериментальная inline-to-menu-link анимация •
Технические подробности MS Teams 2.0: отказ от Electron в пользу Edge Webview2, миграция с Angular на reactjsCSS
•
Полное визуальное руководство/шпаргалка по CSS Grid•
Простой CSS хак для сокращения времени загрузки страницы•
Пользовательские свойства CSS — разминка для мозга•
Использование производительных изображений следующего поколения в CSS с image-set•
Использование CSS для обеспечения доступности •
Генерация структур Grid Layout с помощью дерева квадрантов •
Правила CSS @supports для таргетинга только Firefox/Safari/Chromium•
Кастомные скроллбары в CSS•
Наследование размера шрифта предка для забавы и выгоды •
Рисование графики с помощью CSS Paint API•
Как создавать диаграммы на CSS с помощью интересных форм, символов и эмодзи •
22 CSS-трюка, которые сделают из вас Layout NinjaJavaScript
•
Когда код это данные•
zx – bash скрипты на javascript•
Новые JavaScript-API для работы с аппаратным обеспечением• Магия вне Хогвартса: NJS
•
Что нового в ES2021 •
Парсинг в JavaScript: инструменты и библиотеки•
Как работает JavaScript: высокопроизводительный код + 8 советов по оптимизации•
Топ-5 встроенных баз данных для JavaScript приложений • Сравнение Flutter и React Native. Какой фреймворк лучше в 2021 году?
-
React
•React Intl: интернационализация React-приложений
•React испортил веб-разработку
•Don't Stop Me Now: как использовать хук useTransition() в React
•Демистификация styled-components
•Архитектура React: как структурировать и организовать приложение на React
•Тестируете React MobX store? C Cypress это легко!
•Руководство по кастомным хукам React с MutationObserver
•Создание приложения с React и Nx
-
Vue
•Vue 3: CompositionAPI + Typescript эксперименты
•Как работают функции provide и inject во Vue 3?
•Понимание $nextTick в Vue.js
•Создание мобильных приложений с Vue Native
-
Angular
•Bindon: малоизвестные фишки шаблонов Angular
•Лучшие практики из перехода на Angular 12
•Стратегия предварительной загрузки в Angular, экономия Loading Time
Браузеры
• Прекращение поддержки сторонних Cookie в Chrome отложено до 2023 года
•
Windows 11 удаляет Internet ExplorerДайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.