Код, на который приятно смотреть
Программирование Разное

Привет, друзья! Сегодня пост для программистов. Хочу поделится своими наработками по части визуального оформления кода. Я про шрифт, цвет, размер и др. Прошу под кат.

В среднем программист смотрит на код по 5-7 часов в сутки. Поэтому каждый старается оформить его так, чтобы снизить нагрузку на зрение и сделать код максимально читаемым и членораздельным. Но далеко не у всех получается это сделать.

Современные IDE предоставляют возможности для тонкой настройки цвета, шрифта и других элементов оформления кода. Я пользуюсь NetBeans, но все советы подходят и для других популярных IDE (Eclipse, Zend, VS и др.).

Взглянем, на оформление, которое предоставляет нам NetBeans по умолчанию:

Код поучился слишком пёстрым, в результате глазу сложно сфокусироваться на отдельном элементе. Но это ещё пол беды, темная стандартная тема ещё извратнее:

Говорить, что не так здесь, я думаю излишне =)

Скрывать не буду, я сам долго подбирал оформление, но в итоге нашел то, что меня устраивает, возможно и вам мой опыт будет полезен.

Первым делом нужно запомнить несколько вещей, за которые вам ваши глаза скажут спасибо.

- переменные — это то, на что вы чаще всего смотрите в коде, именно их нужно больше всего визуально выделять.

- такие элементы как for, while, return и др. — хотя и кажется, что они важнее даже переменных, но визуально они практически не играют роли, поэтому выделять их нужно минимально

- комментарии — они читаются только при надобности, мы никогда не ищем нужный кусок кода по комментарию, который этот код сопровождает. Комментарии не должны бросаться в глаза при написании кода. Их нужно делать как можно тусклее, при этом оставлять читаемыми и выделить курсивом.

- фон — каким бы «плотным» не был код, более 70% рабочей области занимает именно фон. Многие любят писать в редакторе с темным фоном — это вредно для глаз. Но по собственным наблюдениям могу сказать, что на абсолютно белом фоне писать тоже не очень комфортно. Нужно подобрать что-то нейтральное.

- шрифт — должен быть максимально «гладким». Никаких завитушек. Обязательно — перечеркнутый ноль. Размер шрифта подбирается на вкус.

Руководствуясь этими правилась я сделал для себя вот такое оформление:

Вот какие цвета я использовал:

Фон: #f9f9f9

Переменные: #1b4ac4

Ключевые слова (if, for, return,…): #474747, выделены жирным начертанием (bold)

Комментарии: #9c9c9c, выделены курсивом (italic)

Имена функций и классов: #000000

Строковые переменные: #5d5d5d

Шрифт:

Чаще всего используется шрифт Courier new, но я отказался от него, в пользу шрифта от Microsoft под названием Consolas, размер я выставил = 12. У этого шрифта гладкие очертания с контрастными краями, нет размытости, ну и конечно перечеркнутый ноль. Но шрифт — это дело интимное, подбирается индивидуально, поэтому пробуйте много и найдете то, что нужно.

На сегодня у меня всё. Буду рад почитать комментарии, может у вас есть какие-то замечания? А как вы оформляете свой код?

Понравилась статья? Подпишись на RSS или E-mail рассылку, чтобы не пропустить ещё больше интересных постов.

Часто, для решения личных проблем требуется помощь профессионала, консультация психолога онлайн может помочь найти нужный ответ.

  • http://homeworkmoney.ru Anton

    Я пользуюсь Notepad++, код подсвечивает хорошо, поставил на него черный фон, читаемость отличная

    • http://comphobby.ru Николай Гармаш

      С темным фоном быстро посадите себе зрение

  • http://myzpass.ru Clout

    Ну, все естественно зависит от редактора кода)