Главная » Архив меток: Статьи по сайтостроению

Архив меток: Статьи по сайтостроению

Прогрессивное улучшение шрифтов на сайте

От автора: недавно я имел честь поучаствовать в качестве приглашенного эксперта в работе Рабочей группы W3C по веб-шрифтам. Ранее группа отвечала за предоставление нам стандартов форматов шрифтов WOFF и WOFF2, и ее устав был расширен для работы над чем-то новым: решение проблемы производительности при загрузке шрифтов на сайт. Это действительно важная задача, особенно в связи с появлением переменных шрифтов. Я ...

Читать далее »

Именование для улучшения доступности

От автора: одна вещь, которую вы можете сделать для улучшения доступности вашего проекта — это всегда обеспечивать доступность имен. Уникальные и полезные имена, в идеале, чтобы их можно было использовать для навигации. В этом посте я объясню, как браузеры выбирают имена для ссылок, полей форм, таблиц и групп форм. Дерево доступности Когда пользователь заходит на ваш сайт, сервер отправляет в ...

Читать далее »

Типы виртуальных клавиатур для телефонов и прочих мобильных гаджетов

От автора: виртуальные клавиатуры потрясающи. Используй их. Один из самых простых, дешевых, быстрых и эффективных способов улучшить мобильный опыт — использовать правильный тип элемента ввода. Это сэкономит пользователю десятки раздражающих касаний, и все, что ему нужно будет сделать, это нажать несколько клавиш. Это не изменит ужасного мобильного опыта, но может определить разницу между хорошим и прекрасным. Есть десятки типов элементов ...

Читать далее »

Все о почтовых ссылках: работа с mailto HTML

От автора: вы можете сделать так, чтобы ссылка открывала почтовую программу по умолчанию. Давайте немного глубже рассмотрим mailto HTML. Она довольно проста в использовании, но, как и в случае практически всего остального в Интернете, есть много вещей, на которые стоит обратить внимание. Основной функционал <a href="mailto:someone@yoursite.com">Email Us</a> Это работает! Но мы сразу же сталкиваемся с несколькими проблемами UX. Одной из ...

Читать далее »

10 обязательных для отслеживания показателей веб-эффективности сайта

От автора: показатели веб-эффективности определяют эффективность веб сайта (или ее отсутствие), а также любого отдельного аспекта его производительности. Первым шагом в улучшении производительности сайта является ее измерение. Веб-аналитика, например рейтинг кликабельности, показатель отказов, бизнес-транзакции и продажи, время отклика, использование веб-сервера, взаимодействие с социальными сетями и многие другие ключевые показатели эффективности, помогут обеспечить оптимальную работу вашего сайта. Как только вы начнете ...

Читать далее »

Топ 5 мега-трендов front-end разработки, которые нужно знать

От автора: часто веб-разработка связана с ошеломляющим опытом. Я постоянно стараюсь оставаться в тренде, изучая новые фреймворки, новые функции языков, иногда изучая совершенно новые языки. Неудивительно, что front-end разработчики часто испытывают стресс. Но надежда есть: в последние несколько лет, несмотря на то, что все еще происходят чрезвычайно быстрые изменения, и возникают новые среды и пакеты, также произошла некоторая консолидация концепций ...

Читать далее »

Основные тренды веб-разработки в 2019 году

От автора: умные разработчики всегда ищут способы адаптации в постоянно меняющемся мире веб-разработки. По мере появления трендов появляются и новые возможности. 20 лет назад никто не мог представить, как будет выглядеть Сеть сегодня, поэтому кто знает, что будет в ближайшие десятилетия. Осведомленность о последних трендах веб-разработки в конечном итоге может помочь вам найти работу. Вот основные тренды веб-разработки 2019 года, ...

Читать далее »

Планирование адаптивных изображений

От автора: эта статья направлена на предоставление простых, но эффективных рекомендаций по настройке адаптивных изображений и макетов с учетом множества — и потенциально запутанных — доступных вариантов. В первый раз, когда я сделал адаптивное изображение, это было просто написание следующих четырех строк: img { max-width: 100%; height auto; /* default */ } Хотя это помогло мне как разработчику, это не ...

Читать далее »

Секреты Chrome DevTools: запуск, сеть и производительность

От автора: за последнее десятилетие инструменты разработчика браузеров (браузер DevTools) превратились из базовых JavaScript-консолей в полностью интегрированные среды разработки и отладки. Стало возможным изменять и проверять любой аспект вашего веб-приложения, но лишь немногие из нас выходят за рамки базового использования. В этой серии статей мы рассмотрим ряд функций, которые вы могли бы (или нет) использовать. Chrome DevTools описаны во множестве ...

Читать далее »

Сколько стоит создание сайта в 2019 году?

От автора: как веб-дизайнер, вы можете подумать, что то, что вам платят за создание сайтов, неважно, если у вас есть деньги в банке. Но важно. В этом руководстве рассматриваются три способа назначения цены за услуги веб-дизайнера, и как вы можете найти идеальный тариф для клиентов в 2019 году. Когда владелец бизнеса нуждается в новом веб-сайте, один из первых вопросов, на ...

Читать далее »