- PVSM.RU - https://www.pvsm.ru -

от дизайна к разработке: 10 инструментов, которые помогут улучшить и оптимизировать рабочий процесс

от дизайна к разработке: 10 инструментов, которые помогут улучшить и оптимизировать рабочий процесс - 1

Только с помощью инструментов ремесленником не стать. Уверено можно сказать, что роль некоторых приложений сложно переоценить. В этой статье будут упомянуты 10 инструментов, которые смогут упростить рабочий процесс, создать творческое настроение. Надеюсь вы сможете вынести и для себе кое-что полезное, что оптимизирует и вашу работу. Итак начнем:

Atom [1]

Atom — текстовый редактор с открытым исходным кодом, разрабатывается командой Github. Его еще называют open source редактором ХХI столетия. Редактор не сложен в использовании, при этом предоставляет полную свободу для установок и расширения.

от дизайна к разработке: 10 инструментов, которые помогут улучшить и оптимизировать рабочий процесс - 2

Бесплатный текстовый редактор для OS X, Linux, Windows c поддержкой плагинов, которые написаны на Node.js, и встраиваемых под управлением Git Control. За счет кроссплатформенности, хорошо работает на всех популярных платформах. Функциональный интерфейс, встроенный менеджер плагинов, умное автозаполнение с гибкой настройкой, возможность разделять рабочую область на несколько независимых окон.

от дизайна к разработке: 10 инструментов, которые помогут улучшить и оптимизировать рабочий процесс - 3

Среди преимуществ — дополнение, темизация, кастомизация. Приложение создано с помощью HTML, CSS, Javascipt, Node.js, в основу положен специально разработанный вариант браузера Chromium.

Вы можете более детально ознакомится с работой редактора, почитать подробную документацию на сайте [2]

DragDis [3]

от дизайна к разработке: 10 инструментов, которые помогут улучшить и оптимизировать рабочий процесс - 4

Дизайнеры — люди творчества, всегда в поисках вдохновения. DragDis инструмент-муза, в котором можно его почерпнуть. Он прост в использовании, приложение представляет собой онлайн сервис для хранения интересных картинок, видео, текстов и ссылок; добавить пришедшийся Вам по душе контент вы можете- просто выделив его на странице и перетащив в открывающуюся в тот же момент панель. Панель работает благодаря установленному расширению (Chrome, Firefox, Safari).

iTerm 2 [4]

iTerm [5] являет собой альтернативу встроенному терминалу OS X, правда можно назвать пару особенностей: используя настройки iTerm2 получится назначить различные горячие клавиши для доступа к важным функциям, поддерживает Expose, что дает возможность быстро переключаться между открытыми окнами.

от дизайна к разработке: 10 инструментов, которые помогут улучшить и оптимизировать рабочий процесс - 5

Преимуществом данного приложения является автозаполнение, iTerm2 запоминает все команды, которые вы вводите и при следующем вводе команды достаточно нажать ⌘.

Muzli [6]

Muzli [6] представляет собой расширение для Chrome. Проще говоря Ваша домашняя страничка, которая будет подгружать новости с таких ресурсов как Designer News, Dribbble, Behance.

от дизайна к разработке: 10 инструментов, которые помогут улучшить и оптимизировать рабочий процесс - 6

Это приложение служит личным ассистентом, кладезем, ежедневно подгружая много интересного, полезного и вдохновляющего материала для творческой работы.

Noiz.io [7]

от дизайна к разработке: 10 инструментов, которые помогут улучшить и оптимизировать рабочий процесс - 7

Многим для творческой рабочей обстановки не хватает «атмосферности». Приложение Noizio помогает создать творческую атмосферу в вашем доме. Вы можете выбрать себя идеальный бекфон, например звук стучащего по крыше дома дождя, звуки кофейни, грозы или морских волн.

Invision [8]

Invision [8] сервис для превращения веб и мобильных дизайнерских идей в кликабельные и интерактивные прототипы и мокапы. Это платформа для совместной разработки макетов интерфейсов.

от дизайна к разработке: 10 инструментов, которые помогут улучшить и оптимизировать рабочий процесс - 8

Что касается прототипирования, то создание прототипов для приложений и сайтов — процесс довольно трудоемкий, требующий оперативного реагирования всей команды (разработчики, дизайнеры и тестировщики), а с платформой InVision можно получить мощный инструмент для разработки программного продукта, при этом все этапы смогут видеть и контролировать как разработчики, так и менеджмент компании и даже заказчики готового продукта.

What the Font [9]

Возможно, лучший сервис для идентификации шрифтов по картинкам. Все очень просто: загружаете картинку с примером шрифта, указываете, правильно ли сервис распознал буквы, после чего нажимаете на большую зеленую кнопку — выдается несколько наиболее похожих по начертанию шрифтов, среди которых можно найти 100% совпадение.

от дизайна к разработке: 10 инструментов, которые помогут улучшить и оптимизировать рабочий процесс - 9

Postman [10]

Postman — как Google Docs для API, платформа позволяет командам отслеживать изменения и работать совместно, разрабатывая API без сбоев и недопониманий. Удобный HTTP-клиент для тестирования веб-сайтов, считается хорошим расширений каталога Chrome Web Store,

от дизайна к разработке: 10 инструментов, которые помогут улучшить и оптимизировать рабочий процесс - 10

Postman можно приобрести бесплатно в виде расширения для Chrome. С его помощью вы можете отсылать любой тип HTTP-запросов (GET, HEAD, POST, PUT и т.д) с любым количеством параметров и заголовков.

от дизайна к разработке: 10 инструментов, которые помогут улучшить и оптимизировать рабочий процесс - 11

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

Wappalyzer [11]

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

от дизайна к разработке: 10 инструментов, которые помогут улучшить и оптимизировать рабочий процесс - 12

Этот плагин для Mozilla Firefox, который распознает CMS, плагины, библиотеки, используемые в работе сайтов, популярные open source движки (Drupal, Joomla!, TYPO3, WordPress), популярные веб-инструменты (jQuery, MooTools, osCommerce, Prototype, Google Analytics).

Boom 2 [12]

Boom [12] — эквалайзер, который улучшает звук на Mac. Идеально, если вы любите кодить под музыку. Приложение может увеличивать максимальный предел громкости на Mac. После настройки на главном экране приложения вы сможете регулировать максимальную границу громкости, настраивать эквалайзер и включать эффекты.

от дизайна к разработке: 10 инструментов, которые помогут улучшить и оптимизировать рабочий процесс - 13

Утилита Boom 2 — это современная и уникальная система управления эквалайзером, с использованием различных удивительных звуковых эффектов для улучшения качества звучания аудио на выходе. Приложение работает на Yosemite, поддержка 64-битной архитектуры и русского интерфейса (и многое другое).

Вот еще несколько приложений, которые могут вас заинтересовать: JSON Viewer for Chrome [13], Noon Pacific [14], Flux [15], Better Snap Tool [16].

Источник [17]

Автор: ua-hosting.company

Источник [18]


Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/veb-dizajn/158261

Ссылки в тексте:

[1] Atom: https://atom.io/

[2] документацию на сайте: http://blog.atom.io/2014/07/02/moving-atom-to-react.html

[3] DragDis: https://dragdis.com/

[4] iTerm 2: https://www.iterm2.com/

[5] iTerm : https://www.iterm2.com/index.html

[6] Muzli: https://muz.li/

[7] Noiz.io: http://noiz.io/

[8] Invision: https://www.invisionapp.com/

[9] What the Font: https://www.myfonts.com/WhatTheFont/

[10] Postman: https://www.getpostman.com/

[11] Wappalyzer: https://wappalyzer.com/

[12] Boom 2: http://www.globaldelight.com/boom/index.php

[13] JSON Viewer for Chrome: https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc?hl=en

[14] Noon Pacific: http://noonpacific.com/#/

[15] Flux: https://justgetflux.com/

[16] Better Snap Tool: https://itunes.apple.com/us/app/bettersnaptool/id417375580?mt=12

[17] Источник: https://medium.freecodecamp.com/from-design-to-development-10-tools-i-cant-live-without-96006445e636#.vw8uzpc8j

[18] Источник: https://habrahabr.ru/post/305784/?utm_source=habrahabr&utm_medium=rss&utm_campaign=best