Интернет
Полное руководство по инструментам доступности
В новой короткой серии постов мы расскажем о некоторых полезных инструментах и методах для разработчиков и дизайнеров. Недавно мы рассмотрели электронные письма в формате HTML и генераторы SVG. На этот раз мы рассмотрим различные виды инструментов, которые помогут вам упростить процесс тестирования специальных возможностей. Не пропустите следующий.
ПодробнееЛокальное развертывание нескольких сайтов WordPress с помощью DevKinsta
При разработке тем и плагинов для WordPress нам необходимо тестировать их в разных средах. Как мы можем быстро и легко создать несколько тестовых сайтов на нашем компьютере, не становясь системным администратором?
ПодробнееSmashing Podcast Episode 39 With Addy Osmani: Оптимизация изображения
В этом выпуске Smashing Podcast мы говорим об оптимизации изображений. Какие шаги мы должны предпринять для эффективных изображений в 2021 году? Разговариваем с экспертом Адди Османи, чтобы выяснить это.
ПодробнееКогда CSS недостаточно: требования к JavaScript для доступных компонентов
Внимание, спойлер: всплывающие подсказки, модальные окна, вкладки, карусели и выпадающие меню — это некоторые из компонентов пользовательского интерфейса, для которых требуется нечто большее, чем CSS. Чтобы обеспечить доступность вашего интерфейса, JavaScript является необходимым дополнением для управления фокусом, реагирования на события клавиатуры и переключения атрибутов ARIA.
ПодробнееКак создать приложение геокодирования в Vue.js с помощью Mapbox
В этом руководстве мы рассмотрим концепции прямого геокодирования и обратного геокодирования и создадим мини-приложение, которое применяет эти концепции для отображения определенных местоположений, используя для этого Mapbox и Vue.js 2.6.11. .
ПодробнееНачало работы с вебпаком
Современные браузеры обеспечивают хорошую поддержку модулей JavaScript, но сборщики модулей, такие как webpack, остаются важной частью цепочки инструментов JavaScript. Давайте углубимся в то, что такое веб-пакет и как его использовать в рабочем процессе разработки.
ПодробнееУправление общим состоянием в Vue 3
Написание крупномасштабных приложений Vue может оказаться сложной задачей. В этой статье Шон Уайлдермут подробно рассматривает плюсы и минусы таких подходов, как фабрики, общие объекты и использование Vuex. Он также объясняет, что будет в Vuex 5.0, что может изменить то, как мы все используем общее состояние в Vue 3.
ПодробнееКак исправить проблемы с кумулятивным смещением макета (CLS)
Инициатива Google Core Web Vitals произвела фурор в мире SEO и веб-производительности, и многие сайты заняты оптимизацией своих страниц, чтобы максимизировать фактор ранжирования. Метрика Cumulative Layout Shift вызывает проблемы на многих сайтах, поэтому давайте рассмотрим способы решения любых проблем с этой метрикой.
ПодробнееПовышение производительности интернет-магазина (кейс)
Получить хорошую оценку производительности от Google сложно для любого веб-сайта, но сделать это для интернет-магазина еще сложнее. Мы получили зеленые оценки — даже несколько для мобильных устройств. Вот как мы это сделали.
ПодробнееДобавление системы комментариев в редактор WYSIWYG
В этой статье мы будем повторно использовать базовый редактор WYSIWYG, созданный в первой статье, для создания системы комментариев для редактора WYSIWYG, которая позволяет пользователям выбирать текст внутри документа и делиться своими комментариями к нему. Давайте копать!
Подробнее