Привет, друзья! Сегодня пост для программистов. Хочу поделится своими наработками по части визуального оформления кода. Я про шрифт, цвет, размер и др. Прошу под кат.
В среднем программист смотрит на код по 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 рассылку, чтобы не пропустить ещё больше интересных постов.
Часто, для решения личных проблем требуется помощь профессионала, консультация психолога онлайн может помочь найти нужный ответ.