CSSでMovable Typeをスマートフォンに対応させる その3
CSS3で採用されたMedia Queriesを利用して、スマートフォン(iPhone・Android)とPCのスタイルシート(CSS)を振り分ける方法については、メリット、デメリットがありますが、デバイスのOSやUAが何であるかよりも、どのような解像度や画面の大きさでサイト...
CSSでMovable Typeをスマートフォンに対応させる その2
スタイルシートの追加 スマートフォンは表示領域が小さく、pre要素とcode要素からはみ出した内容が表示されないままなので、次のスタイルを追加しました。
CSSでMovable Typeをスマートフォンに対応させる
Movable Typeをスマートフォンに対応させるには、CSS3で採用されたMedia Queriesと、Viewportでデバイスを振り分けるアプローチもあります。
「iPhoneテンプレートfor MT」でスマートフォン対応その2
「iPhoneテンプレートfor MT」でスマートフォン対応にという記事の続きです。 カスタマイズというほどではありませんが、カテゴリリストを追加して見ました。
MTEntriesタグで、エントリーを全件を出力する方法
エントリー全件を出力させる場合、<MTEntries lastn="9999">などと、エントリーを通常想定されるはるか上限の9999をモデファイアで指定することが多いのですが、エレガントではないので、WingMemoさんの、「WingMemo: ...
「iPhoneテンプレートfor MT」でスマートフォン対応に
自分自身がスマートフォンに戻したこともあって、このサイトも、crema designさんの「iPhoneテンプレートfor MT」でスマートフォン対応にしてみました。 ポイントは、iUIという、iPhone向けサイトのUIを提供するライブラリを使うことなんですが、若干、...
複数ブログの運用で代替の検索結果テンプレートを指定したときの注意点
このサイトは複数ブログで構成されています。テンプレートの管理を楽にするため、検索結果を共通の代替テンプレートを指定しています。 複数ブログの運用で、代替の検索結果テンプレートを指定したとき、mt-config.cgiに環境変数 SearchAltTemplate altsear...
Movable Typeで西暦を和暦に変換する方法2種
記事本文で和暦を使っているのに、全体では西暦表示だったのがいまいちでしたが、2つのサイトから解決策が。
外部サイトへのリンクにtarget=_blank属性を追加(jQuery)
jQueryを使って、外部サイトへのリンクにtarget=_blankを追加する仕様にしました。 外部へのリンクにtarget=_blank属性を付けることはアクセシビリティの観点から望ましくない。つまり、別ウインドウで開くかどうかはユーザーが判断すべきとされてきましたが、...
jQuery.ajaxでモジュール読み込み(maRkのMyOwnより)
サイドバーの最新記事リストについては、小粋空間さんで紹介されている、「Ajax によるモジュール化(jQuery版)」を利用していますが、maRkのMyOwnよりさんで「jQuery.ajaxでモジュール読み込み」というのが紹介されていました。 jQuery.loadではなく、...