rim89 Сообщение 07/02/2013 09:16 Копия темы
Форматирование CSS/HTML Есть у кого толковые спецификации по форматированию кода, как чего писать в каком порядке и тд ... "чтобы красиво было" ?

balaka Сообщение 07/02/2013 09:42 Копия темы
У меня есть маленькая статейка. www.evernote.com/shard/s2...

Правда, в ней не все, но часть точно будет полезна.

rim89 Сообщение 07/02/2013 10:18 Копия темы
спасибо, почитаю ... обычно у веб студий есть свои правила форматирования ... буду искать

roose Сообщение 07/02/2013 10:46 Копия темы
Ну по CSS:

1. писать правила по алфавиту
2. одно правило – одна строка
3. используйте отступы слева от каждого правила, чтобы легче читать было
4. разбивайте на блоки и используйте комментарии для отделения их друг от друга
5. используйте сброс стилей
6. используйте сокращенные формы записи
7. некоторые советуют как и в html писать елочкой, но мне кажется это неудобным
8. а, еще, пишите имена классов и id осмысленно и не по русски латиницей, а на английском, не .spisoknovostey, a .news-list

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

что там еще...

PallasKatze Сообщение 07/02/2013 13:52 Копия темы
> 1. писать правила по алфавиту
Это очень спорно. Я группирую по назначению.

roose Сообщение 07/02/2013 13:57 Копия темы
да кому как, я вообще сортирую только тогда, когда мой код увидят другие люди, просто вспомнил что так рекомендуют.

roose Сообщение 07/02/2013 14:01 Копия темы
я про это:
.class {
border: none;
color: red;
display:inline-block
font-style: italic;
z-index: 5;
}

а вы как группируете? я просто там не правильно написал и исправлять не стал)

Cold_Play Сообщение 07/02/2013 14:01 Копия темы
lol

Cold_Play Сообщение 07/02/2013 14:03 Копия темы
я то думал ты селекторы сортируешь по алфавиту

roose Сообщение 07/02/2013 14:05 Копия темы
не, я просто не так написал)

PallasKatze Сообщение 07/02/2013 14:11 Копия темы
Так

.class {
   display:inline-block;
   z-index: 5;
   border: none;
   font-style: italic;
   color: red;
}

PallasKatze Сообщение 07/02/2013 14:12 Копия темы
А вот это зря. Вам самим разве безразлично удобство при поддержке кода?

roose Сообщение 07/02/2013 14:18 Копия темы
да не знаю, мне как-то все равно как отсортировано и так как у меня и так как у вас и по алфавиту для меня одинаково выглядит ) по алфавиту мб чуток по приятнее.

roose Сообщение 07/02/2013 14:19 Копия темы
а здесь как отсортировано? по приоритету отрисовки браузером?

PallasKatze Сообщение 07/02/2013 14:58 Копия темы
По назначению: тип ототбражения, позиционирование, отступы (тоже считается отступом), характеристика шрифтов и цвет.