Разница между разметкой и представлением
2Первый полезный пост на хабре за последние 200 тысяч лет!
Для специалистов, конечно же.
Тэг «css»
Пост ненависти к Internet Explorer 6 и одному хабропосту
+- Всякий раз, когда берешься делать красивые и гибкие темы для Wordpress, выясняются неприятные вещи про браузер Internet Explorer 6. Вчера в очередной раз убедился, что в IE6 ни в каком виде не поддерживается repeat фоновой картинки, если картинка в png. AlphaImageLoader умеет делать с фоном только “crop” и “scale”. Конечно, я и раньше об этом знал, но прежде не приходилось сталкиваться на практике с этой, чудовищной по своей сути, несправедливостью. Находясь в смятении, я решил, что пользователи IE6 увидят гифы, с такими специальными дырочками, им все равно не привыкать к убожеству. К счастью, в т.н. «блогосферу» этим браузером ходить не принято, у меня около 20% такого рода недоделанных посетителей и, на всякий случай, я посылаю им лучи своей снисходительной ненависти.
- На хабре написали очень интересную на первый взгляд мысль про иллюзорную ценность всего нематериального, которая уже на второй взгляд кажется глупой, а на третий, и если ещё комменты почитать, просто нереальным тупаком:
Odnoklassniki.ru — $200 млн. Youtube.com — $1,5 млрд. Facebook.com — $15 млрд. Можно продолжать список, но стоп! Я стою перед Останкинской башней: она — огромна, она — полезна. Тысячи людей строили ее на века. Однако со всем содержимым башня была оценена «всего» в $114 млн. Неужели «Одноклассники» важнее для россиян, чем Останкино? Думаю, вряд ли. Представьте себе, что вдруг рухнет башня и закроется сайт — что вызовет больший резонанс?
Главный вопрос, какие нафиг $200 млн. за это говно?
Однако, в связи с этим, представляется мне футуристическая картина, будто лет через 10 люди в Москве опять озвереют, как в 1993 году, и ломанутся штурмовать, но не «Останкино» (да, я знаю что телецентр и башня — это разные здания, дело не в этом), а офис SUP, чтобы захватить жежешечку и рассказать людям правду.
Не менее 10 полезных советов по xhtml/css-кодингу
5Блогера, начавшего писать свой очередной список советов и нравоучений по той или иной теме, как правило, подстерегает опасность такого характера: он не знает, сколько всего пунктов включит в себя его псевдогениальный трактат (ведь не секрет, что 80% такого списка придумывается на ходу). В результате он сперва пишет красивые цифры 1 и 2 в тайтле новой записи, затем исправляет их на не менее красивое 10, и в конце концов останавливается на счастливом числе 7. В результате страдает, прежде всего, самооценка блогера.
Чтобы предостеречь себя от подобной участи, я назвал свою очередную запись «Не менее 10 полезных советов по xhtml/css-кодингу», намерено завысив минимальную планку с 7-ми пунктов до 10-ти.
Теперь, когда я объяснил, почему моя статья называется именно так, а не иначе, мы можем перейти к перечислению правил, которыми я пользуюсь при xhtml/css-верстке — тех самых правил, которые привели меня к успеху.
- Используйте в работе Adobe Dreamweaver и Scintilla Text Editor. Первый, очень клевый и навороченный, подойдет для начала работ, а второй, легкий и быстрый, для быстрых правок. Всякого, кто упрекнет вас в использовании Dreamweaver отправьте подальше, указав при этом, что работаете в Coder Mode.
- Условные комментарии такого вида
<!--[if IE]><link rel=”stylesheet” type=”text/css” href=”/ie.css” /><![endif]–>придуманы проприетарными говноедами из Microsoft, чтобы усложнить вам жизнь (сделать условные css-комментарии они почему-то не додумались). Используйте css-хаки или, хотя бы, такой вариант. - Вообще, поменьше думайте о пользователях браузера Internet Explorer — они этого не достойны.
- Не разбивайте одно css-объявление на несколько строк, если не собираетесь использовать листинг стилей в курсовой или дипломной работе.
- Кладите файл со стилями в корень сайта.
Название элемента в стилях пишите в верхнем регистре, например.menu UL{list-style:none;}- Если не хотите ссориться с вашим веб-программистом, используйте только
class="name", аid="name"не используйте. - Относительно т.н. inline-стилей действует классическое правило: «один раз — не пидорас».
- Используйте Em Calculator.
<br clear="all" />работает почти также хорошо как<div style="clear:all"></div><button type="submit">Отправить</button>круче чем<input value="Отправить" type="submit"class="btn" />в силу многих обстоятельств.- Разберитесь что значит эта строка:
P.checkbox INPUT, P.checkbox LABEL, P.radiobutton INPUT, P.radiobutton LABEL, BUTTON{cursor:pointer}и усвойте, что это тоже очень круто (хотя почти никто так не делает). - Будущее за
A{text-decoration:none;border-bottom:1px solid #008aff;color:#008aff}. Цвет#008affвзят для примера. - Чтобы число советов не выглядело зловеще, напомню что правильный доктайп — это
XHTML 1.0 Transitional, а правильная кодировка — UTF-8.
Справедливости ради, отмечу, что все рекомендации кроме номера 12 являются плодом моей фантазии, предрассудков и жизненного опыта, поэтому следовать им не обязательно (особенно, если вы привыкли делать всё иначе), зато 12-ый — нереально охуенен!