15 полезных сервисов для дизайнеров и веб-разработчиков

Дабы начать публиковать посты с обучалками в photoshop CS6 и Illustrator,хотелось бы уточнить что я их не выдумываю сам,да я ворую выискиваю с разных ресурсов.Я также как и вы пытаюсь немного научиться дизайну,так что я попросту не могу сам выдумывать уроки,по этому я их заимствую.

Ну что ж начнем.

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

Kerntype

15 полезных сервисов для дизайнеров и веб-разработчиков полезные сайты, дизайн, список, сайт, длиннопост

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

Color — A Matching Game

15 полезных сервисов для дизайнеров и веб-разработчиков полезные сайты, дизайн, список, сайт, длиннопост

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

Webfont

15 полезных сервисов для дизайнеров и веб-разработчиков полезные сайты, дизайн, список, сайт, длиннопост

Отечественный сервис Webfont.ru — каталог бесплатных шрифтов для использования в вебе. Можно подключать шрифт напрямую с сайта, можно через плагин для редактора (Sublime Text 2, PHP Storm, NotePad++), можно просто скачать в нескольких форматах. С его помощью можно подгрузить на сайт нестандартные шрифты. Всего около 450 шрифтов, из них около 300 поддерживают кириллицу.

Pattern Library

15 полезных сервисов для дизайнеров и веб-разработчиков полезные сайты, дизайн, список, сайт, длиннопост

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

Character Code

15 полезных сервисов для дизайнеров и веб-разработчиков полезные сайты, дизайн, список, сайт, длиннопост

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

Sizzlepiq

15 полезных сервисов для дизайнеров и веб-разработчиков полезные сайты, дизайн, список, сайт, длиннопост

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

Flakes

15 полезных сервисов для дизайнеров и веб-разработчиков полезные сайты, дизайн, список, сайт, длиннопост

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

Evil-Icons

15 полезных сервисов для дизайнеров и веб-разработчиков полезные сайты, дизайн, список, сайт, длиннопост

Набор иконок в формате SVG от российских разработчиков. Поддерживает Rails, Sprockets, Node.js, Gulp, Grunt и CDN.

Skeleton

15 полезных сервисов для дизайнеров и веб-разработчиков полезные сайты, дизайн, список, сайт, длиннопост

Для тех, кому горит — Skeleton в 400 строк кода, простой адаптивный шаблон. Можно сразу приступать к разработке.

Material Palette

15 полезных сервисов для дизайнеров и веб-разработчиков полезные сайты, дизайн, список, сайт, длиннопост

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

UXCheck

15 полезных сервисов для дизайнеров и веб-разработчиков полезные сайты, дизайн, список, сайт, длиннопост

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

Apple Pie

15 полезных сервисов для дизайнеров и веб-разработчиков полезные сайты, дизайн, список, сайт, длиннопост

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

Frame

15 полезных сервисов для дизайнеров и веб-разработчиков полезные сайты, дизайн, список, сайт, длиннопост

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

JS Nice

15 полезных сервисов для дизайнеров и веб-разработчиков полезные сайты, дизайн, список, сайт, длиннопост

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

Hipster Logo Generator

15 полезных сервисов для дизайнеров и веб-разработчиков полезные сайты, дизайн, список, сайт, длиннопост

Если клиенты вас достали и вы просто хотите побыть немного ленивым хипстером — генератор хипстерских логотипов для вас. Не забудьте добавить немного свэга.Посмотрите какая красота сверху получилась.

Ждите новых постов.С вами ваш PiRaT15

Ссылка на источник

Добавить комментарий

Ваш адрес email не будет опубликован.