Подсветка синтаксиса кода на сайте

Недавно мы натолкнулись на просьбы, объяснить, рассказать и реализовать возможность подсветки кода на сайте, зачастую это необходимо, чтобы выделить код на сайте, та придать ему максимум внимания. Реализовать такую возможность достаточно просто, для этого можно использовать сторонний плагин, или написать самостоятельно стилизацию. В данном уроке мы рассмотрим как можно все это организовать заложив при этом минимум усилий. Все это мы выполним в минималистическом стиле, основной уклон будет на дизайн в стиле OSX.



Начинка контейнера будет схожа с редактором Notepa++, но ее с легкостью можно изменить на свой вкус.