タグ

2012年4月25日のブックマーク (3件)

  • [CSS]CSS3のMedia Queries(メディアクエリ)の使い方と実装例

    CSS3 Media Queries 下記は各ポイントを意訳したものです。 はじめに CSS2のMedia typesではscreen, printなどのように特定のメディア用のスタイルシートを設定することができました。CSS3ではクエリを加えることで、さらに効率的にスタイルシートを使用できます。 Media Queriesはユーザーの状態を調べ、それにあった特定のスタイルシートを適用することができます。例えば、大きいディスプレイ用と小さいモバイル用にそれぞれ異なるスタイルシートを指定することができます。 Media Queriesの使い方 まずは、デモページをみてください。 ブラウザのサイズを変更すると、スタイルが変更されます。

  • Web サイトのスマートフォン最適化: UA 判別篇

    iPhone 買いました。iPhone 4。はじめてのスマートフォンですよ。 で、この機会にこのサイトのスマートフォン最適化を図ろうと考えたわけです。今までなにもしてなかったので。しかし恥ずかしながらスマートフォン向けのサイトを作った経験がなかったので、どこから手をつけたものかわからない。そこで、とりあえず参考になりそうなネタを探そうと「wordpress iphone 最適化」あたりでググってみたところ (このサイトは WordPress で作ってます)、どうも WPtouch iPhone Theme というプラグインが人気らしい。このプラグインは有効にするだけで WordPress サイトをスマートフォン向けに最適化してくれる便利なもので、採用してるサイトもよく見かけます。 でもプラグインをそのまま導入したんじゃ面白くない。やっぱテーマは自分でいじりたいし。となると、とりあえず知りた

    Web サイトのスマートフォン最適化: UA 判別篇
  • [JavaScript] 猿でもわかるクロージャ超入門 5 クロージャを作る - DQN起業日記

    クロージャは、理解するよりも作るほうが簡単 前回の記事では、「関数を返す関数」をいじって、いきなりクロージャを作ってしまいました。 こんなやつです。 <script> //サンプル5-1 function outer(){ var x = 1;  // outerのスコープ内で変数を定義 return function (){ //この関数が「クロージャ」 alert(x); // "関数内関数"の中で、outerスコープの変数を参照。 }; } var f = outer(); f(); // 1と表示。 </script> これが何故クロージャなのかというと、次の条件を満たしているからです。 outerのスコープ内で変数を定義し、 outerの中に関数(=関数内関数)を作って その関数内関数から、先ほどの変数を参照する 何の役に立つのか? 「クロージャが作れたのはいいけど、何がうれしい