Tools I use to create web apps

To build ER-diagrams, flowcharts, brainstorm I usually use lucidchart, my mind and walking back and forth.

Now I do the design layout in thesketch app.
But I used to work in photoshop for a long time before.

I am developing a backend with php using the Laravel Framework (in PhpStorm IDE and through PHPUnit TDD)

html, css

For html I prefer use PUG. I describe html styles with LESS or SCSS/SASS.
I build only responsive html layouts. Mostly I have worked with Twitter Bootstrap, but for this site I have used semantic-ui.

Javascript

For programming in javascript I prefer use latest version of ECMAScript and Typescript. For basis I always use Vue.js. As a module builder I use webpack. Also I know and use Node.js. I cover code by unit tests with: chai, mocha, karma and so on.

In recent years I have used OS Ubuntu / Debian (in childhood I use FreeBSD). As a web server I have used Nginx, Caddy (In childhood - Apache). And now, using Docker, I can install different versions of backend services at the same time. I use docker-composer, docker-swarm, docker-machine and so on. System based on docker possible transfer to other hardware in minutes.

I work on a Macbook pro. Touch typing and VIM editor make the text editing lightning fast. Any changes are under control of git. I make notes and docs in Markdown. My documents automated in google apps. Also I may use either Toggl or Vitamin-R2 or Screenflow (if you need video reports) as a timer. For GTD I may use OmniFocus and other GTD soft.