SEO блог Михаила Шакина

77 способов сделать жизнь веб-дизайнера легче

Содержание

Инструменты по работе с цветом

Выбор цветовой гаммы- непростое дело. В этом вам помогут следующие полезные инструменты:

Полезная статья на английском: Find the Perfect Colors for Your Website.

Готовые меню для сайта на основе CSS

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

Фотографии для вашего сайта

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

Иконки

Заготовки для шаблонов WordPress

Если вы сами создаете шаблоны для WordPress, то вы сможете сэкономить себе массу времени, загрузив эти заготовки для шаблонов (от Tomorrow’s Laundry).

Шаблоны сайтов на основе CSS

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

  • Layout-O-Matic - Сервис позволяет создать собственные шаблоны сайтов на основе CSS.
  • CSS Creator - генератор CSS шаблонов.
  • Layout Gala - Коллекция шаблонов для сайтов.
  • Open Designs - Бесплатные шаблоны.
  • Open Source Templates - Еще масса бесплатных шаблонов сайтов.

Сервис по проверке неработающих ссылок

Неработающие ссылки отрицательно влияют на посетителей. Для быстрой и регулярной проверки неработающих ссылок воспользуйтесь этими сервисами:

Проверка сайта в разных браузерах

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

🔥 Кстати! Я провожу платный курс по продвижению англоязычных сайтов SEO Шаолинь. Если интересует, можете купить на его сайте seoshaolin.com. Для своих читателей делаю хорошую скидку по промокоду "блог". Для получения скидки пишите мне на globatorseo@gmail.com с темой "Курс" или в Telegram @mikeshakin.

Приглашаю вас подписаться на мои каналы в Telegram:

@shakinru - продвижение в рунете.
@burzhunet - англоязычное SEO.

Также можете ознакомиться с этой статьей (на английском): Effectively Testing Your Website in Multiple Browsers.

Валидаторы

Валидность кода Вашего сайта можно проверить с помощью этих полезных сервисов:

Скрипты

Нет необходимости придумывать колесо. Сэкономьте время, используя готовые и успешно работающие скрипты:

Генератор фавиконок

Фавиконки (маленькие изображения с логотипом сайта в адресной строке браузера, а также слева от названия сайта в результатах поисковиков) становятся все более популярны. Используя эти сервисы можно легко и быстро создать свой фавикон:

Шрифты

Шрифты очень важны в дизайне. Вот подборка прекрасных сайтов со множеством шрифтов:

Web 2.0 Инструменты

Большинство современных web 2.0 и социальных медиа сайтов имеют схожие элементы дизайна. Попробуйте эти сайты для создания современного и эффектного дизайна:

Генераторы кнопок

Кнопки повсюду. Они легко и просто создаются с помощью этих инструментов:

Генератор градиентов

Градиент- неотъемлемая часть стиля web 2.0. С этими инструментами вы сможете создать любой градиент в несколько кликов:

Круглые углы

Блоки меню с круглыми углами теперь может создать каждый:

Картинки комментариев и цитат на основе CSS

Картинки комментариев и цитат придадут вашему дизайну индивидуальность:

Иструменты CSS

Если вы хотите очистить, оптимизировать и уменьшить размер кода своего файла CSS, то эти инструменты как раз для вас:

DHTML Меню для сайта

Xtreeme DHTML Menu Studio платный инструмент для быстрого создания динамических меню для сайта.

Полезное

  • Web Host Uploader
    - Простой инструмент, позволяющий загружать обновления на сайт одним кликом. Избавляет от необходимости загружать новые файлы по FTP вручную.
  • Веб Стандарты от Max Design.
  • Firebug Адд-он для браузера Firefox - Работайте с кодами CSS, HTML и JavaScript на любой странице любого сайта.
  • Web Developer Firefox Адд-он - Тулбар для браузера Mozilla Firefox с массой полезных опций для веб-дизайнера.

Источник

Перевод с английского: Глобатор

Подпишитесь на рассылку блога с полезными материалами по SEO


Меня зовут Михаил Шакин, я автор этого блога, занимаюсь SEO с 2006 года. Вы можете заказать у меня консультации по продвижению вашего сайта в рунете или англоязычном интернете. Мои контакты.