Полезные инструменты для дизайнеров и разработчиков.

Инструменты для работы с цветом

1. Colllor

   очень полезный и удобный сервис: просто выберите нужный цвет и вы получите набор оттенков и комбинаций.

2. paletton

   очень полезный и удобный сервис: просто выберите нужный цвет и вы получите набор оттенков и комбинаций.

3. colorscheme

   очень полезный и удобный сервис: просто выберите нужный цвет и вы получите набор оттенков и комбинаций.

4. 0to255

   простой инструмент, который помогает подобрать цветовые hex-коды.

Инструменты для написания css

1. CSS Warp

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

2. Css3 mikeplate

   онлайн-площадка для написания css3-кода, которая поможет значительно облегчить и ускорить процесс работы.

3. prefixr

   сервис, который проверяет, правильно ли вы указали все префиксы для браузеров.

4. DirtyMarkup

   помогает легко почистить даже самый грязный код. Просто вставьте код в редактор и нажмите «CLEAN».

5. Bear CSS

   загрузите ваш html-файл и получите файл css с названиями стилей.

Инструменты для работы с типографикой

1. Google Web Fonts

   eсли вы ещё почему-то не пользуетесь этим сервисом, очень рекомендуем. Большое количество бесплатных шрифтов (и кириллических в том числе), которые легко подключаются к html-документу в режиме онлайн.

2. WhatTheFont

   сервис для определения шрифта на картинке. Залейте изображение с шрифтом, чтобы узнать какой шрифт используется (вы также получите подборку похожих вариантов).

3. csstypeset

   генерирует код css для шрифта в режиме онлайн.

4. Fontdragr

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

Инструменты для создания структуры страниц

1. wirify

   позволяет моментально конвертировать любую страницу в каркасную модель.

2. Gliffy

   бесплатное программное обеспечение для построения каркаса страницы. Для того, чтобы приступить к работе, нажмите кнопку «TRY IT NOW».

3. The Pencil Project

   инструмент для создания диаграм и прототипов GUI.

Другие инструменты

1. LoremPixum

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

2. Myjqueryplugins

   позволяет настраивать и создавать выпадающее jquery-меню в режиме онлайн.

3. Unheap

   Сборник jQuery плагинов для фроненда

4. Chart.js

   Потрясающие интерактивные графики и диаграммы на HTML5 Canvas

5. CodePen

   Лучшее место для создания, тестирования и изучения интерфейсного кода.

6. Bootstrap

   Свободный набор инструментов для создания сайтов и веб-приложений

7. colorzilla

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

8. Material Design Icons

   Огромная коллекция иконок от Google в двух размерах SVG, с CSS спрайтами и во всех размерах PNG для мобильников и веба.