Backup of Web素材/PukiWiki用スキン (3) Back


Back to History list

#navi(../)
*PukiWiki Advanced Skin Project [#be929ee0]
-[[LogueWiki Standard>./LogueWiki Standard]]
-[[xxxLogue>./xxxLogue]]
-[[White Flow Plus!>./White Flow]]

*PukiWiki Advとは? [#f5f3b7a6]
PukiWikiの仕様を超えない範囲(本体改造しない)でajaxなどといった最新のWeb技術を極限まで取り入れるプロジェクトです。現在の所フレームワークにjQuery+jQueryUIを用いていますが、将来的にはdojo+dijit、Ext(煎茶)などをベースとしたスキンなどを使うことも考えています。

*現在の仕様 [#m3f52320]
:動的書き換え|
すべて、jQueryによるイベント割り当てを上書きで行っているため、JavaScript無効でも影響がありません。言い換えると特殊なタグなどを使っていないため、本体改造が不要である上、SEOになんら影響を与えません。
:ポップアップ目次|
Plus!でおなじみのポップアップ目次機能です。/キーを押すとページの見出し一覧が表示されクリックするとその場所へ移動します。
:ページ内ダイアログ|
ソースやバックアップ、検索画面などをjQuery UIを用いたページ内ダイアログで表示します。ページ遷移によるストレスを減らすことができます。
:スムーズスクロール|
jQuery.scrollToを用いたスムーズスクロールです。しかも、リンクした先の要素がハイライトします。アドレスが#で汚れることがありません。
:tablesorterによるテーブルソート機能|
テーブルが使用されているページで、ヘッダーが指定されている場合はヘッダー部分をクリックすると項目別に自動的にソートします。なお、テーブルソーと機能を使う場合は以下のようにテーブルを指定する必要があります。
 |~項目1|~項目2|h // <- 末尾にhを入れてヘッダーとする
 |値1|値2|
 |値3|値4|
:画像にリンクが貼られていた場合インラインダイアログで表示|
インラインダイアログによる画像表示を行います。画像の大きさに応じてウィンドウがアニメーションしながらリサイズします。
:画像の遅延ロード|
画像を一度に読み込むのではなく、ページがスクロールしたときに画像を読み込みます。これによりサーバーへの負荷が減るだけでなくクライアントの描画も軽くなります。
:ツールチップ拡張|
ツールチップがなめらかに動きます。
:パスワードのcookie保存|
FireFoxで閲覧したようにパスワードをcookieに保存します。
:Webkit系ブラウザ(Safari、Chrome)でも入力補助(Plus!のみ)|
Webkit系ブラウザでも、リアルタイムエディットが使えます。
:テキストエリアリサイズ|
テキストエリアの高さを調整できます。(現在はtextarearesizerを使用していますが、容量の兼ね合いからjQueryUIのリサイザに変更する予定です)
:多言語対応|
Plus!の特徴の一つで有る多言語化をさらに推進し、より柔軟に言語を追加できるようにします。
*今後の予定 [#k35f004e]
:swfuploadによるファイルアップロード|
ページを移動することなく複数のファイルをアップロードできるようになります。JavaScript無効時は通常の添付フォームが表示されます。
:編集画面拡張|
Plus!でなくてもリアルタイムプレビュー以外の機能が使えるようにします。
:PukiWiki/Plus!クロスコンパチブル|
PukiWikiとPlus!で修正なしでネイティブで使用可能にします。PukiWIki本家に含まれないPlus!依存のコードは読み込まないようにします。
:jQTouchによるiPhone(Webkit)対応|