☰
  • Гаджеты
    • iPhone
    • Android
    • Новости
    • Обои для смартфонов
    • Программы для android
    • Обзоры о гаджетах
    • Программы
  • Компьютеры
    • Windows
    • Ubuntu
    • MS Office
    • Программы для ПК
    • Обслуживание и защита ПК
  • Интернет
    • Браузер
    • Создание сайтов
    • SEO и раскрутка
    • Социальные сети
    • Заработок
    • Сатострой
  • Игры
    • Клиентские
    • Браузерные
    • Мобильные
    • Ретро
  • Другое
    • 1С Бухгалтерия
    • Техно-статьи
    • Дайджест

Код, на который приятно смотреть

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

В среднем программист смотрит на код по 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 рассылку, чтобы не пропустить ещё больше интересных постов.

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




  • Гороскоп по знакам зодиака на март 2021 года
  • Лунный посевной календарь на март 2021
  • Лунный календарь стрижек на март 2021
  • Лунный календарь маникюра на март 2021



  • Дата публикации: 2020-10-09

    Автор статьи:
    Alex Zolnov


    • Популярное
    • Новое
    На тему Android и Apple
    Dungeon Hunter 3 - игра для Android 2012
    Програма Навигатор для OS Android
    Телефоны с Android доступны для всех
    Чем открыть Fb2 на компьютере и в Андроид?
    Виджет часы для Андроид
    Max Payne mobile - Игра для Android 2012
    Как сделать зачеркнутый текст в ВК?
    Как сделать всплывающие уведомления в ВК Андроид?
    Как отключить подписку ВК на музыку Айфон?
    Как отключить безопасный поиск ВК на Айфоне?
    Как скачать музыку с ВК?
    Как скачать фото из яндекса на компьютер?
    Как увидеть историю посещения сайтов?


    © 2020 Блог о компьютерах, гаджетах и программах
    Все права защищены. При копировании материалов ссылка на сайт обязательна.
    Cайт носит информационный характер и не является публичной офертой согласно положениям статьи 437 ГК РФ.