レスポンシブ・ウェブデザインについて
最近ではandroidやiPhone・iPadなどのスマートフォンやタブレットが普及してきて、 スマートフォンやタブレット用にホームページを調整しなければいけない需要が増えてきました。 これまでは、携帯サイトやスマートフォン用にHTMLを作成していかなければならなかったのですが 、このレスポンシブWebデザインではパソコン用のHTMLひとつと任意の数のCSSだけで端末が変わっても デザインが最適化されたホームページを見る事ができます。 今回はそのレスポンシブWebデザインについてご紹介します。 レスポンシブ・ウェブデザインとは？ レスポンシブ・ウェブデザインとは単一のHTMLで画面サイズが異なるデバイスに応じて 表示レイアウトを自動的に切り替えるWebサイト制作手法です。 つまり、1つのWEBサイトを、パソコン、タブレット、スマートフォン、 それぞれの操作性と見え方にあった最適なデザインに
JavaScriptにもMedia Queryを·Javascript onMediaQuery MOONGIFT
Javascript onMediaQueryはMedia Queryライクな振り分けをJavaScriptで実現するライブラリです。 CSS3ではMedia Queryという仕組みがあります。これはデバイスの画面幅や高さ、色などをキーにして専用のスタイルを適用する技術です。そして同様のメディアによる振り分けをJavaScriptにも提供するのがJavascript onMediaQueryです。 こちらはデスクトップの場合。 こちらはiPhoneの場合。画面幅を調整すればメッセージが変わります。 実際のコードです。contextによる指定で実行される関数が変わります。 Javascript onMediaQueryは画面幅を常に監視しているようで、Webブラウザウィンドウの大きさを変えるとメッセージが切り替わるようになっています。スマートフォンかタブレットかによる区別ではなく、画面幅に応
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
