jQuery UI Tabsを使ってタブを実装する
jQuery UI Tabsを使ってタブを実装する方法を紹介します。 本当は4月1日は毎年エイプリルフールネタをエントリーしているのですが、今年は自粛します。 １．サンプル 以下に簡単なサンプルを用意しましたのでご覧ください。 サンプル ２．jQuery UI Tabsのダウンロード jQuery UIのページの「Download」をクリック。 「Toggle All」をクリックして、すべてのチェックを外します。 「Widgets」の「Tabs」をチェック。 ページ下にある「design a custom theme」をクリック。 「Theme Roller」でテーマを選択します。「Roll Your Own」タブではすべてを自分でカスタマイズできますが、最初は「Gallery」タブから決まったデザインを選択して、jQuery UIとテーマの対応の感触をつかんだ方がいいでしょう。 ここでは
CSS で table に斜線を引く方法
CSS で table に斜線を引いてみました。下の表の左上の斜線に CSS を使ってます。 サンプル（クリックすればサンプルページに移動します） Windows XP + IE6 / IE7 / Firefox3 / Safri3 / Google Chrome で確認しています。 ポイントは以下です。 th 要素に position: relative; 斜線を引く要素（ここでは span）に position: absolute; を設定。 斜線（border）を適用する要素の前に を設定。 がなかったり、要素の後方に があると、th のスタイルが隠れてしまう。 クロスブラウザにするため、font-size や line-height など、いくつかのプロパティを設定。 HTML <table summary="data"> <thead> <t
Movable Type 4 で PHP 化する時の注意事項
Movable Type 4.0～4.1 では、「ヘッダー」「フッター」「サイドバー」等、各ページで共通的に使える部分を「テンプレートモジュール」として定義しているので、一ヶ所を修正して再構築すれば全ページに反映されるという、いわゆる「保守性」が向上しました。 しかし、PHP 化を行っている場合、「ヘッダー」テンプレートモジュールに PHP スクリプトが記述されていると、PHP 化の対象とならない「システムテンプレート（コメントプレビュー／コメント完了／検索結果）」にも PHP スクリプトが表示されてしまうため、期待しない表示になるケースがあります。 以下、システムテンプレートで PHP スクリプトを表示しない回避策を示します。 １．基本 PHP スクリプト全体を、下記のように MTUnless タグで括ります。 <MTUnless name="system_template"> ： [P
小粋空間: Movable Type プラグイン一覧（MT4対応）
Movable Type 4 対応のプラグインの一覧です。国内サイトで配布されているプラグインでMT4専用、あるいはMT3.xからのアップグレードまたはMT4での動作確認等が配布先で明示されたものを掲載しています。 2010.05.01 本エントリーの更新は終了し、「Movable Type プラグイン一覧（MT5対応）」に移行しました。 先日まで「Movable Type プラグイン一覧」にMT4版を一部追加していたのですが、対応・非対応が明確に区別できないことや、それによりMT4対応のプラグイン検索に手間がかかることから、新たにエントリーを分けることにしました。 本エントリーに掲載されていないプラグインでも、MT4で動作可能なものは多く存在しますので、「Movable Type プラグイン一覧」等から配布サイトへ進み、動作状況を確認するか、あるいは実際にお試しください。 注意事項 プラ
Thunderbird で返信メールをスレッドに含める方法
Thunderbird で返信メールを元メールのスレッドに含める方法を紹介します。 メールソフト「Thunderbird」は、受信メールをスレッド表示する機能があります。これを利用すれば、メールの返信履歴を追跡しやすく、私は大変重宝しています。 ただし、自分からの返信メール（自分のメールアドレスが送信先に含まれていないもの）については、Thunderbird のデフォルト設定では、利用しているアカウントの「送信済みトレイ」に保存されるので、受信メールと併せてスレッド表示することができません。 ネットを検索したところ、返信メールもスレッドに含める方法がありましたので、本エントリーで紹介します。 設定後の動作は、返信メールを「送信済みトレイ」ではなく、返信したメールのフォルダに保存するようになります。 １．設定方法 メニューバーより、「ツール」→「アカウント設定」を選択 アカウント設定画面の「
YUI Compressor で JavaScript ファイルを圧縮する
YUI Compressor の使用方法を紹介します。 YUI（Yahoo! UI Library） Compressor は、JavaScript ソースコードの圧縮アプリケーションで、バージョン2.0 からは CSS の圧縮も可能になっています。 ダウンロードした Windows 用のバージョンではコマンドラインからの実行のみ有効です。コマンドラインから実行するには Java の実行環境が必要なので、Java の設定方法もひっくるめて紹介します。 なお、当ブログではこれまで複数の JavaScript ファイルを読み込んでいましたが、HTTP リクエスト回数を削減するため、ひとつのファイルにまとめ、さらに YUI Compressor で圧縮してみました。 １．JRE 6 Update 7 のダウンロード JRE（Java Runtime Environment）は Java プログラ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
