Инструменты, которые я использую для создания сайтов


Проектирование

Для построения ER-диаграмм, блок схем, мозгового штурма я обычно использую lucidchart, ум и хождение туда-сюда.

lucidchart-projecting brain

Дизайн

Сейчас дизайн-макет я делаю в программе sketch, до нее был долгое время обречен на photoshop.
Sketch App photoshop

Бэкенд

Разрабатываю на php, используя laravel в качестве фреймворка, в среде phpStorm, через тестирование phpUnit.
Laravel Framework язык php среда разработки PhpStorm PHPUnit

Фронтенд

html, css

Стили я описываю при помощи LESS или SASS. В последние годы я верстаю только адаптивные сайты. Из css-фрейморков больше всего приходилось работать с , для этого сайта использовал semantic-ui.

Javascript

Пишу на ecmaScript 6, в качестве каркаса приложения использую vue.js. Компилирую и сжимаю код при помощи webpack. Менеджментом пакетов, запуском тестов занимается node.js. Unit тестирование: chai, mocha, karma.
less sass twitter-bootstrap semantic-ui ecma-script vue-js karma chai mocha node-js webpack

Администрирование

В последние годы использовал OS Ubuntu / Debian, а в качестве web-сервера использовал Nginx или Apache.
А сейчас, используя Docker, могу установить одновременно несколько разных версий php, mysql и т.п.. На дешевом облачном хостинге за 250 рублей в месяц такая система будет быстро работать. И ее можно легко, в несколько простых шагов, перенести на любой другой хостинг, сервер, машину или облачный сервис.
Docker Nginx Ubuntu Apache Debian

Рабочее окружение

Работаю на macbook pro. Слепая 10-ти пальцевая печать и редактор VIM делают редактирование текста молниеносным. Все изменения под контролем у git. Заметки и документацию пишу на Markdown. Все дела расписываю в программе OmniFocus, затем отслеживаю их выполнение по таймеру Vitamin-R2. Документооборот кручу в google apps.
mac os x keymap vim git markdown omni Vitamin-R 2 Google Apps