среда, 23 февраля 2011 г.

Доработка стилизатора и юзер-скрипта для overclockers.ru

Относительно закончена доработка совместимостей браузеров для показа преобразованного сайта с помощью единого скрипта в Firefox 3.6, Opera 10-11, Chrome 7-8. Возможно, потребуется немного доработок для Safari 5 и вполне может заработать в IE8, если учесть некоторые стили. Но, так как потенциальных пользователей - 2.5 человека, то другие доработки пока излишни. Код отрабатывался, получается, в основном, для отработки техники достижения совместимостей CSS-кода.

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

Наиболее интересной и сложной задачей оказалось преобразование кода HTML вида

<td width="140" align="center" class="row3">
 <p style="white-space: nowrap;" class="topicdetails" id="last_post">
  <a href="./viewtopic.php?f=9&t=39069&p=629242#p629242">
   <img width="18" height="9" title="Перейти к последнему сообщению"
    alt="Перейти к последнему сообщению"
    src="./styles/ocss2/imageset/icon_topic_latest.gif">
  </a>05.07.2004 11:33<br>
  <span class="topicdetails">
   <a href="./memberlist.php?mode=viewprofile&u=39622">
    Overclockers.ru
   </a>
  </span>
 </p>
</td>

в расположение элементов в ячейке таблицы с другим порядком следования и с ограничением ширины ссылки с именем автора комментария и с показом всего имени по наведению мыши.

Совсем хорошо сделать не получилось, потому что дата - не в теге и её нельзя скрыть по наведению мыши на ячейку (решаемо через скрипт, но необязательно пока). Зато настройка стилей потребовала очень долгой работы с 3 подходами в разные дни, потому что все браузеры решили преобразования показывать по-разному. Пришлось делать хаки для 3 типов браузеров.

Если бы все элементы были в тегах и без
, такой работы бы не понадобилось. Из плюсов - опыт достижения совместимости CSS.

Коды юзер-стиля - "Forums.overclockers.ru - стиль Over-Compact 2011".
Коды юзер-скрипта, дополняющего стиль и содержащего его в себе - "OverCompact для overclockers.ru".






понедельник, 10 января 2011 г.

Реализация игры "Жизнь" на Javascript для статьи habr.ru

Реализация игры "Жизнь" на Javascript для статьи habr.ru, 11.01.2011, © spmbt.
(Дублирующая копия скрипта.) Оригинал: http://spmbt.kodingen.com/lifeConway.htm
Статья: habr.ru

Время: 0
Поколение: 0
Классика
Кл. на матр.
DayNight
Sidorov's
Ширина
Высота
на canvas
размер
rect
сетка

Несмотря на то, что здесь скрипт Javascript работает, для экспериментов рекомендуется пользоваться скриптом на другой странице, где размеры поля не ограничены дизайном блога и не влияют посторонние стили: http://spmbt.kodingen.com/lifeConway.htm .