TapazInDaNet

Sunday, April 08, 2007

переезд

Припарковал таки домен, и с сего момента записи будут вестись по адресу:Tapazukk.net

Thursday, March 01, 2007

В обход ie7

Раз уж лень писать CondCom,
почему бы не прибегнуть к хитростям.

Хокку?

Пара хаков для IE7. Хоть и пользуюсь условными комментариями, но все же в копилку брошу.
Как аналог *html, но только для 7-ой версии эксплорера:
p{background:green;}
*:first-child+html p {background:red; }

И еще один способ, основанный на ошибке прошлых версий браузера:
html>body p{$background:red;}

IE7 не понимает хак с нижним подчеркиванием, (например #some-block{_margin:0} ) но, ставя перед свойством $, все, ныне существующие, браузеры IE будут его воспринимать.

Labels: , ,

Thursday, February 15, 2007

the-border-image

Истинное терпение - это такое терпение, когда терпеть не под силу.

японская пословица

Эх, поглядел, слюни попускал и пошел дальше картинки резать и «фэйковые» дивы по углам загонять. А ведь, как песнь w3c сладка… И спрашивается, почему вот товарищи из Виларибы догадались до -moz-border-radius, а пни из Вилабаджо как специально и не помышляли ни о чем подобном.

Иногда смотришь на дизайнера, а в голову лезет мысль, а ведь он еще свою ноту не нашел (древний анегдот про молодого и старого гитариста).

Labels: ,

Thursday, January 25, 2007

странная тенденция

Наблюдаю такую тенденцию, что, в последнее время, все чаще приходится верстать сайты фиксированные по своей ширине (обычно 1024px и по центру экрана)...эх даже не интересно, хотя, бывают перлы под SEO'шные заморочки, с весьма развесёлым расположением блоков (чуть ли не h1 поверх метатегов, гы). Вот и теряюсь в догадках-то ли мода, то ли пошел такой дизайнер, который ленится продумать резину.

Labels:

Sunday, November 26, 2006

обновим осла

Наконец то установил ИЕ-7 (очень долго отнекивался и отмахивался,жадничал трафик на скачивание дистрибутива), ну а вместе с ней и его младших братьев. Теперь имею полный боекомплект браузеров от майкрософт. Наша оккупационная армия выражает особый respect pepelsbey’ю за то, что сводил нас в зоопарк и иностранным товарищам за рассказ про condcom и версию IE пять-пятьтыщ ;)
Для обозначения в condcom верии ИЕ 5.5 следует присатьIE 5.5000

пример

<!--[if IE 5.5000]> code <![endif]-->
Интиресно, какие сюрпризы приготовил чудо-зверь.

Labels:

Saturday, November 25, 2006

Conditional comments

Расставим точки над i по поводу условных комментариев. Conditional comments (далее condcom)- это просто таки панацея от горячо всеми любимого браузера Интернет-Эксплорер (Microsoft Internet Explorer), при помощи комментариев можно даже различить версию эксплорера (от 5 до 7 и даже между 5.0, 5.5 и т.д.) для которой и требуется прописать особые стили или применить скрипт. Конечно, тема не нова, но все же…

как это выглядит

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<meta http-equiv="Content-type" content="application/xhtml+xml; charset=windows-1251" />
<title>test</title>
<link href="sec.css" rel="stylesheet" media="screen" />
<!--[if IE]>
<link href="ie5.css" rel="stylesheet" media="screen" />
<![endif]-->

</head>
<body>

<p>content</p>

</body>
</html>

Можно (но лучше не стоит, всему свое место-стили и html отдельно, зачем нам без повода захламлять код) и никуда не выносить и стили и комментарии, тогда это будет выглядеть так

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<meta http-equiv="Content-type" content="application/xhtml+xml; charset=windows-1251" />
<title>test</title>

<!--[if IE]>
<style type="text/css">
body{ background-color:green; color:red;}
</style>
<![endif]-->

<style type="text/css">
body{ background-color:red; color:green;}
</style>
</head>
<body>

<p>content</p>

</body>
</html>

Итак полный перечень комментариев

Для определения принадлежности к той или иной версии браузера используется специальный ситаксис:

  • gt больше чем
  • gte больше чем или равно
  • lt меньше чем
  • lte меньше чем или равнo
  • ! исключает из комментариев определенную версию браузера

Conditional comments

<!--[if IE]>
Для любой версии Internet Explorer
<![endif]-->
<!--[if IE 5]>
Только для Internet Explorer 5
<![endif]-->
<!--[if IE 5.0]>
Только для Internet Explorer 5.0
<![endif]-->
<!--[if IE 5.5]>
Только для Internet Explorer 5.5
<![endif]-->
<!--[if IE 6]>
Только для Internet Explorer 6
<![endif]-->
<!--[if IE 7]>
Только для Internet Explorer 7
<![endif]-->
<!--[if gte IE 5]>
AТолько для Internet Explorer 5 и версиями выще
<![endif]-->
<!--[if lt IE 6]>
Только для версий ниже чем Internet Explorer6
<![endif]-->
<!--[if lte IE 5.5]>
Только для версий ниже чем или равных Internet Explorer5.5
<![endif]-->
<!--[if gt IE 6]>
Только для версий выше чем Internet Explorer6
<![endif]--> <!--[if !IE 6]>
Применяется ко всем версиям браузера, кроме 6-й
<![endif]-->

Но все же, не стоит лениться и поискать решение проблемы не прибегая к condcoms.

Весьма фривольный перевод статьи с хорошего сайта quirksmode.org

Labels: ,

Sunday, November 12, 2006

Opensourse в массу, деньги в кассу

Зашел в представительство магазина books.ru и стал копаться в каталоге, по привычке закрыл браузер (то был Fire Fox 1.5-что меня приятно удивило). Но, что более интересное, подбежал(а) администратор зала и давай перезапускать компьютер, оказывается операционной системой у них там стоит Linux, но что именно за версия посмотреть и разузнать не удалось, а было так любопытно.

Labels: