TapazInDaNet

переезд

2007-04-08T15:55:00.000+04:00

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

В обход ie7

2007-03-01T05:45:00.000+03:00

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

Хокку?

Пара хаков для IE7. Хоть и пользуюсь условными комментариями, но все же в копилку брошу.
Как аналог *html, но только для 7-ой версии эксплорера:

p{background:green;}
*:first-child+html p {background:red; }

И еще один способ, основанный на ошибке прошлых версий браузера:

html>body p{$background:red;}

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

the-border-image

2007-02-15T01:32:00.000+03:00

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

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

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

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

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

2007-01-25T02:44:00.000+03:00

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

обновим осла

2006-11-26T11:36:00.000+03:00

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

Для обозначения в condcom верии ИЕ 5.5 следует присатьIE 5.5000

пример

Интиресно, какие сюрпризы приготовил чудо-зверь.

Conditional comments

2006-11-25T22:14:00.000+03:00

Расставим точки над 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" />

</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>

<p>content</p>

</body>
</html>

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

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

gt больше чем

gte больше чем или равно

lt меньше чем

lte меньше чем или равнo

! исключает из комментариев определенную версию браузера

Conditional comments

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

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

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

2006-11-12T10:15:00.000+03:00

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

Dev.Opera

2006-11-08T05:33:00.000+03:00

Отличную новость принес мне rss-ридер от wemacon’a.Opera открыла сайт для веб разработчиков.

Dev Opera-коммьюнити для разработчиков, верящих в открытые стандарты (по крайней мере так написано на сайте ).
И уже есть уже парочка интересных статей (про создание виджетов не понравилось,то ли через пень-колоду читал, то ли еще что. Но, как говорят французы: бумага должна полежать). А вот статья по созданию анимированного SVG изображения весьма занимательна.

Будем теперь следить что интересного нам принисет новостной канал DevOper'ского сообщества, и практиковаться в чтении на ангицком.

Создаем круглые углы у изображения с неизвестными заранее размерами

2006-11-05T04:53:00.000+03:00

Недавно на одном из моих любимых форумов была задачка о том, как реализовать следующую идею с картинкой: сделать рамку (или обрезать углы у изображения, как вам приятнее и понятнее : ) с круглыми углами, при условии, что размер картинки неизвестен. Сразу подмечу, что в данном примере использовалась графика.

Способов создания круглых углов очень много, использования графики, и заканчивая попиксельным выравниванием. За основу я взял способ, придуманный Adam'ом Kalsey'ем, (по крайней мере, на его сайте я наткнулся на такую конструкцию), по созданию круглых углов у блоков.

Итак, приступим. Для начала нам понадобятся сами углы, рисуем четыре прозрачных гифа.

Используются четыре блока roundcont-это блок-контейнер, куда помещены остальные элементы-это два блока с углами:roundtop-это для верхних углов и roundbottom-для нижних, блок img для картинки.

Далее дело техники: помещаем все в блок-контейнер, прописываем ему свойство float, т.к. мы не знаем заранее ширину картинки, то при помощи свойства float достигнем того, чтобы блок принимал ширину по содержимому. Для блока с картинкой задаем отрицательные поля, на высоту блоков с углами.
Во внутренние блоки вкладываем картинку-уголок, выровненную по левому краю, и задаем бэгграундом другой уголок в правом углу. При помощи z-index перекрываем изображение.

css:

.roundcont {
width: auto;
float:left;
margin:10px;
z-index:10;}

.roundtop { z-index:10;
background: url(i/tr.gif) no-repeat top right;
position:relative;}

.roundbottom {
background: url(i/br.gif) no-repeat top right;
z-index:10;
position: relative;}
*html .roundbottom{position: static;}/*хак для IE6*/
img.corner {
width: 14px;
height: 16px;
border: none;
display: block !important;
}
.img{ margin:-16px 0;}

В Internet Explorer (в 7-ом не проверял) пропадает бэгграунд у нижнего блока, а вместе с ним и наш уголок. Проблема решается хаком *html. Если случается писать хак, лучше пользоваться условными комментариями.

code:

В результате This Page Is Valid XHTML 1.0 Transitional!, прекрасно работает в FF1.5, IE6, Opera8.5, Opera9. Минусом кажется то, что блок все-таки имеет свойство float, но это легко решить вложенностью div'ов.

Ну,погнали наши городских!

2006-11-04T22:09:00.000+03:00

Вот и он. Постараюсь изложить, зачем создавался этот блог, нет, ни про хомячков и про пересадку черенков алоэ речи тут идти не будет (просто на этот счет идей сейчас нет). Есть желание делиться полезностями, какими?
Что ж, наверное, стоит представиться, Tapazukk, очень приятно.C какого-то времени в мою жизнь вполне таки гармонично влились xhtml и css, ну и еще подглядывание (хоть и не такое частое, как хотелось бы) на странички консорциума w3c.
Пожалуй, начну делиться полезностями, и буду очень рад, если это кому-нибудь пригодится :)