📜 ⬆️ ⬇️

Accelerate Layout with AutoCorrect in Punto Switcher

Almost everyone knows about the program Punto Switcher , which is very useful in that when writing:

 

Automatically converts this to:

 <div> 

Or
')
  

at

 .button 

In general, the nerves remain intact, because you do not have to manually erase everything and write a new one. You can not even worry about what your layout is worth.

And the most interesting thing is that thanks to this program you can create a kind of Emmet. Or rather, the finished structure for Emmet'a.

For example, we write this:

 .cont 

Or

  

Spoiler
It does not matter, the program itself will change the given word, because before each name of the tag or class we put "." or "<" and the program understands that we want to see here exactly the tag or the name of the class.

Then we just press Tab or Enter and get this:

 .container>.row>.col-md-12 

It remains to press Tab again, so that Emmet would convert this string to the structure we need.

image

Or so
image

All this happens in less than 1-2 seconds, which already speaks of a slight, but accelerated, writing of the code.

Then everything depends on your imagination, and on how many cuts you come up with.

References:

Emmet
Punto Switcher from Yandex

Customization
image

Thanks for the tip on the program wdmaster

And thank you for your attention.

Source: https://habr.com/ru/post/267975/


All Articles