проверка HTML – Веб-студия EIPE – создание и продвижение сайтов в Клину

Несколько UX рекомендаций для улучшения веб сайта

sproadmin — Thu, 22 Dec 2016 17:31:36 +0000

Сегодня мы рассмотрим несколько наиболее действенных UX рекомендаций для улучшения веб-сайта. Итак, приступим.

Привлекательные иллюстрации вместо фотоснимков

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

Используйте эмблемы

Эмблема веб-сайта простой, но довольно действенный способ повысить лояльность посетителей к вашему сайту. Эмблема может достаточно много рассказать о вашем бренде и является определенным проявлением личностных характеристик вашего дизайна.

Не стоит забывать о фоновых изображениях

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

Лучшие инструменты для веб разработчиков

sproadmin — Thu, 22 Dec 2016 12:10:03 +0000

sloc
Инструмент, который представляет собой командную строку для осуществления сбора статистических данных исходного кода. На выходе пользователь получает простой список, но при желании результат может быть преобразован в CSV или даже таблицу CLI.

VisSense.js
Специальная библиотека, которая предназначена для исследования DOM. Основной особенностью данной библиотеки является то, что она работает с элементами вне поля экрана. При этом стоит отметить, что библиотека не используется для вещей: display: none и visibility: hidden.

Sass Director
Простой Sass инструмент, который может быть очень полезен при разработке новых Sass проектов. На основании кода манифест файла инструмент создает команду, после реализации которой автоматически строится структура проекта.

Awesomplete
Независимый скрипт автозаполнения. Скрипт используется без привлечения дополнительного кода JavaScript кода и предлагает широкие функциональные возможности для опытных пользователей.

Проверка кода веб-сайта

sproadmin — Thu, 22 Dec 2016 12:00:02 +0000

Проверка кода сайта называется литингом. Проверка кода осуществляется с целью анализа кода на его соответствие существующим правилам веб-програмирования. Такая проверка является обязательным мероприятием, ведь именно от правильности кода во многом зависит нормальная работоспособность сайта.

Проверка кода может приобретать разные формы:
– для проверки HTML это валидация. Сама проверка может включать в себя анализ на соответствие общим принципам, например, это может быть анализ соответствия стандартам отступа во вкладках;
– в случае с проверкой таблицы стилей то здесь все не так просто как в случае с HTML. Вместе с тем, стоит отметить, что многие препроцессоры, имеют встроенные инструменты для проверки. Сама проверка осуществляется для анализа правильности объявления свойств и их совместимости;
– проверка JavaScript. Проверка JavaScript осуществляется с использованием специальных инструментов, например – ESLint.