Фронтенд-Новость №5. Отказ От React, Новых Свойств Css Для Отзывчивости И Js-Контейнеров

Дайджест новостей из мира фронтенд-разработки за прошедшую неделю, 2–8 мая.

HTML

• Еще один HTML-сайт .

  Да, это тоже возможно.

• Узнайте об основных болевых точках веб-разработчика .

CSS

• Если вы работаете с постарайтесь улучшить ваше взаимодействие с ним.

• Использовать max-inline-size для гибкого центрирования контента в адаптивных интерфейсах.

• CSS Zen Garden 19 лет .

• Знайте, что прогрессивное улучшение стоит дорого, но необходимо для вашего пользователя.

  Примеры обзора прогрессивное улучшение за счет соотношения сторон, новых цветовых характеристик и функции фокусировки .

• Интернет быстро развивается, и пришло время переосмыслить подходы к адаптации интерфейсов.

  Используйте свойства, функции и значения CSS: зажим(), минимальное содержимое, максимальное содержимое, подходящее содержимое, автоподбор, минмакс() .

• Научитесь переносить текст на новую строку .

• Вы читали об инерте в прошлом выпуске? Читать .

• Представьте себе новые псевдоклассы: удалено и: завершено для анимации.

• Погрузитесь в: где — еще один логичный способ найти элемент на странице.

• Познакомьтесь с тем как работают алгоритмы компоновки .

• Начать изучить подсетки .

• Выяснить, почему высота: 100вх не лучший вариант для адаптации Мобильная версия.

JavaScript

• Разберитесь за 2 минуты
  
  …
  
  оператор или нет ?
• Узнайте о новом API, который позволяет получить доступ к информации из локально установленных пользователем шрифтов .

• Практиковаться в создание легкого компонента с помощью Lit .

• Узнайте о Контейнеры JavaScript .

• Опять эти странные вопросы о JavaScript .

  Давайте разберемся с ними.

Реагировать

• Что произойдет, если вы откажетесь от React ?
• Создайте свой блог с помощью Next.js и MDX .

• Узнайте, как работает композиция компонентов React. .

Угловой

• Пришло время обновиться до v13.3.3 .

• Мы с нетерпением ждем v14 в новой бета-версии v14.0.0-next.16 .

Node.js

• v18.1.0 (Текущий) уже здесь с улучшенный CLI для тестов И реализация веб-API WebAssembly .

• Если вы используете версию 14.x.x, вы можете обновить ее до v14.19.2 (ЛТС) .

• Кажется, у Лерны все.

  Пытаюсь понять, что использовать вместо этого .

Браузеры

• Мозилла Фаерфокс 100 :
  • Для разработчиков:
    • Субтитры WebVTT для режима «картинка в картинке».

    • Аппаратное декодирование AV1 в Windows для (Intel Gen 11+, AMD RDNA 2, кроме Navi 24, GeForce 30).

    • Улучшена производительность глубоко вложенных сеток.

    • Новый индикатор фокуса для ссылок, заменяющий пунктирный.

    • Добавлена поддержка API WriteableStream .

    • Читаемый поток получил поддержку
      
      pipeTo.
      
      
  • Для пользователей:
    • Картинка в картинке теперь с субтитрами.

    • Мобильная версия с новыми обоями.

    • Организованная версия закладок.

    • Автозаполнение банковской карты (но для некоторых стран).

    • Выбор языка при запуске.

      Сравнивается с языком, установленным в операционной системе.

    • Проверка орфографии на нескольких языках.

    • HDR-видео на Mac. Вы уже можете проверить это на YouTube.
    • Снижено энергопотребление видео с процессорами Intel.
• Обзор технологии Safari 144
• Хром 101
  • Импортируйте и экспортируйте записанные сценарии в виде файла JSON.
  • Просмотрите каскадные слои на панели «Стили».

  • Поддержка функции цвета
    
    hwb()
    
    .

  • Улучшено отображение свойств частного класса.

• Edge обогнал Safari на 0,46% по популярности среди десктопов .

Общий

• Иконки Google с 4 настройками: заливка, вес, градация и размер.

• "Переменная" шрифты на коре дерева .

  Изменения деформации глифов фиксируются ежегодно.

• Идеальный экспорт SVG инструменты дизайна.

Инструменты

• Кликтокомпонент — позволяет перейти к исходному коду компонента в VS Code при
  
  Option
  
  +
  
  Click
  
  в браузере.

  Посмотрите наглядный пример в репозитории.

• Форумы Node.js с несколькими хранилищами данных и RESTFul API НодББ v2.0.0 .

• Альтернатива пнпм v5.1.0
• Мокко v10.0 .

Как читать статьи на английском языке

Теги: #новости #Разработка сайтов #CSS #JavaScript #HTML #шрифт #Типография #верстка #node.js #react

• Подключение К Voip-Телефонной Службе Joip И Zingoltel

  19 Oct, 24

• Автоматизация Склада Dynamics Gp: Выполнение, Перемещение, Пополнение Запасов

  19 Oct, 24

• Мосгорсуд Постановил Заблокировать Онлайн-Библиотеку «Либрусек» С 8 Сентября

  19 Oct, 24

• 65 Главных Вопросов На Собеседовании По Sql, К Которым Вам Следует Подготовиться В 2019 Году. Часть I

  19 Oct, 24

• Написать Игровой Движок На Первом Курсе: Легко! (Почти)

  19 Oct, 24

• Как Заработать $225 000 За 2 Дня

  19 Oct, 24

• Доктору Кто Исполняется 50 Лет

  19 Oct, 24

• Простая Проверка Полей

  19 Oct, 24

• Прекратится Ли Издательское Дело? (Видео)

  19 Oct, 24

• Quikordersdom - Автоматическая Биржевая Торговля Ii

  19 Oct, 24