Полезные сайты и программы

FastTagsColor

Трудовые будни web-мастера заключаются в многократном переписывании сотен, а то и тысяч строк кода. Добавив сюда обязательное знание языков разметки и веб-программирования, становится понятным, что такие объемы информации держать в голове просто нереально. Существует множество инструментов, предназначение которых – облегчить каждодневный труд верстальщика или дизайнера сайтов – от простых плагинов для браузера до тяжелых надстроек для системы управления контентом.

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

Это программа FastTagsColor.

Самая ответственная часть – установка!

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

Поехали!

Как первый, так и все последующие не отличаются друг от друга. Вот так выглядит главное, оно же единственное рабочее окно программы:

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

Возможности программы

Итак, чем может помочь эта программа разработчику сайта? Название говорит само за себя. Быстрое управление тегами и цветами.

Основной, конечно же, является возможность управления цветом. Эту возможность чаще всего используют веб-мастера при создании или редактировании шаблонов, стилей, отдельных модулей сайта. При написании кода, цвет задается в виде закодированной шестнадцатеричной строки. Крайне неудобно бывает лезть в отдельные таблицы или тот же фотошоп, чтобы посмотреть, что это за цвет или выбрать код для интересующего оттенка. Все это FastTagsColor сделает сама. Более того, выбрав нужный цвет в палитре, автоматически сформируются строки для изменения цвета фона страницы или текста. Достаточно будет нажать кнопку «Копировать», и строка сохранится в буфере обмена.

В строке «Код цвета» содержится значение цвета в HEX, его можно вставлять в любые графические редакторы. В строках «Для фона» и «Для текста» появляются атрибуты для CSS-файла стилей.

Подбор цветовых решений – это не все, на что способна FastTagsColor.

В правой верхней части окна программы FastTagsColor группируются инструменты для управления различными тегами. Первые три группы предназначены для изменения параметров отображения текста:

  • выравнивание (по левому краю, по правому или по центру);
  • выделение текста (жирным, курсивом, подчеркиванием, зачеркиванием);
  • отступ текста (сверху, снизу, справа, слева). По умолчанию задан в 10px.

Следующая функция делает текст невидимым (добавляет свойство visibility:hidden).

Приложение дает возможность управлять вставкой HTML-ссылки, картинки или ссылки в формате BBCode. При нажатии на соответствующую кнопку необходимо вписать адрес ссылки, и она сформируется автоматически.

В случае, когда веб-мастер собирается скрыть какую-то ссылку или часть текста от роботов поисковых систем, он чаще всего пользуется атрибутами <noindex> и <rel=”nofolow”>. В этой программе предусмотрена возможность прописывать ссылки и закрывать их сразу одним из указанных способов, либо обоими сразу.

В чем же преимущества? Все эти теги и атрибуты очень часто используются при написании даже простейших страниц. Что же говорить о сложных проектах? Теперь нет необходимости каждый раз набирать их вручную, достаточно нажать на нужную кнопку, прописать саму ссылку или текст и все остальное FastTagsColor сделает за пользователя.

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

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

Это такие страницы как:

  • сервис от Яндекс, позволяющий настроить параметры оптимизации сайта и просмотреть собранную информацию о нем (https://webmaster.yandex.ru/);
  • такой же сервис от Google (https://www.google.com/webmasters/tools/home);
  • Мониторинг апдейтов Yandex (http://tools.promosite.ru/);
  • Сервис добавления новых URL в базу данных Yandex (https://webmaster.yandex.ru/addurl.xml);
  • Сервис подбора ключевиков (https://wordstat.yandex.ru/);
  • Проверка траста (http://xtool.ru/);
  • Проверка орфографии он-лайн (https://webmaster.yandex.ru/spellcheck.xml);
  • Инструменты SEO-аудита (http://www.sbup.com/);
  • Сервис, позволяющий провести полный аудит доменного имени (http://www.cy-pr.com/);
  • Инструменты для проверки Google PR, Yandex ТИЦ, анализа ссылок (http://www.my-seotools.ru/);

Заключение

Вот такую замечательную программу представил общественности студент из Санкт-Петербурга Андрей Серебряков.

Отметим еще раз ее плюсы:

  • она не требует установки;
  • работать в ней проще простого;
  • она не занимает ресурсы локального компьютера или сервера;
  • позволяет ускорить разработку веб-проекта;
  • доступна в понимании даже новичкам;
  • абсолютно бесплатна.

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

К тому же, автор обещает учитывать пожелания пользователей и обещает регулярное обновление.