Полезные сервисы для веб-дизайнера

     1. Wordmark.it

Сервис для подбора шрифтов Wordmark.it — позволяет увидеть написание заданной фразы со всеми шрифтами, установленными на вашем компьютере. Имеет удобные фильтры, быструю загрузку, но нет возможности задать цвет фона и букв.

     2. Spritebox

Spritebox предназначен для «нарезки» картинок на спрайты. Загружаете картинку, выделяете нужные области, пара кликов — и у вас есть готовые css-стили для спрайтов.

  • CSS-спрайты — это представление большого количества мелких картинок, путем создания одной большой картинки, что существенно экономит время загрузки и ресурсы сервера (запрос идет всего-лишь на одну картинку, вместо всех).

     3. CSS3 Generator

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

      4. ProCSSor

ProCSSor — инструмент для проверки/форматирования css-стилей. Загружаете свой styles.css, выбираете настройки форматирования и получаете на выходе красивый валидный css-код.

      5. Super Conversion Button

Super Conversion Button — инструмент для быстрого создания дизайнов кнопок. Просто выбираете стили, цвета, текст надписи и т.д.

       6. 0 to 255

0 to 255 — простой и удобный сервис подбора оттенков цветов

      7. Frame Box

Frame Box — сервис для создания так называемых «wireframes» — структурных схем таблиц. Очень полезная вещь на стадии проектирования разметки новых сайтов или каких-либо веб-интерфейсов. Созданные схемы можно сохранять, а также делиться ссылками на них.

      8. jsFiddle

Сервис jsFiddle — эдакая «песочница» для веб-разработчиков. Рабочая часть окна разделена на 4 части: HTML, CSS, JavaScipt и результат. В меню слева выбираем js-фреймворк, библиотеки к нему, спецификацию HTML и т.д. В соответствующих частях рабочей области пишем код — и незамедлительно видим готовый результат. Проекты можно сохранять и делиться ими.

    9. Designmodo

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

    10. Fake images please?

При разработке дизайна, да и не только, остаются пустые блоки, например под рекламу. И в эти блоки обычно вписывают размер блока, для того чтобы рекламодатель видел размер и смог сделать баннер под указанный размер. Сервис Fake images please? позволяет заполнять данные блоки очень быстро. Вам нет необходимости самостоятельно создавать изображение или прописывать всё в CSS файле.

    11. MyScriptFont

Cоздание собственного шрифта. Вы можете создать свой шрифт всего за пару шагов: скачать шаблон с буквами, нарисовать буквы, сканировать буквы и загрузить на сайт. Затем вы можете скачать и установить данный шрифт.

    12. Сolor Scheme Designer

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