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

[Sirop 964]

1 - http://type.method.ac/#

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

 

2 - http://color.method.ac/

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

 

3 - http://webfont.ru/

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

 

4 - http://thepatternlibrary.com/

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

 

5 - http://character-code.com/

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

 

6 - https://www.sizzlepig.com/

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

 

7 - http://getflakes.com/

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

 

8 - http://evil-icons.io/

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

 

9 - http://getskeleton.com/

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

 

10 - http://www.materialpalette.com/

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

 

11 - http://www.uxcheck.co/

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

 

12 - http://www.apppie.org/

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

 

13 - http://frame.lab25.co.uk/

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

 

14 - http://jsnice.org/

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

 

15 - http://www.hipsterlogogenerator.com/

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

 

(с)

[Idea 1]

1 - http://type.method.ac/#

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

 

2 - http://color.method.ac/

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

 

3 - http://webfont.ru/

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

 

4 - http://thepatternlibrary.com/

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

 

5 - http://character-code.com/

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

 

6 - https://www.sizzlepig.com/

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

 

7 - http://getflakes.com/

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

 

8 - http://evil-icons.io/

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

 

9 - http://getskeleton.com/

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

 

10 - http://www.materialpalette.com/

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

 

11 - http://www.uxcheck.co/

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

 

12 - http://www.apppie.org/

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

 

13 - http://frame.lab25.co.uk/

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

 

14 - http://jsnice.org/

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

 

15 - http://www.hipsterlogogenerator.com/

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

 

(с)

Заинтриговал ;) Лови репку :thumbsup:

[Sirop 964]

Заинтриговал ;) Лови репку :thumbsup:

первые две не только полезны, но и залипательны)

[NIGHTEAL 1,448]

https://coolors.co/

[Idea 1]

первые две не только полезны, но и залипательны)

Успела только 2-ое посмотреть, потом свет рубанули, залипла :D