Figma – дизайн сайтов, интерфейсы программ
Кто использует. Дизайнер, программист, аналитик.
Как используется. В Фигме дизайнеры рисуют интерфейс срм системы на основе прототипа (черновик интерфейса готовится в Balsamiq, об этой программе мы тоже расскажем). Перед тем, как выдать финишный вариант интерфейса, тот, в котором будут работать пользователи, макеты дизайна проходят через этапы правок и доработок, полученных от аналитика. Затем, согласованные макеты, отправятся программисту, он займется их версткой и интеграцией с кодом продукта.
Почему рекомендуем. Совместная работа над проектом, простое освоение, быстрота (прощай Фотошоп), история версий, работа с прототипами, выравнивание, работа со слоями и компонентами, фреймы, комментарии. Что не понравилось: работа с текстом – есть недостатки в абзацах, интервалах, отступах. Но это не критично, ведь Фигма, в первую очередь, является инструментом для веб-разработки, а не для работы с полиграфией.
Где еще используется. В разработке сайтов. Обычные сайты с шаблонным дизайном мы делаем в Тильде, но когда клиенту нужен сайт покруче (с уникальным дизайном и сложной структурой страниц), тогда на помощь приходит Фигма. Здесь, дизайнер рисует страницу за страницей, создает библиотеку состояний (кнопки, ссылки, текст, баннеры), передает готовые макеты верстальщику, который, в свою очередь, собирает верстку и интегрирует ее в WordPress. Получается «ничего себе какой хороший сайт!». Правда и сил тратится изрядно. В среднем, такие сайты устанавливаются на домен за полгода и стоят в разы дороже, чем обычные. Для сравнения, сайты на Тильде мы делаем на месяц.
Похожие программы – Sketch, Adobe XD, Photoshop.
Сколько стоит – бесплатно для 3-х проектов с двумя редакторами. Платные тарифы от 12 USD в месяц. Цены здесь.
Сайт – www.figma.com
Gitlab – сокровищница IT-разработчика, где хранится исходный код
Кто использует. Программист, тестировщик, аналитик, технарь.
Как используется. Gitlab – это сокровищница IT-разработчика, где хранятся и управляются репозитории (проекты) с исходным кодом продукта. Аналог GitHub, только менее популярный, но, на наш взгляд, более удобный. Здесь, программисты обновляют и проверяют код, делят проекты на выпуски, откатывают изменения, если есть в этом необходимость. Технари ставят задачи программистам, например, когда была обнаружена ошибка в продукте (тогда готовится срочный выпуск новой версии с исправлениями). Аналитики работают над своими задачами, чтобы, со временем, в продукте появились новые полезные функции. Тестировщики ставят задачи технарям на обновление продукта, когда проверят функционал новой версии на потенциальные сбои. Помогают им в этом чек-листы, которые тоже ведутся в задачах Гитлаба. Если есть совместные задачи между отделами, сотрудники ставят задачи друг на друга. Со всем этим Gitlab справляется на твердую пятерку, причем пользуемся мы лишь половиной всех возможностей сервиса.
Почему рекомендуем. Удобные задачи, продуманные роли пользователей, расширенный импорт/экспорт данных, подробная документация, история комментариев, бесплатные и частые обновления.
Похожие программы – GitHub.
Сколько стоит – мы установили Gitlab на свой Linux, поэтому пользуемся бесплатно. Установка осуществляется с помощью готовых пакетов из репозитория, почитать об этом можно здесь. Существуют платные тарифы от 4 USD за пользователя в месяц, ознакомьтесь со всеми тарифами здесь.
Сайт – about.gitlab.com
PhpStorm – кузница программиста
Кто использует. Программист, верстальщик.
Как используется. Если Гитлаб это место для хранения сокровищ, то PhpStorm – это кузница, в которой эти самые сокровища создаются. PhpStorm это редактор для PHP, HTML и JavaScript. Для программиста это основной рабочий инструмент, с его помощью и пишется исходный код продукта.
Почему рекомендуем. На наш взгляд PhpStorm является лучшей программой для web-разработки. Здесь удобно создавать скрипты и редактировать движки. Во время отладки продукта, за счет наглядных подсказок и навигации, отлавливать ошибки в коде одно удовольствие. Симпатичный и незапутанный интерфейс, стабильная и быстрая работа. Из более конкретных плюсов: интеллектуальный редактор PHP кода с подсветкой синтаксиса и автодополнением кода, визуальный отладчик, набор инструментов для фронтенд-разработки, SQL редактор, отладка и модульное тестирование для JS, поддержка HTML5, CSS, Sass, SCSS и т.д. В общем, в этой IT-кузнице множество фишек, которые, однозначно, пригодятся для web-разработки.
Похожие программы – Sublime Text, Atom.
Сколько стоит – первый год обойдется в 200 USD за пользователя, второй год в 160 USD, а третий и последующие года будет стоить 120 USD. Да, дороговато. Но вложения того стоят. Все условия тарифа здесь.
Сайт – www.jetbrains.com
SmartGit – контроля версий продукта
Кто использует. Программист, тестировщик.
Как используется. SmartGit – программа для управления репозиторием через графический интерфейс. Можно сказать, более развернуто – назначение SmartGit, это работа с системой контроля версий продукта (Git). Продукт постоянно дорабатывается и усложняется, и со временем, в нем появляются разные версии (билды). Неудивительно, что спустя годы, исходный код продукта обрастает тяжелой «мышечной массой» в виде десятков, а иногда, и сотен, мегабайтов нового кода (это очень много!). Такие изменения обязательно нужно отслеживать, иначе разработчик просто запутается в коде. Раньше, с этой задачей успешно справлялись несколько заученных команд в командной строке, но, с появлением таких программ-оболочек, как SmartGit, контроль за версиями значительно упростился.
В PhpStorm программисты изменяют исходный код продукта, затем изменения заливаются в одну из веток репозитория (помогает в этом наш любимый SmartGit). Для всех изменений оставляются так называемые «коммиты». Это комментарии, в которых, кроме текста изменений, можно посмотреть список изменяемых файлов, и узнать, какая часть, когда подверглась правке. С помощью SmartGit, тестировщики подгружают себе на компьютер разные версии продукта. Потом проверяют их на ошибки.
Почему рекомендуем. Наглядное дерево коммитов и их история, сравнение файлов, работа в режиме офлайн, работа с тэгами и удаленными ветками, обновления.
Похожие программы – Sublime Merge, GitHub Desktop, Fork, Sourcetree.
Сколько стоит – бесплатно для некоммерческого использования. Платная лицензия стоит 60 USD, подробнее здесь.
Сайт – www.syntevo.com/smartgit
Open Server – веб сервер на локальном компьютере
Кто использует. Программист, тестеровщик.
Как используется. Open Server позволяет запустить локальный web-сервер прямо на компьютере. Не нужно тратить время на развертывание продукта на хостинге или сервере. Достаточно настроить программу (указать домен, Apache, PHP, кодировку и т.д.), создать базу данных MySQL и скопировать файлы в нужную папку на компьютере (например, можно залить одну из веток репозитория через SmartGit).
Open Server нужен программистам не всегда. Они пользуются программой, чтобы проверить работу важных частей функционала. Более тщательной проверкой занимаются тестировщики. Для них Open Server один из главных рабочих инструментов. Воссоздав рабочую среду, как у обычных пользователей, тестировщики ищут «дыры» в функционале, а затем отправляют его на доработку программистам (ставят задачи через Гитлаб).
Почему рекомендуем. Просто отличная программа и незаменимый помощник для web-разработки.
Похожие программы – XAMPP, Denwer, WampServer.
Сколько стоит – бесплатно.
Сайт – ospanel.io
Balsamiq – прототипы интерфейсов
Кто использует. Аналитик.
Как используется. Как в 90-е годы и начало двухтысячных появлялся интерфейс? Разработчик брал в руки карандаш и рисовал прототип в блокноте. Страница входа, основная страница, панели с кнопками и ссылками, чебоксы и селектор, все элементы интерфейса переносились из головы разработчика на бумагу. Что-то сейчас изменилось? Почти нет. Некоторые по-прежнему создают прототипы своих программ на блокноте, в тетрадях или на магнитных досках. Другие (в том числе и мы) пользуются программами для создания прототипов UI и UX дизайна. Сложное название, но суть одна. В Balsamiq мы создаем прототип интерфейса в наглядном виде, как в черновике блокнота. Здесь, аналитик собирает прототип интерфейса на основе готовых элементов программы (кнопки, ссылки, рабочая панель, меню и т.д.) и записывает комментарий о том, как функционал должен работать (например, нажатие кнопки уводит пользователя туда-то). После правок в черновиках, прототип отправляется дизайнерам на отрисовку в Фигме.
Почему рекомендуем. Детализированные прототипы, обширный набор встроенных элементов, готовые макеты (некоторые посмотреть можно здесь), понятная навигация.
Похожие программы – Axure RP, Justinmind.
Сколько стоит – облачная версия стоит от 90 USD в год (для двух проектов), десктоп версия будет стоить 90 USD за 1 пользователя.
Сайт – balsamiq.com
XWiki – база знаний разработчика
Кто использует. Все сотрудники.
Как используется. XWiki – это база знаний по продукту. Здесь записываются формулы и скрипты программистов, пояснения к исходному коду, справочная информация по функционалу, инструкции для технарей, советы аналитикам, правила проверки продукта и т.д. Все что мы знаем о продукте, записывается в XWiki.
Почему рекомендуем. Простой wiki-синтаксис, WYSIWYG редактор, гибкие права доступа, шаблоны документов, обновления. Сервис устанавливается на свой сервер и домен, поэтому можно легко настроить доступ только по локальной сети. Подробнее об установке здесь.
Похожие программы – DokuWiki, MediaWiki, Confluence, Wiki.js, TiddlyWiki.
Сколько стоит – бесплатно.
Сайт – www.xwiki.org
Tilda – конструктор сайтов
Кто использует. Дизайнер.
Как используется. В Тильде мы собираем простые сайты для клиентов. Такие сайты обычно создаются меньше чем за месяц. Тут все просто: клиент присылает бриф, собираем главную страницу сайта и второстепенные, с помощью zero-блоков и предустановленных элементов конструктора, и в конце подготавливаем мобильную версию сайта. Дизайнер занимается только сборкой дизайна, устанавливает сайт на домен уже технарь. Такие сайты делаются просто и быстро за счет удобного интерфейса конструктора и готовых шаблонов. Кроме того, при создании сайта не нужен верстальщик (плюс к экономии трудозатрат) – после публикации проекта, получаем полностью готовый сайт.
Почему рекомендуем. Низкая стоимость конструктора, если сравнить с Webflow (более крутой конструктор с расширенной правкой кода), то Тильда выйдет почти в два раза дешевле. Это важное преимущество, учитывая, что за конструктор приходится платить нашим клиентам (у нас, оплата Тильды не входит в стоимость разработки сайта). Быстрый российский пинг – дата-центы Тильды находятся в Санкт-Петербурге – играет немаловажную роль на скорость загрузки страниц сайта (известный факт, что поисковики лопают (индексируют) более быстрые сайты, как горячие пирожки). Есть еще ряд приятных мелочей: бесплатный SSL, встроенная статистика сайта, адекватная техническая поддержка, настройка ограничений для посетителей, быстрый перенос проектов с аккаунта на аккаунт, интеграция с платежными системами. Что не понравилось: безобразный экспортируемый код сайта. Если после выгрузки сайта на хостинг или сервер, потребуется внести правки, тогда эта процедура может легко закончиться нервным срывом у технаря. Почему так? Потому что исходный код сайта, после экспорта из Тильды, очень похож на шифровку из машины Энигмы середины XX века. Кроме того, для сайта с несколькими языками (например, русский и английский) придется расширить тариф до двух сайтов – для одного сайта в конструкторе можно использовать только одну версию хедера и футера. Мы не часто выгружаем сайты, поэтому, этот недостаток относим больше к капле дегтя в бочке меда, чем к критичному недочету сервиса. Считаем, что Тильда оправданно пользуется популярностью среди разработчиков сайтов.
Похожие программы – Webflow, Wix, uKit.
Сколько стоит – 1 сайт (500 страниц, 1GB места на сервере) будет стоить 6000 рублей в год.
Сайт – tilda.cc
Оставьте комментарий