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

0 to 255

0to255

0 to 255 — простой инструмент, помогающий веб-дизайнерам подобрать цветовые hex (#) коды.

Spritebox является инструментом WYSIWYG, который помогает веб-дизайнерам быстро и легко создавать CSS классы и IDs из одного спрайт-изображения. Он основан на принципе использования свойства фоновой позиции выравнивать зоны спрайт-изображений в блочные элементы веб-страницы. Он был создан из комбинации JQuery, CSS3, HTML5 и абсолютно бесплатен.

jsFiddle

он-лайн редактор для веб-дизайнеров

jsFiddle – площадка для веб-разработчиков, инструмент, который может использоваться для различных целей. Его можно использовать как он-лайн редактор HTML, CSS и JavaScript (для фрагментов кода). И этот код может использоваться везде, в том числе внедряться в блоги и т.д.

Frame Box

frame-box

Frame Box очень простой он-лайн инструмент для создания макетов сайтов и совместного использования, например, с клиентами. Как работает? Вы выбираете из подготовленных элементов (кнопки, ссылки, формы) макет сайта и высылаете ссылку на него клиентам. Все просто.

CSS3 Generator

css3-generator

CSS3 Generator простой инструмент, который создает некоторый кроссбраузерный CSS3 код, на основе заданных вами значений. Если коротко, то выбираете CSS3 свойство (например: border-radius), задаете заначение (например: 10px), а программа выдает вам CSS код.

ProCSSor

ProCSSor

ProCSSor – мощный (и совершенно бесплатный) инструмент  “для причесывания” CSS, который позволяет вам форматировать CSS как вам захочется. Он дает возможность сделать ваш CSS код читабельным и при минимуме затрат усилий.

Super Conversion Button

super-conversion-button

Этот маленький инструмент позволит Вам создать красивую, эффективную “призывающую к действию” (call-to-action) кнопку.

Wordmark.it

wordmark-it

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

Источник статьи.