Блог для начинающих веб разработчиков. HTML, СSS, Jquery, Drupal и другое.

→ Четыре совета для приятной работы с кодом.

Опубликовано: 24 июля 2012

Приветствую всех читателей. Сегодня я хотел бы высказать несколько своих мыслей о том, как сделать приятнее и удобнее работу с кодом. Это может быть и HTML вёрстка и программирование а некоторые рекомендации применимы даже просто к работе с текстом.

Итак, четыре полезных совета для приятной работы с кодом.

1. Шрифт. Так уж принято, что в программировании обычно используется моноширинный шрифт. Это действительно важно, ведь в таком типе гарнитуры все символы имеют одинаковую фиксированную ширину, что помогает избежать ошибок в работе. Однако, самый распространённый шрифт Courier New используемый с давних времён для работы с кодом в ОС Windows выглядит не слишком красиво и приятно. C приходом Windows 7, на замену ему появился новый моноширинный шрифт для работы с кодом, под названием Consolas. На мой взгляд, он выглядит намного симпатичнее Courier New. Нет причин более использовать Courier, пора уже заставить ваш редактор отказаться от старого шрифта. Разницу между Colonas и Courier New хорошо видно из изображения ниже.

если в вашей системе нет данной гарнитуры, то её можно скачать на microsoft.com

2. Сглаживание.

Без сглаживания экранных шрифтов, работать не очень приятно. Символы выглядят резкими и тонкими, это приводит к тому, что уже через несколько минут мы начинаем чувствовать дискомфорт глаз. Поэтому во всех современных ОС используются какие-либо технологии сглаживания шрифтов.

Те, кто успел поработать и в Windows и в OS X наверное заметили разницу в сглаживании текста. На макинтошах шрифты выглядят более плавно и они приятнее на глаз. Маленькая утилита  gdpp позволяет управлять сглаживанием шрифтов в Windows. Архив этой программы по ссылке ниже уже настроен так, чтобы текст в Windows выглядел так же, как и в OS X, попробуйте - вам понравится! Скачать программу можно здесь.

3. Zen Coding - Упрощённый ввод тегов.

Верстая HTML страницы, помимо структуры приходится вводить много вспомогательных элементов, например расставить правильно закрывающие теги, кучи кавычек с атрибутами class, id, копировать и вставлять одинаковые строки кода и т.п.

Инструмент Zen Coding, представляет собой плагин для текстового редактора, позволяющий намного быстрее и без ошибок создавать структуру HTML. Например, напечатав:

div#page>div.logo+ul#navigation>li>a

И нажав стандартную комбинацию "CTRL+," Вы получите:

<div id="page">
        <div class="logo"></div>
        <ul id="navigation">
                <li><a href=""></a></li>
        </ul>
</div>

Если вы знаете CSS, то уже поняли, что Zen Coding преобразовывает выражения, построенные согласно правилам CSS в HTML код. Кроме того можно легко и быстро создавать группы одинаковых элементов используя звёздочку, например:

ul.menu>(li>a)*4

выведет:

<ul class="menu">
	<li><a href=""></a></li>
	<li><a href=""></a></li>
	<li><a href=""></a></li>
	<li><a href=""></a></li>
</ul>

Более подробно о Zen Coding можно посмотреть в видео ниже. Вот страничка проекта в Google Code, там можно скачать этот плагин для разных редакторов, количество поддерживаемых редакторов очень велико.

4. Glass2k - полупрозрачность окон Windows 

Следующий инструмент тоже для верстальщиков. Почти всегда нам необходимо сверять расстояния, отступы и размеры элементов с PSD макетом. Хорошо бы использовать такую программку, которая сделала бы окно браузера полупрозрачным, чтобы наложив его на изображение макета, сразу видеть все неточности.

И таких программ есть много. Например, маленькая и простая утилита Glass2k, в установке не нуждается, и состоит всего из одного файла. При запуске программы, кликая на какое-либо окно правой кнопкой мыши, можно выбрать степень его прозрачности, как показано на рисунке ниже, либо можно использовать сочетания клавиш Ctrl+Shift+[0-9]:

Попробуйте это, ошибки вёрстки сайта намного легче найти и исправить, совмещая полупрозрачное окно браузера и исходный PSD макет. Если не разберётесь в том сайте, вот прямая ссылка на последнюю версию клик.

На сегодня всё, думаю эти инструменты будут вам полезны, или хотябы просто интересны. Советов получилось всего четыре, а какие бы инструменты вы добавили? Поделитесь в комментариях!

Спасибо за внимание, приходите ещё.

Поделиться:
Комментарии

Сглаживание считаю лишним. От него глаза больше устают.

Zen coding подскажи подключается к notepad++?

сб, 2013-02-02 20:53

Да, Zen Coding есть почти для всех редакторов, вот ссылка.

Faraday
ср, 2013-02-06 20:32

zen coding уже не актуально. используйте emmet.

blitz_v
пт, 2014-02-07 12:54

Спасибо за совет об Glass2k, как раз искала что-то подобное для Picsel Perfect)

Ирина
сб, 2014-09-06 13:10

про полупрозрачность окон....огонь)

игор
пт, 2015-01-16 17:18

Доброе время суток.
Хочу предложить Вам обменяться постовыми с моими сайтами
http://steve-pavlina.ru/ или http://favicon-generator.ru/ .
Как Вы на это смотрите?

Стив
ср, 2015-02-04 23:08

useful source cialis prices cialis paypal accepted

Robertevova
сб, 2019-07-06 14:58

1eb4 basics viagra eiko more tips here la4s generic cialis l1b3 click here for more info mi4z Learn More

сб, 2019-07-06 15:25

can you take cialis with blood pressure medicine http://cialisxtl.com cialis

Robertevova
вс, 2019-07-07 00:07

fi0w get more viagra xtsm right here nzhn cialis s2ta generic cialis y51q cialis

вс, 2019-07-07 00:57

cialis canada http://cialisxtl.com read this post here next can you take cialis and viagra at the same time buy cialis

Robertevova
вс, 2019-07-07 04:39

bapi my company viagra 9evv look at this site 1cml cialis gfve additional resources j6zb viagra

вс, 2019-07-07 05:34

cialis prices http://cialisxtl.com check out here cialis generic cialis dependence buy cialis

Robertevova
вс, 2019-07-07 09:16

Osimert (Осимертиниб 80 мг) - Осимерт (Osimertinib) – ПОЛНЫЙ аналог Tagrisso/Тагриссо
Osimert (Осимертиниб 80 мг) - Осимерт (Osimertinib) – лекарство, направленное на борьбу с раковыми клетками в легких, тем самым уменьшая размеры опухоли. Действие осуществляется за счет ингибирования тирозинкиназы. Эффективен данный препарат в первую очередь в отношении сенсибилизирующих мутаций, а именно - Т790М

Форма выпуска
Представляет собой покрытые оболочкой капсулы. В каждой капсуле содержится 80 мг основного вещества, а также имеются дополнительные компоненты.

Дозировка препарата
Чтобы был назначен курс лечения, необходимо пройти специальное обследование, а также сдать все необходимые анализы. Лечащий врач делает вывод о виде заболевания и о степени его тяжести, после чего назначает подходящий курс лечений. Дозировка препарата зависит от особенностей организма пациента, а также от стадии ракового заболевания. У нас вы можете Osimert (Осимертиниб 80 мг) - Осимерт (Osimertinib) купить уже сегодня. На протяжении всего курса лечения состояние пациента регулярно проверяется, и если не был замечен положительный результат, врач может остановить прием препарата. Также потребность в прекращении курса лечения может возникнуть и при ухудшении состояния больного.

Показания к применению
Прием препарата назначается при раке легких. Лекарство может быть назначено в случае, если другой препарат не оказал должного эффекта, а также при невозможности пройти больным процедуру химиотерапии. На Osimert (Осимертиниб 80 мг) - Осимерт (Osimertinib) цена указана на нашем сайте. Мы гарантируем качество всех лекарств, представленных в каталоге.

Противопоказания
Не рекомендуется осуществлять прием препарата: • Женщинам, находящимся на стадии беременности или лактации; • Больным с гиперчувствительностью на какой-либо из компонентов; • Детям в возрасте до 18 лет. Также запрещено употреблять лекарственное средство, если параллельно осуществляется курс лечения медикаментами, имеющих в своем составе зверобой. Актуальная на Osimert (Осимертиниб 80 мг) - Осимерт (Osimertinib) стоимость указана в каталоге, заказ вы можете оформить прямо сейчас на сайте.

Побочные эффекты
В основном побочные эффекты проявляются у каждого по-разному. Это зависит от индивидуальных особенностей организма пациента. Среди наиболее часто встречаемых: • боли в мышцах и суставах; • проблемы с печенью; • нарушение сердцебиения; • аллергические реакции; • боли в голове и головокружения. При появлении хотя бы одного побочного эффекта стоит обратиться за консультацией к лечащему врачу. Он решит, можно ли продолжать курс лечения, или выпишет аналог препарата в случае необходимости. В большинстве случаев Osimert (Осимертиниб 80 мг) - Осимерт (Osimertinib) отзывы положительные.

Хранение и продажа
Хранение препарата осуществляется в темном, сухом и недоступном для детей месте. Срок годности составляет два года. Продажа лекарственного средства осуществляется по рецепту врача. Но у нас вы можете заказать препарат в онлайн-режиме.
Osimert (Осимертиниб 80 мг) - Осимерт (Osimertinib) – ПОЛНЫЙ аналог Tagrisso/Тагриссо

тагриссо осимертиниб
осимертиниб цена
тагриссо осимертиниб tagrisso osimertinib
осимертиниб инструкция
купить осимертиниб
осимертиниб инструкция +по применению
осимертиниб купить +в москве
осимертиниб цена +в москве
осимертиниб торговое название
+когда +не помогает осимертиниб
тагриссо препарат
тагриссо инструкция
тагриссо цена
тагриссо отзывы
тагриссо препарат инструкция
тагриссо осимертиниб
куплю тагриссо
тагриссо осимертиниб tagrisso osimertinib
препарат тагриссо отзывы
тагриссо препарат отзывы +кто +уже принимал
тагриссо инструкция +по применению
тагриссо купить +в москве
препарат тагриссо цена
сколько +по времени помогает тагриссо
тагриссо препарат инструкция цена
тагриссо мнн
дженерик тагриссо
тагриссо купить +в москве цена
тагриссо цена +в россии
+когда перестал помогать тагриссо
luciosim
osicent
osimertinib
тагриссо осимертиниб tagrisso osimertinib
tagrisso osimertinib
osimertinib цена

вс, 2019-07-07 10:57

c4kp have a peek at this website viagra 12hx check out this site 4bdh generic cialis uy1x their website mhbr cialis

вс, 2019-07-07 11:37

appata http://www.cialisongen.com/ - buy generic cialis online
cialis 20mg rezeptfrei buy cialis

вс, 2019-07-07 15:49

cialis online http://cialisxtl.com navigate to these guys cialis over the counter at walmart 30 mg cialis cialis canada

Robertevova
вс, 2019-07-07 18:44

30rn cialis viagra wdh8 cialis 6sip cialis grf0 pop over to these guys ylya cialis

вс, 2019-07-07 21:09

see post visit the website cialis free samples coupon

Robertevova
вс, 2019-07-07 23:15

Get the facts Full Report liquid cialis peptides

Robertevova
пн, 2019-07-08 03:43

9upg Check This Out viagra o2u0 find this 32df have a peek at this site 2uz4 go to my blog 77vr see here

пн, 2019-07-08 06:38

More Info click this site cialis results

Robertevova
пн, 2019-07-08 12:47

cialis before and after http://cialisxtl.com cialis prices

Robertevova
пн, 2019-07-08 17:28

check that cialis generic how often should you take cialis

Robertevova
пн, 2019-07-08 22:05

cbd tincture reviews
http://cannabisoil-cannabidiol.com - cannabis oil cbd cream for pain reviews
cannabis oil - cbd without thc near me
cbd in vape

вт, 2019-07-09 01:52

check it out buy cialis how much cialis can you take

Robertevova
вт, 2019-07-09 02:34

wyym cialis generic viagra cxjs go to this site 7ypp visit 5v41 generic cialis 00cv cialis

вт, 2019-07-09 06:41

how many mg in a drop of cbd oil
http://cbdvapejuice1.com - cbd vape juice cbd without thc benefits
cbd vape juice - cbd without thc for pain
cbd lotion psoriasis

вт, 2019-07-09 08:12

0jve directory viagra 1fxs site web 369f navigate to this web-site 16bb look at here now zwcy our website

вт, 2019-07-09 11:28

this hyperlink cialis online compare viagra cialis levitra

Robertevova
вт, 2019-07-09 11:38

x4yb click reference viagra vasodilator
wc55 viagrawithoutdoctorspres.com svyt
cheap generic viagra 100mg recommended you read art2

ср, 2019-07-10 10:37

lv25 viagra viagra risks
zhbo viagrawithoutdoctorspres.com llkh
viagra and pot index 1asx

ср, 2019-07-10 15:35

502v you can find out more pfizer viagra discount coupons
clqc browse around this site 3t58
viagra multiple intercourse viagrawithoutdoctorspres.com fuqq

ср, 2019-07-10 17:15

3mez resource canada viagra pills
1ub8 viagra without a doctor prescription hg4l
does viagra lose effectiveness site web ulu3

ср, 2019-07-10 20:34

dtki review viagra causes cancer
lacz viagra bblv
proper viagra dosage from this source 98yd

ср, 2019-07-10 23:48

aact important link 94pt site vj9n viagra20c 4xpg

Mauricevom
чт, 2019-07-11 02:07

otmb browse this site viagra discount cvs
isdi this content h5tj
use viagra viagrawithoutdoctorspres.com 2qyh

чт, 2019-07-11 03:06

ia9d viagra without a doctor prescription viagra vs cialis reddit
3gk9 viagra nago
viagra drug classification Get More Info 7smt

чт, 2019-07-11 06:20

yahi linked here uylb Get the facts w80u Homepage ym93

Mauricevom
чт, 2019-07-11 06:52

2bzu pop over to this site order viagra from canada
knnj check it out b76u
coupons for viagra 100mg viagrawithoutdoctorspres.com x03q

чт, 2019-07-11 08:00

iem1 viagrawithoutdoctorspres.com when will generic viagra be available in the usa
qwis Extra resources 27so
girls on viagra viagra 7i5b

чт, 2019-07-11 09:39

bgdk viagra cheap viagra pills for sale
5fba viagra icog
viagra buy online viagrawithoutdoctorspres.com d4bk

чт, 2019-07-11 16:10

cn78 viagra viagra nasal spray
tfml get more jaxb
government funding viagra hop over to here 35kn

чт, 2019-07-11 19:27

cxmr viagrawithoutdoctorspres.com sample of viagra
49i5 viagra without a doctor prescription 1tiq
viagra every day viagra zszt

чт, 2019-07-11 21:06

5xmd learn this here now gxac have a peek at this website yvbn viagra 3f0w

Mauricevom
чт, 2019-07-11 21:14

s830 viagra without a doctor prescription taking viagra video
hjyj viagrawithoutdoctorspres.com 32r4
where can i buy viagra online safely viagrawithoutdoctorspres.com 3h3d

чт, 2019-07-11 22:40

o07c you can find out more what works better viagra or cialis
zaf9 linked here ow73
viagra pros and cons viagra bnxk

пт, 2019-07-12 01:53

mub7 viagra without a doctor prescription liquid viagra for sale
n91w viagra without a doctor prescription dbhv
how long does it take for a viagra to work viagra z0gl

пт, 2019-07-12 05:07

lyhs viagra viagra high altitude
f0ni viagra 1r9c
order generic viagra viagra without a doctor prescription dmli

пт, 2019-07-12 06:46

Buy Antepsin Can You Buy Cialis In Dubai Buy now isotretinoin Cialis From Usa Pharmacy

пт, 2019-07-12 12:06

Страницы

Комментировать