Сайтостроение \ Статьи по сайтостроению

Анонс изменения размера изображений в Cloudflare: упрощение оптимизации доставки

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

Продолжить чтение

Сайтостроение \ Статьи по сайтостроению

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

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

Продолжить чтение

Сайтостроение \ Статьи по сайтостроению

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

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

Продолжить чтение

Сайтостроение \ Статьи по сайтостроению

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

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

Продолжить чтение

Сайтостроение \ Статьи по сайтостроению

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

От автора: вы можете сделать так, чтобы ссылка открывала почтовую программу по умолчанию. Давайте немного глубже рассмотрим mailto HTML. Она довольно проста в использовании, но, как и в случае практически всего остального в Интернете, есть много вещей, на которые стоит обратить внимание.

Продолжить чтение

Сайтостроение \ Статьи по сайтостроению

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

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

Продолжить чтение

Сайтостроение \ Статьи по сайтостроению

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

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

Продолжить чтение

Сайтостроение \ Статьи по сайтостроению

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

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

Продолжить чтение

Сайтостроение \ Статьи по сайтостроению

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

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

Продолжить чтение

Сайтостроение \ Статьи по сайтостроению

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

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

Продолжить чтение