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

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

Сегодня делимся с вами подборкой полезных сервисов и библиотек, которые сэкономят время дизайнерам и веб-разработчикам.

Color — A Matching Game 
Игра, которая приучает чувствовать цвет. В ней 6 уровней, каждый сложнее предыдущего.

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

Pattern Library 
Библиотека качественных бесшовных паттернов.

Character Code 
Справочник самых ходовых символов — показан вместе с HTML-кодом, кодом в hex и описанием каждого символа.

Sizzlepiq 
Можно проверить, как изображение на сайте будет выглядеть на десятках разных устройств, от маленького телефона до Retina. Загружать картинки можно сразу папкой.

Flakes 
Open-source фреймворк для разработки дизайна и интерфейса бизнес-приложений. Представляет собой набор CSS, javascript-библиотек и других полезностей.

Evil-Icons 
Набор иконок в формате SVG от российских разработчиков. Можно легко начать работать с Rails, Sprockets, Node.js, Gulp, Grunt и CDN.

Material Palette 
Генератор палитр для тех, кому полюбился Material Design. Выбираете два цвета и получаете полную палитру, которую можно скачать.

UXCheck 
UX Check — это расширение для браузера Google Chrome, которое ищет и выделяет проблемы в юзабилити. Отметки затем можно экспортировать.

Apple Pie 
Набор CSS-инструментов для разработки продвинутых веб-интерфейсов. Упрощает работу с кодом и его организацию благодаря семантическому подходу к CSS.

Frame 
Онлайн-создание макапов. Загружаете, выравниваете изображения, и все готово. Полезно, если нужно быстро показать верстку сайта.

JS Nice 
Анализирует JS-скрипт, загруженный вами, и переименовывает переменные и параметры (сервис использует данные, основанные на сотнях open source проектов).

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

Семинары