What tools are needed for quick layout (and a couple more questions)?

Question

HTML

Good time!
I've been typing for several years now, I know layout quite well. Customers are happy, programmers do not swear.
Lately I've been wondering more and more about tools. I want to do any layout faster, many times faster!
The maximum that I could reach (for a long time) is SASS. I process it in ruby, by the way... The most ancient method, sort of like...
Actually, question #1: what is needed for fast, but equally good layout?
At the moment, some guys persuaded me to install Ubuntu and sharpen it for this case.
I also know about the Gulp faucet, which requires Node.js.
Easier, as a result, so far such a package:

Ubuntu
Node.js
Gulp
Jade (Pug)
Sass
SourceMap
BrowserSync

What can and should be added (removed, replaced) here?
My goal at the moment is to speed up the layout process as much as possible.
PS: mind you without suggesting constructors :)
Question #2: what is important to know besides tools and how to "do it right" with your work?
At the moment, I know about semantics, adaptive, cross-browser compatibility, some bugs, some features. Naturally, I use all this on projects.
Recently, I started to get acquainted and use the BEM methodology (simply because it is popular), I also tried to get acquainted with SMACSS, but somehow it didn’t work out.
I always try to isolate large logical blocks with comments like <-- BEGIN selector --> <-- END selector -->. Once upon a time I wrote in PHP, and I know how painful it is to pull the layout on something,
Well, basically I do support for almost all browsers (IE10+).
Please answer these 2 questions, and tell me - where to develop further in this matter?
PS: Without Emmet, I did typesetting for the first couple of months when I was studying. Then it's always him. I forgot to mention it, because. I consider it a default tool, along with the editor :)

Answer 1

How to speed up layout?

Answer 2

learn to type blindly. the most profitable skill for layout speed.
those. you create html blocks, then you write styles for them in css - and all this without looking at the browser.
and not like that - you write one line of css - you reload the browser and see how it turned out.

Answer 3

Vladislav Valabuev : write faster with emmet. In my opinion, with emmet and without preprocessors, it will generally come out faster than with preprocessors, but without emmet. Personally, I spend more time thinking up class names or thinking about how to get by with fewer tags or sighing that the designer did 17 dots on the right and 19 on the left than actually writing what was intended.
Respectively: emmet, livereload and practice quick-thinking skills.

Answer 4

ubuntu vs windows?
yes, actually there is no difference - you write the usual html css js
and for security, I also don’t care that that hat is different, as well as
that there is a blue screen in Windows that there is no ideal OS in the panic kernel line,
but with direct hands, even Calibri OS will be better than any system