Как оптимизировать верстку?

Question

[Selsh]

Как оптимизировать html и css код? Что такое говно код, и как избежать этого?

Answer 1

[Александр Петров]

Почитайте про БЭМ. Про препроцессоры (как CSS, так и HTML).
Говнокод - использование ID. Жуткий каскад. Повторы стилей. Убогое именование классов.
Ну, например, макет сверстанный целиком на абсолютном позиционировании - звездец, мягко говоря.
Хорошая верстка - если человек, который сайт не верстал, но умеет, может открыть сорцы и поправить что ему нужно, а не будет мучаться сутками в поисках места, где исправить и верстка не развалиться после малейших правок.

Comments

[yttrium]

"Говнокод - использование ID" я бы исправил на "Говнокод - использование ID в css" потому как ID ни кто неотменял для решения задач бизнеслогики

[Александр Петров]

Ну, вопрос про html \ css, потому уточнять не стал. Хотя использование ID в JS тоже считаю неправильным. А что вы в данном контексте понимаете под бизнес-логикой?

[yttrium]

@dzhiriki "использование ID в JS тоже считаю неправильным" а вот почемуто дебилы профессионалы по jquery например считают что обращяться к элементу дома по ID операция намного экономичнее habrahabr.ru/post/103174

под бизнес логикой в данном контексте я подразумеваю обращение к каким-то элементам DOM для обмена данными

[Selsh]

Ещё вопрос, я тут посмотрел что такое БЭМ, где найти хорошие уроки по JS.

[yttrium]

javascript.ru/courses

[Selsh]

@yttrium ок, спасибо

[Алексей Лебедев]

1) id выгоднее для JS, есть тесты. Зачем навешивать на элемент еще класс, когда уже есть id.
2) иногда для поддержки кучи необычных браузеров приходится использовать absolute. Это самый надежный вариант.

[Александр Петров]

@aalebedev По поводу ID. Вы уверены, что у вас будет только один элемент с подобным функционалом? И никогда не появится другой-третий? Ну, если верстать всякие лендинги, то да, ок. То, что ID быстрее я и не спорю. Но в нормальных крупных проектах они мало подходят.
Что это за браузеры, для которых приходится использоваться абсолют? Ну, ок, верстайте так дальше, ваше право.

[Виталий Желтяков]

"Почитайте про БЭМ." + "Говнокод - использование ID"
- Сразу видно, что Вы видите всё поверхностно. БЭМ - это результат развития концепции разделённой логики в web-программировании. А в основе разделённой логики лежит, то что группам мы даём общие классы, а дочерним элементам ID.

Короче, Вы сморозили полный бред, доказывающий вашу некомпетентность.

[7rulnik]

@Selsh learn.javascript.ru

Answer 2

[personaljs]

Очень полезное

Answer 3

[Сергей]

Говнокод это писать стили в теги, давать дурацкие и не информативные названия классам, избыточность кода.
Оптимизация кода - это кроссбраузерность + отформатированность кода.

Answer 4

[Lisonok]

Попробуйте использовать препроцессоры например, sass или less для css, jade или haml для html, cofeescript для js, есть еще куча других

Не стоит пугаться, ничего сложного нет

Answer 5

[Александр Литвинов]

Советую посмотреть PageSpeed