A gift idea for colleagues: web developer circle

Having read a post “Cheat sheet in C ++ 11 for printing on a mug” at the beginning of the year, I caught fire on making myself the same cheat sheet, but on the subject of web development, which is closer to me. Long hands did not reach and here, on the eve of the Day of the programmer, I wanted to “give” it to myself.



I decided to share with the Habra community a picture and source code - what if someone likes it or wants to congratulate colleagues on this professional holiday.

My workmate and part-time designer created an image for printing from my records. Most of the time was spent on selecting the commands I needed for the mug-cheat sheet, since it is not rubber, on the one hand, and on the other, the goal of making the reference book was not the same. I also tried to shorten descriptions so that it would be more or less clear and fit in one line.
')
Some of the teams will seem simple or little-used, but I wanted to have on hand those teams (shortcuts) that you use not often, and you remember, but not exactly, because of what time was spent looking for or reading manas.

For those who get an idea, but another “set of cheat sheets” is needed - there is a source file in psd. Since the original images are more than 1920px and habrastorad does not allow them to be loaded, I upload the originals to the file sharing service.

Original jpeg for print
Sources in psd

Picture preview:



UPD: Files reloads with typos corrected. Thanks for this v_decadence