Lvx ex Cælis

No more backward compatibility

2008-09-27T16:29:52+08:00

我最近突然覺得向下相容是一件錯誤的事。就因為網頁設計師總是向下相容到 IE 6 ，使用者才不願升級為 IE 7 —— 反正都可以用，當然選擇已經用得順手的舊版瀏覽器。所以本站下次的改版將無視 IE 6 使用者，版面爛掉就爛掉，我不要為 IE 6 作任何 Fix！ XD （但 IE 7 使用者我還是會照顧一下）

為了心安，我還是參考了一下本站的流量統計，結果令我相當驚喜——本站近一個月來的 IE 使用者只佔了 51% ，其中大約只有一半為 IE 6 ，而 Firefox 使用者竟然高達 40% 。不過近一個月可能太近，我又看了近半年的資料，其實沒差多少， IE 使用者只佔了 58% ，其中同樣大約一半為 IE 6 ，計算得精確一點的話，本站近半年來只有 32.35% 的訪客使用 IE 6 。雖然 IE 的數字仍然過半，但這比例與一般網站相較，差異已經相當懸殊。綜合以上資料，我認為本站主要客群並不是使用 IE 6 ，我可以安心地寫新時代的網頁 >ω<

征服者

2008-09-06T22:16:37+08:00

看來 Google Toolbar 的字典功能是簡轉繁的…

Do As Infinity 復出！

2008-08-30T20:16:25+08:00

剛開始的消息是說伴和亮要出席 a-nation ，當時還不敢太期待 XD 現在則是確定於 9/29 復出，間隔剛好三年。不過… 新的成員中看來沒有大…… orz

Breezy Archives Plugin for Habari

2008-08-27T17:20:45+08:00

簡介

Breezy Archives 是一個模仿 Live Archives 的彙整 Plugin 。當瀏覽器關閉 JavaScript 功能時，它會變成 Clean Archives ，而不會留下一個空白的頁面。

安裝

解壓縮檔案。
將 breezyarchives 資料夾放到 /user/plugins 資料夾中，然後到 Habari 管理介面中啟用它。

將下面這行貼到你的 Theme 中。

<?php if ( Plugins::is_loaded('BreezyArchives') ) $theme->breezyarchives(); ?>

設定 / 自訂

啟用後，請按下 Configure 來設定此 Plugin ，有這些項目可以設定：

Chronology – 依月份彙整的設定
- Title for Chronology Archives – 月份彙整的標題。
- Month Format – 設定月份的格式，共有四個選項可選擇。
  - Full name – 全稱 (January – December)
  - Abbreviation – 縮寫 (Jan – Dec)
  - Number with leading zero – 前方補零的數字 (01 – 12)
  - Number without leading zero – 前方不補零的數字 (1 – 12)
- Show Monthly Posts Count – 顯示每個月份的文章數量。
Taxonomy – 依標籤彙整的設定
- Title for Taxonomy Archives – 標籤彙整的標題。
- Show Tagged Posts Count – 顯示每個標籤的文章數量。
- Excluded Tags – 此為選填欄位。在此輸入你不要顯示於標籤彙整的 tag slugs 。
Pagination – 分頁設定
- № of Posts per Page – 每頁顯示幾篇文章。
- Next Page Link Text – 下一頁的連結文字。
- Previous Page Link Text – 上一頁的連結文字。
General – 一般設定
- Show Newest First – 將新的文章放在前面。
- Show № of Comments – 顯示每篇文章的迴響數量。

如果你要修改 CSS 呈現的結果，可以將 breezyarchives.css 複製到你的 Theme 資料夾中並修改這個檔案。

下載

Breezy Archives

更新紀錄

0.1 (2008-08-27) – 初次釋出。

Introduction

Breezy Archives is an archives plugin which mimics ‘Live Archives’ on WordPress. When JavaScript is not available, it will graceful degrade to a ‘Clean Archives’.

Installation

Extract the file.
Put the folder ‘breezyarchives’ to /user/plugins and activate it.

Copy and paste the following line to your theme.

<?php if ( Plugins::is_loaded('BreezyArchives') ) $theme->breezyarchives(); ?>

Configuration & Customization

After activated it, click Configure button to setup the plugin. Most of following options are required and have to be set properly.

Chronology – Configurations about Monthly Archives
- Title for Chronology Archives
- Month Format – There are 4 options: ‘Full name’, ‘Abbreviation’, ‘Number with leading zero’, ‘Number without leading zero’
- Show Monthly Posts Count – Check this to show the number of posts of each month.
Taxonomy – Configurations about Tag Archives
- Title for Taxonomy Archives
- Show Tagged Posts Count – Check this to show the number of posts of each tag.
- Excluded Tags – This field is optional. Put tag slugs here which you want it to be excluded from tag archives.
Pagination – Configurations about Pagination
- № of Posts per Page
- Next Page Link Text
- Previous Page Link Text
General – General Configurations
- Show Newest First – Check this to show latest posts first.
- Show № of Comments – Check this to show the number of comments of each post.

You can copy ‘breezyarchives.css’ to your theme directory and modify the CSS style.

Download

Breezy Archives

Changelog

0.1 (2008-08-27) – Initial release.

Badge plugins update

2008-08-27T05:30:06+08:00

這邊已經快變成我的 Habari Plugin 發佈網站了……

Audioscrobbler 0.3 / DeliciousFeed 0.2 / FlickrFeed 0.3 / Jaiku 0.4 這次主要的更新是支援在一個頁面上使用多個實體，舉例來說，你可以一次放兩個不同帳號的 FlickrFeed ，顯示不同大小、不同數量的照片。

使用方法是在呼叫時傳入參數，像是這樣：

<?php
    $theme->flickrfeed(array(
        'type' => 'user',
        'user_id' => '21638177@N00',
        'num_item' => '6',
        'size' => 'square'));
?>

不需填入所有參數，沒填的部份會依照你在管理介面中的設定，關於有哪些參數可用請先參考原始碼 :p

Windows Live Search sucks!

2008-08-25T00:52:12+08:00

msnbot 是唯一會假裝成一般使用者來驗證網站的 crawler ，過去它們還會送出 FORM=LIVSOP 、 FROM=LVSP 或 FROM=QBHP 這些參數，現在竟然完全偽裝成一般使用者了…… 在流量統計看到一堆無意義的搜尋詞實在讓人很討厭。

YUI 3 SlickSpeed Selector Test

2008-08-16T04:54:51+08:00

YUI 3.0 Preview Release 1 推出了，並且是砍掉重練式的大更新，所以我當然要來測一下它的 Selector 速度囉！由於取用方式與其他 Library 有很大的不同，我花了一點時間才成功將它放進 SlickSpeed。

目前 YUI 官方給的範例、文件中都是採用這樣的方式

YUI().use('node', function(Y) {
    Y.get('#demo').addClass('enabled');
});

yui-min.js 是一個 Loader ，使用時必須先用 YUI.use() 來建立 instance 並載入所需功能，然後才能使用 Y.get() 這種寫法。經過我研究原始碼後發現，如果只要用 Selector 的部份，則僅需載入 yui-base-min.js, dom-base-min.js 和 selector-min.js 三個檔案，然後使用 YUI().use("selector").Selector.query() ，就能選擇 HTML 物件。不過如果是載入 yui-min.js ，就不能用這種方法了。

測試結果：YUI 2 終於不再是最慢的 Selector ，因為現在多了 YUI 3 來當它的墊背… 囧rz

UAODecode

2008-08-14T23:05:48+08:00

完全是無聊而寫了這個，我自己也用不到 XD

這個 PHP Class 的功能是將 Big5 中文及 Unicode-At-On 新增字轉換為 UTF-8 或 NCR。本程式移植自 PCMan 2007 ，所以採用 GNU GPL 授權。

下載

UAODecode

使用方法

<?php
    // 輸出 UTF-8
    echo UAODecode::big5_to_utf8('Unicode-At-On 文字');

    // 輸出 NCR
    echo UAODecode::big5_to_ncr('Unicode-At-On 文字');
?>

Binadamu 1.1

2008-08-16T19:29:38+08:00

Binadamu 1.1 更新項目如下：

更多的外掛支援：DeliciousFeed, FlickrFeed, Jaiku, Pageless, RN Related Posts, RN Related Tags 。
Twitter 改用我改過的版本（未釋出）。
留言表單大改，目前已支援 Firefox 3, Safari 3, Opera 9, Internet Explorer 6–8 。
單篇文章使用不同的側邊欄。
許多 CSS 方面的修改。
新增 Screenshot 。

Pageless Plugin for Habari

2008-08-04T06:53:02+08:00

警告

使用此 Plugin 必須有 HTML 、 PHP 基礎知識。

簡介

此 Plugin 取代了分頁，使用者只要將頁面向下捲動，新的內容便會自動載入。

安裝

解壓縮檔案。
將 pageless 資料夾放到 /user/plugins 資料夾中，然後到 Habari 管理介面中啟用它。
將 pageless 資料夾中的 pageless.php 複製到你使用中的 Theme 資料夾，並根據你所使用的 Theme 來修改。（通常只要參考 multiple.php ，刪除 foreach 以外的部份即可。）

設定

啟用後，請按下 Configure 來設定此 Plugin ，你必須設定這些項目：

How many posts to load each time? – 你一次想載入幾篇文章？
Class name of posts – 每篇文章共同的 CSS class
ID of page selector – 頁碼選擇器的 ID

設定範例

正確的 HTML 架構如下：

<div id="entry-post_1" class="hentry">
    <!-- Post 1 -->
</div>
<div id="entry-post_2" class="hentry">
    <!-- Post 2 -->
</div>
<div id="entry-post_3" class="hentry">
    <!-- Post 3 -->
</div>
<div id="page-selector">
    <!-- Page: 1, 2, 3, ... -->
</div>

每篇文章各有一個 ID ，格式為 entry-post_slug
每篇文章都有一個共同的 CSS class ，範例中為 hentry
頁碼選擇器有一個 ID ，範例中為 page-selector

如果你的 HTML 架構不符合以上條件，請修改你的 Theme 。

下載

Pageless

更新紀錄

0.1 (2008-07-31) – 初次釋出。

Caution

You must have basic HTML and PHP knowledge to use this plugin.

Introduction

This plugin give your blog the ability of Infinite scrolling, instead of breaking content into ‘pages.’

Installation

Extract the file.
Put the folder ‘pageless’ to /user/plugins and activate it.
Copy ‘pageless.php’ from ‘pageless’ folder the activated theme folder and modify it base on the theme (Mostly you can simply copy ‘mutiple.php’ in the activated theme folder and remove all lines before or after the foreach block).

Configuration

After activated it, click Configure button to setup the plugin. All of following options are required and have to be set properly.

How many posts to load each time?
Class name of posts
ID of page selector

Example

There is an example of correct HTML structure.

<div id="entry-post_1" class="hentry">
    <!-- Post 1 -->
</div>
<div id="entry-post_2" class="hentry">
    <!-- Post 2 -->
</div>
<div id="entry-post_3" class="hentry">
    <!-- Post 3 -->
</div>
<div id="page-selector">
    <!-- Page: 1, 2, 3, ... -->
</div>

Each post’s container must have an ID named ‘entry-post_slug’. If you are sure you won’t write any post which slug is begin with ‘entry-’ or ‘page-‘, then you can simply named it ‘post_slug’.
Every post must have an identical CSS class, e.g. ‘hentry’, and this CSS class must not appear elsewhere. You have to put this in Class name of posts.
The page selector’s container must have an ID, e.g. ‘page-selector’. You have to put this in ID of page selector.

If your HTML structure does not conform these rules, you have to modify the theme.

Download

Pageless

Changelog

0.1 (2008-07-31) – Initial release.