Блог о любви и ненависти, правде и лжи, дизайне сайтов, блогосфере, интернет-технологиях, web 2.0, как заработать интернетом, лесбийское seo, обзор унылого говна…

Не менее 10 полезных советов по xhtml/css-кодингу

Блогера, начавшего писать свой очередной список советов и нравоучений по той или иной теме, как правило, подстерегает опасность такого характера: он не знает, сколько всего пунктов включит в себя его псевдогениальный трактат (ведь не секрет, что 80% такого списка придумывается на ходу). В результате он сперва пишет красивые цифры 1 и 2 в тайтле новой записи, затем исправляет их на не менее красивое 10, и в конце концов останавливается на счастливом числе 7. В результате страдает, прежде всего, самооценка блогера.

Чтобы предостеречь себя от подобной участи, я назвал свою очередную запись «Не менее 10 полезных советов по xhtml/css-кодингу», намерено завысив минимальную планку с 7-ми пунктов до 10-ти.

Теперь, когда я объяснил, почему моя статья называется именно так, а не иначе, мы можем перейти к перечислению правил, которыми я пользуюсь при xhtml/css-верстке — тех самых правил, которые привели меня к успеху.

1. Используйте в работе Adobe Dreamweaver и Scintilla Text Editor. Первый, очень клевый и навороченный, подойдет для начала работ, а второй, легкий и быстрый, для быстрых правок. Всякого, кто упрекнет вас в использовании Dreamweaver отправьте подальше, указав при этом, что работаете в Coder Mode.
2. Условные комментарии такого вида <!--[if IE]><link rel=”stylesheet” type=”text/css” href=”/ie.css” /><![endif]–> придуманы проприетарными говноедами из Microsoft, чтобы усложнить вам жизнь (сделать условные css-комментарии они почему-то не додумались). Используйте css-хаки или, хотя бы, такой вариант.
3. Вообще, поменьше думайте о пользователях браузера Internet Explorer — они этого не достойны.
4. Не разбивайте одно css-объявление на несколько строк, если не собираетесь использовать листинг стилей в курсовой или дипломной работе.
5. Кладите файл со стилями в корень сайта.
6. Название элемента в стилях пишите в верхнем регистре, например .menu UL{list-style:none;}
7. Если не хотите ссориться с вашим веб-программистом, используйте только class="name", а id="name" не используйте.
8. Относительно т.н. inline-стилей действует классическое правило: «один раз — не пидорас».
9. Используйте Em Calculator.
10. <br clear="all" /> работает почти также хорошо как <div style="clear:all"></div>
11. <button type="submit">Отправить</button> круче чем <input value="Отправить" type="submit" class="btn" /> в силу многих обстоятельств.
12. Разберитесь что значит эта строка: P.checkbox INPUT, P.checkbox LABEL, P.radiobutton INPUT, P.radiobutton LABEL, BUTTON{cursor:pointer} и усвойте, что это тоже очень круто (хотя почти никто так не делает).
13. Будущее за A{text-decoration:none;border-bottom:1px solid #008aff;color:#008aff}. Цвет #008aff взят для примера.
14. Чтобы число советов не выглядело зловеще, напомню что правильный доктайп — это
    XHTML 1.0 Transitional, а правильная кодировка — UTF-8.

Справедливости ради, отмечу, что все рекомендации кроме номера 12 являются плодом моей фантазии, предрассудков и жизненного опыта, поэтому следовать им не обязательно (особенно, если вы привыкли делать всё иначе), зато 12-ый — нереально охуенен!

Тэги: css, html, xhtml, ненависть к Microsoft, полезные советы