11 новых профессиональных веб-инструментов для дизайнеров

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

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

Поделитесь этой библиотекой инструментов с коллегами

1. Typegenius

Сервис Typegenius поможет вам подобрать идеальное сочетание шрифтов для проекта.

Сервис Typegenius поможет вам подобрать идеальное сочетание шрифтов для проекта. Первый шаг – выбор основного шрифта. Далее сервис сам подберет вам шрифты, которые будут лучше всего сочетаться с основным.

Сайт: Typegenius

2. Preloaders.net

Preloaders.net - бесплатный генератор анимированных GIF и APNG прелоадеров

Preloaders.net – бесплатный генератор анимированных GIF и APNG прелоадеров, которые отображают процесс загрузки. На главной странице сервиса отображены все категории картинок-загрузчиков. Выбрав нужную категорию и прелоадер, вы можете отредактировать его основные свойства, такие как:

  • тип изображения;
  • цвет фона;
  • скорость анимации и так далее.

После завершения всех изменений остается только нажать кнопку «Скачать». Причем также можно выбрать «Дополнительные опции загрузки».

Сайт: Preloaders.net

3. X-Icon Editor

Простой онлайн-редактор иконок для сайтов. Создан на основе HTML5

Простой онлайн-редактор иконок для сайтов. Создан на основе HTML5. Очень хорошо подходит для создания Favicon.

Имеется функция импорта своего изображения и возможность просмотра фавикона в адресной строке без загрузки на сайт.

Сайт: X-Icon Editor

4. Ink by Zurb

Ink by Zurb - веб-инструмент, позволяющий создавать адаптивные HTML-письма

Ink by Zurb – веб-инструмент, позволяющий создавать адаптивные HTML-письма, которые будут одинаково отображаться на любых устройствах.

На сайте представлены готовые шаблоны, которые не требуют оптимизации под смартфоны, или различные почтовые клиенты.

Сайт: Ink by Zurb

5. Screenfly

Как свёрстанная страница будет отображаться на разных устройствах и мониторах?

Как сверстанная страница будет отображаться на разных устройствах и мониторах? Увидеть это поможет сервис Screenfly. Достаточно ввести в поле ссылку сайта и нажать кнопку «GO».

Затем вверху можно будет выбрать экран любого гаджета.

Сайт: Screenfly

6. Webydo

Webydo автоматически конвертирует ваш дизайн в HTML-код

Еще один конструктор для создания сайта. Webydo автоматически конвертирует ваш дизайн в HTML-код.

Есть возможность создать анимацию с уникальными путями движения и скоростью, используя визуальный интерфейс, без написания кода. Для каждого создаваемого сайта Webydo также создает свою CMS.

Сайт: Webydo

7. Creately

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

Creately – удобный и простой инструмент для создания графиков и диаграмм. Интуитивно понятный интерфейс и богатый функционал помогут создать качественную презентацию для различных конференций и деловых встреч.

Сайт: Creately

8. Enjoycss

Enjoycss - бесплатный сервис для генерации CSS-стилей

Enjoycss – бесплатный сервис для генерации CSS-стилей. С его помощью можно задать выбранному элементу фон, тени, переходы и так далее. На выходе вы получаете готовый css-код отредактированного объекта. Также имеется своя галерея готовых решений.

Сайт: Enjoycss

9. Da button factory

Красивые кнопки для сайта можно создать с помощью Da button factory

Красивые кнопки для сайта можно создать с помощью Da button factory.  На сайте вы найдете простой и интуитивно понятный онлайн-редактор, где можно поменять текст, шрифт, фон и другие свойства кнопки.

Сайт: Da button factory

10. Invision App

Invision App - платформа для командной разработки макетов сайтов и приложений

Invision App – платформа для командной разработки макетов сайтов и приложений. С помощью нее все этапы создания продукта могут контролировать как разработчики, так и заказчики.

Сайт: Invision App

11. Awesomplete

Awesomplete - стильный и легко настраиваемый виджет для автозаполнения форм

Awesomplete – стильный и легко настраиваемый виджет для автозаполнения форм. Полностью соответствует стандартам современных браузеров. Все исходники доступны по ссылке и на GitHub.

Сайт: Awesomplete