Интернет
Как исправить проблемы с кумулятивным смещением макета (CLS)
Инициатива Google Core Web Vitals произвела фурор в мире SEO и веб-производительности, и многие сайты заняты оптимизацией своих страниц, чтобы максимизировать фактор ранжирования. Метрика Cumulative Layout Shift вызывает проблемы на многих сайтах, поэтому давайте рассмотрим способы решения любых проблем с этой метрикой.
ПодробнееПовышение производительности интернет-магазина (кейс)
Получить хорошую оценку производительности от Google сложно для любого веб-сайта, но сделать это для интернет-магазина еще сложнее. Мы получили зеленые оценки — даже несколько для мобильных устройств. Вот как мы это сделали.
ПодробнееДобавление системы комментариев в редактор WYSIWYG
В этой статье мы будем повторно использовать базовый редактор WYSIWYG, созданный в первой статье, для создания системы комментариев для редактора WYSIWYG, которая позволяет пользователям выбирать текст внутри документа и делиться своими комментариями к нему. Давайте копать!
ПодробнееПолезные расширения VS Code для фронтенд-разработчиков
Познакомьтесь с полезными расширениями Visual Studio Code для веб-разработчиков: маленькие помощники, которые сводят к минимуму замедление и разочарование, а также ускоряют рабочий процесс разработчика. С автоматическими сообщениями журнала, автоматическим форматированием кода, файловыми утилитами, метками файлов, фрагментами кода, скобками выделения, тегами, отступами и рабочими пространствами, подключением и удаленным SSH.
ПодробнееКак создавать и запускать мощные адаптивные веб-сайты с помощью Editor X
Хотя веб-конструкторы существуют уже давно, только недавно они стали практичными для профессионального использования. Сокращение разрыва между дизайном и кодом стало путеводной звездой для многих компаний, и мы видим волну инструментов, которые выполняют это обещание.
ПодробнееДоступные SVG: идеальные шаблоны для пользователей программ чтения с экрана
Узнайте, каких шаблонов SVG нам следует избегать, а какие шаблоны являются наиболее инклюзивными при сравнении различных комбинаций ОС, браузеров и программ чтения с экрана.
ПодробнееРуководство по исправлению ошибок с помощью Git (часть 2)
Ошибки. Эти жестокие злодеи не останавливаются даже на прекрасном мире разработки программного обеспечения. Но хотя мы не можем избежать ошибок, мы можем научиться их исправлять! В этом посте будут показаны правильные инструменты для вашей повседневной работы с Git.
ПодробнееНовый способ уменьшить влияние загрузки шрифтов: CSS-дескрипторы шрифтов
Веб-шрифты часто плохо влияют на веб-производительность, и ни одна из стратегий загрузки шрифтов не особенно эффективна для решения этой проблемы. Предстоящие варианты шрифтов могут наконец выполнить обещание упростить выравнивание резервных шрифтов с окончательными шрифтами.
ПодробнееЗапросы CSS-контейнеров: варианты использования и стратегии миграции
Запросы контейнеров CSS приближают медиа-запросы к самим целевым элементам и позволяют им адаптироваться практически к любому заданному контейнеру или макету. В этой статье мы рассмотрим основы контейнерных запросов CSS и способы их использования сегодня с прогрессивным улучшением или полифиллами.
ПодробнееСоздание редактора форматированного текста (WYSIWYG)
Давайте создадим форматированный текст, WYSIWYG-редактор, который поддерживает форматированный текст, изображения, ссылки и некоторые тонкие функции из приложений для обработки текстов. Мы будем использовать SlateJS для создания оболочки редактора, а затем добавим панель инструментов и пользовательские конфигурации.
Подробнее