背景画像をブラウザの枠いっぱいに表示するテクニックの考察
最近のトレンドの一つでもある背景画像をブラウザの枠いっぱいに表示する実装方法はたくさんあります。その中から、理にかなった最新のテクニックや、より多くのブラウザに対応させるテクニックを紹介します。 Perfect Full Page Background Image [ad#ad-2] 下記は各ポイントを意訳したものです。 各デモはページ下部のDownload Files」で、まとめてダウンロードできます。 背景画像をブラウザの枠いっぱいに表示するテクニックとは CSS3を使ったテクニック CSSだけで実装するテクニック：その1 CSSだけで実装するテクニック：その2 jQueryを使ったテクニック 背景画像をブラウザの枠いっぱいに表示するテクニックとは 前提として、下記のポイントが挙げられます。 画像でページをいっぱいにします。 空きは無いようにします。 画像のサイズは必要があれば調整しま
Gmailを固定ピッチの等幅フォント（MonoSpace）で表示する方法（2009年03月版） | Creazy!
以前作ったGmailを固定ピッチの等幅フォント（MonoSpace）で表示する方法（新Gmail対応）が動かなくなっていたので、修正版を作りました。以前のエントリーではユーザースタイル（userContent.css）をいじる方法も紹介していましたが、今回はGreaseMonkeyのみのアップデートです。 今回からUserScript.orgに置き場所を変えました。 インストールは下記からどうぞ。 http://userscripts.org/scripts/source/43538.user.js この、GreaseMonkeyスクリプトをインストールすると、メルマガの見出しとか、署名なんかの体裁がメールソフトを使っている時のように崩れずに表示する事ができます。 インストール前、こんな表示だったのが… ちゃんと表示されました！ どうぞ、ご利用ください。 ＃ってか、GMailがupdate
jQuery.supportでのブラウザ判別
chromeとsafariを対象とする場合 if(!jQuery.support.checkOn){ alert('あなたがお使いのブラウザはChromeもしくはSafariっぽいです'); } if文の条件式の中で!をつけたので、checkOnがfalseであればこの条件文に該当します。該当するのはwebkitだけなので、これでchormeとsafariのみに振り分けたコードを記述できます。なお、Android標準ブラウザ、iPhone / iPad標準ブラウザといったスマートフォンも同じChromeとSafariなので、この条件に合致します。 FirefoxとOperaを対象とする場合 if(jQuery.support.checkOn && jQuery.support.noCloneEvent){ alert('あなたがお使いのブラウザはFirefoxもしくはOperaっぽいです'
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
