Vulpo One

SemiGreen for phpBB

Posted in Development/Web

semigreen

В рамках операции “смена деятельности чтоб не сдохнуть” подкорректировал и обновил шкурку SemiGreen для phpBB от товарища Semi Deus, который забросил ее в районе версии для phpBB 3.0.0

Половину шаблона выкинул — теперь используется наследование из prosilver, так проще стало поддерживать тему в актуальном состоянии. Убрал ужасное чередование цветов в просмотре тем форума и сообщений темы. К сожалению, немного попортил заголовки таблицы. Переименовал тему в SemiGreen CA. Отчасти, потому что моя редакция, пусть и немного было работы, отчасти потому, что ее нельзя скопировать поверх старой — необходимо удалять и ставить заново, иначе не подхватит механизм наследования (появился в phpBB 3.0.3)

Скачать можно с моего сайта UPD: уже нельзя :(

Comments

phpbb, styles

BrowserShots

Posted in Bookmarks, Development/Web

BrowserShots — это сервис, позволяющий получить скриншот вашего сайта в любом из довольно внушительного списка браузров на разных платформах.

Очень полезно при проверке верстки в старых браузерах или на отсутствующих у разработчика платформах.

Comments

browsers, google chrome, internet explorer, mozilla firefox, opera, safari

<audio> and <video>

Posted in IT/Multimedia, Development/Web

Как, должно быть многим известно, новый веб-стандарт HTML5 включает в себя теги <audio> и <video>. Как известно чуть меньшему числу народа, эти теги уже вполне себе работают в Mozilla Firefox 3.1. Что ж. Мне стало интересно и я установил этот Фокс себе на виртуальную вянду.

Что ж, работает… Поддерживает кодеки Vorbis (аудио) и Theora (видео). mp3 не держит, что логично. pcm должен по стандарту, но я не проверял. Контейнеры тоже не проверял, но похоже, что ограничено ogg/ogm/ogv и должен бы быть wav (по стандарту), и если повезет, avi (хотя если всё равно либо несжатый, либо Theora… какой от него плюс?).

В качестве теста подправил пост про “Оду к радости”. Теперь если ваш браузер поддерживает <audio>, вы увидите что-то вроде такого:

audio

Код выглядит вот так:

<audio src="/wp-content/uploads/2008/05/european_anthem_long.ogg" controls="true">
    <a href="/wp-content/uploads/2008/05/european_anthem_long.ogg">скачать</a>
    <strong>(ваш браузер не поддерживает тег AUDIO)</strong>
</audio>

т.е. фактически, проще некуда.

Comments

gecko, html audio, html video, html5, mozilla firefox

XSLT and Web

Posted in Development/Web, Development/XML

XSLT (Extensible Stylesheet Language Transformations) — часть спецификации XSL, задающая язык преобразований XML-документов. Спецификация XSLT является рекомендацией W3C.[1]

Обычно XSLT в вебе используется для преобразования XML-документов в XHTML на стороне сервера. В результате получается обычная HTML-ка, которая передается в браузер. Это не интересно и никак не отражает некоторых прелестей XSLT-преобразования.

Работа с XML и, в частности, XSLT-преобразование является стандартной функцией современных браузеров. Почему бы не заюзать преобразования на стороне клиента?

Выглядит, скажем, наша главная страница как

<page title="Главная">
    <hello/>
    <search/>
    <newsblock>
        <news date="2009-01-02" link="/page1.xml">Новость</news>
        <news date="2009-01-12" link="/page2.xml">Еще новость</news>
    </newsblock>
</page>

И уже в браузере формируется в приветствие, блок поиска и блок новостей и оборачивается в оформление сайта.

Такой подход используется, например на сайте starcraft2.com и сайте avalon.com.ru, над которым я время от времени и колдую.

Посмотрим на достоинства и недостатки:

Достоинтсва:

  1. Разделение данных и представления. Это типа хорошо и этого всегда добиваются
  2. Снижение нагрузки на сервер. Точнее, на вебовский фронт-энд, так как ему уже не надо по куче шаблонов формировать удобочитаемое представление
  3. Снижение трафика. Шаблоны достаточно скачать один раз и закешировать. Собственно, тот же эффект, что и от CSS

Недостатки:

  1. Требуется более высокое качество кода. Корявый HTML коряво отображается. Корявый XML не отображается вообще (на самом деле это достоинство, но моду диктуют “индусы” и другие быдлокодеры)
  2. Нагрузка на клиента. Современные браузеры на XSLT-страничках заметно подтормаживают, особенно, разумеется, Internet Explorer. Тонкий клиент как бы “толстеет”
  3. Browser Wars. Стоит просто у валидной XHTML-странички сменить тип с text/html на text/xml, сразу же всплывают какие-то странные несовместимости у браузеров. А, например, открытые реализации KHTML/WebKit (напр, Konqueror и Arora) вообще XSLT не понимают

Непонятки:

  1. Поисковики. Как поисковики относятся к XSLT? А хз. Требует дополнительного исследования

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

Comments

xslt

Gravatar Checker

Posted in Development/Web

a.k.a. JavaScript Gravatar Implementation, написанный от скуки минут за 10. Правда, потом ещё долго отлаживался, потому что я совсем позабыл JavaScript >__<

Может быть использована для проверки работы Gravatar, если вы не доверяете тестовой страничке самого сервиса. ВЫводит картинку размером 256x256. Если Gravatar для введенного e-mail не найден, выводит символ Gravatar. Рабочий вариант — по ссылке.

Была использована сторонняя библиотечка для рассчета хэша md5.

UPD: По причине того что я обиделся чекер граватаров был убран с блога и с сайта. Юзайте Libravatar Checker

Comments

gravatar, javascript