自分的HTMLテンプレートの組み方 | Takazudo Clipping*
自分的HTMLテンプレートの組み方と例です。 まぁ、やるたびにちょこちょこ変えてるんですけど、2009年7月版ってことでざっくり説明。 空テンプレ モジュール一覧 サンプル ダウンロード用 エリアとモジュール 繰り返し使用される要素の塊をモジュールと呼び、エリアの中にこれを並べてページを作成するのを基本とする。 モジュールの開始要素には、「mod_moduleName」のようにclass（もしくはid）をつける。 モジュールやエリアのclass/idを起点に全てのスタイルを指定する。p、h1～h6、blockquote、table等、要素自体に直にスタイルを指定してはいけない。（グローバル変数を使っているような状態になってしまうため、以降考慮するのが面倒。リセット程度に済ます。） モジュールにスタイルを指定する際には、mod_moduleNameを起点としてスタイルを指定し、カプセル化を
Javascriptは最後に・・・ - WolaWola
WolaWola YSlowで指摘される、高速化のためには、Javascriptを最後に置けというのを、変数を使って実現する手段を紹介します。 Home Plugins Profile This_site Mailform Search Archives YSlow for Firebug使ってる方いると思うんですが、体感速度を上げる方法として、「CSSは最初に読み込み」「Javascriptは最後に読み込む」ってのがあるみたいです。 基本的な画面表示は先に終わらせるってことみたいです。 それで、スクリプトをまとめて、フッターの後・</body>の直前に置こうと思った場合に、問題になる点があります。 ひとつは、コメントフォームでのグリーティング表示部分。もう一つはウィジェット部にスクリプトが含まれるようなケースです。 このサイトでは、その様なテンプレートの途中で
テンプレート関連 - FAX
テンプレート関連 JavaScript 最終更新 2008/9/23 日本野望の会−Yabooo.org » Javascript でHTML::Template | Matthias Georgi - Patroon - a Javascript Template Engine google-jstemplate - Google Code Ajaxian » Django Template Language in JavaScript EJS - Embedded JavaScript at Edward Benson JsonML (JSON Markup Language) IT戦記 - JsonML を使う高速テンプレートエンジン「JsonML.Template」 JSLT javascript-based XSLT alternative ZParse - Advanced J
livedoor Techブログ : jTemplatesでHTMLを書くときに知っておきたい8つのこと
こんにちは、(主に)LDサービスのインターフェース部分に携わらせてもらっている油井です。 現在ホットな JavaScript-library の一つとして「jQuery」の名をあげることができますが、このライブラリのプラグインとして動作するjTemplatesというHTMLテンプレートエンジンにも、(個人的にはですが)注目しています。 http://jtemplates.tpython.com/ そこで、以下、私がjTemplatesを触ることにより知り得た『jTemplatesでHTMLを書くときに知っておきたい8つのこと』について言及していきたいと思います。 ※ 今回の記事では「jQuery1.2.1-非圧縮版」そして「jTemplates0.5.0-非圧縮版」を使用することを想定しています。 1, (特殊変数である)$Qの正体 jTemplatesには$Tと$Pそして$Qという特殊変
Movable Type 3 から Movable 4 へのアップグレード（コメント関連テンプレート差分）
Movable Type 3 から Movable 4 へアップグレードした場合、MT4 で新しく追加・変更されたコメント関連のMTタグは反映されません。 ということで机上での確認ですが、MT4 の機能を利用する場合のテンプレートの差分を示します。 なお本エントリーの反映を行う場合、インデックステンプレートの mt.js（MT3 の mt-site.js の後継） の利用が前提となりますが、アップグレードでは mt.js がインデックステンプレートに生成されません。 mt.js を取得するには、新しいブログをひとつ作成し（再構築はしない）、そこからインデックステンプレートにある「JavaScript（mt.js）」の内容をコピーし、元ブログのインデックステンプレートに新しいテンプレートとして追加してください（他に良い方法があればご教示ください）。 また、mt-site,js を読み込んでい
カテゴリー・アーカイブのカテゴリーリストで該当カテゴリーのエントリーのみを表示する
カテゴリー・アーカイブに表示されたカテゴリーリストで、該当カテゴリーのエントリーのみを表示するカスタマイズです。 ご質問を頂きましたので本エントリーにて紹介致します。 以下のサンプルの（X）HTMLは、当サイトの「XHTML 1.0 Strict 版テンプレート」をもとにしたマークアップですので、それ以外の配布テンプレートをご利用の場合は、dt / dd をそれぞれ div に直してください。 また、本カスタマイズは MT4 でも利用可能ですが、MT4 版は別エントリーで投稿したいと思います。 １．PHP 版 カテゴリー・アーカイブテンプレートの任意の位置に、下記のカテゴリーリストを設定してください。 ブログがPHP化されていることが前提です。 <MTIfArchiveTypeEnabled archive_type="Category"> <dt class="sidetitle"> C
JavaScript でお手軽テンプレートエンジン - Psychs's blog
JavaScript で DOM をがしがしいじるのは大変だけど、でかいテンプレートエンジンを使うのはちょっと大げさだ、というときがある。そんなときに気軽に使えるテンプレートエンジンを作ってみた。 ソースは以下の通り。 function applyTemplate(template, f) { try { return template.replace(/#\{[^#{}]+}/g, function(s) { var v = f(s.slice(2, -1)); return v == null ? '' : v.toString().escapeHTML(); }); } catch (e) { return '[' + e.name + '] ' + e.message; } } 使い方は、 <div id="template" style="display:none"> <h2>#
JSON Feed のススメ - 研究室
JavaScript、Ajax、HTML5(API)、Ruby…Web及び関連技術の実験&情報公開&制作物紹介。 更新情報の配信といえば、RSSやAtomが有名ですよね。 その中で最近、「JSON Feed」なる言葉を目にした（耳にした）人も少なくないはず。 JSON Feed というのは、誤解を恐れずに言えば「JavaScriptで記述された情報配信フォーマット」です。 そのまま「外部JavaScriptファイル」として<script>タグで読み込むことができ、スクリプトやAjaxで加工することができます。 ということで、このLabにも付けてみました。 http://www.antimon2.atnifty.com/feed.js せっかくなので、Movable Type 用の「JSON Feed テンプレート」を公開、ご自分のブログへの設置方法も解説します。 トラックバック(3)
TagCloud を JavaScript でパワーアップ
TagCloud を JavaScript でパワーアップ Permalink URL http://www.magicvox.net/archive/2005/09241727/ Posted by ぴろり Posted at 2005/09/24 17:27 Trackbacks 関連記事 (1) Comments コメント (7) Post Comment コメントできます Category 巷では Ajax 云々が大人気です。あの Google Maps も実のところ、Ajax のコアを成す JavaScript を使ってあれだけのことを実現しています。FLASH に頼らずにブラウザだけで完結しているのは本当に驚きですね。JavaScript もまだまだ捨てたものじゃないという優れたお手本だと思います。 さて、記事分類の新たな切り口として先日、本サイトにも導入してみた TagClo
小粋空間: プルダウンメニューに表示されたアーカイブリンクの選択状態を保持する
サイドバーのカテゴリーアーカイブリストや月別アーカイブリストをプルダウンメニュー（セレクトボックス）にしている場合、プルダウンメニューから選択したアーカイブリンクの選択状態を保持するカスタマイズです。選択されたアーカイブリンクを強調表示する（モジュール化対応版）の最後に提案ベースで記していたものを動作するようにしました。 具体的な動作は、プルダウンメニュー化された月別アーカイブリストやカテゴリーアーカイブリストから任意のアーカイブリンクを選択すると、自動的に選択したアーカイブページにジャンプし、ジャンプ先にある同じプルダウンメニューに、選択されたアーカイブリンクを表示します（通常のプルダウンメニューは他のページにジャンプすると選択状態が元に戻ってしまいます）。このカスタマイズを行うことでプルダウンメニューの直感的な操作が可能になります。左の図は月別アーカイブリストから「2004年11月」を
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://bizcaz.com/archives/2008/11/29-191103.php
http://www.learningmovabletype.com/archives/001583dynamic_comment_previewing.php
テキストエリアのデータを1クリックで選択する: 小粋空間
stroll blog ブログパーツ？リンク集（75＋1つ追加）
http://cefa.sakura.ne.jp/archives/2005/08/302303.php
http://yujiro.dyndns.org/blog/koikikukan/archives/2005/02/09-235959.php