HTMLのsrcsetを使って画像をレスポンシブにRetina対応させてみよう | Kia King
WEBでレスポンシブ対応するときに結構大変なのが画像の扱い。iPhone等の高解像度デバイス(Retinaディスプレイ等)には2倍の画像を用意する必要があるし、最近は画面のサイズに会わせて画像を切り替えたい場合も多い。そんな時にHTML5のsrcsetがすこぶる便利だったのでご紹介します。 srcsetでできること 次のようなことが可能になります。 Retinaディスプレイ用に画像を切り替える ウィンドウサイズに合わせて画像を切り替える ウィンドウサイズに合わせて動的に画像を切り替える Retinaディスプレイ用に画像を切り替える 基本的な使い方は下記のような感じでimgタグに使用します。シンプルですね。 <img src="img/example-img.jpg" srcset="img/example-img.jpg 1x, img/example-img@2x.jpg 2x" alt
【Guide】スマホサイトの作成・基本編
こんにちは（・∀・） スマホサイトを作ると言ってもいろいろとあります。 例えば、既にあるWebサイトをPCサイト・スマホサイトに対応させる、一からPCサイト・スマホサイトを作る、PCサイトはすでにあるので、スマホサイトを別に作ってPCサイトとJavaScriptなどを利用して振り分けるなどなど... ここではHTML5+CSS3を使って、一からPCサイト・スマホサイト(iPhone・Android)を作る方法についてご紹介していきたいと思います。 HTML5でスマホサイトを作るときの基本 HTML5でページを作成していきます。HTML5についての詳しい解説はHTML5・ページ作成の基本をご覧ください。 今回はPCサイト・スマホサイトを一つのHTMLで作りますのでPCサイトも考慮してHTMLを組んでいきます。 なお、スマホサイトの横幅はリキッドレイアウトで指定して可変レイアウトにします。スマ
HTML5 & CSS3 ブラウザ別サポート状況
What is an IP Address? An IP (short for “Internet Protocol”) address is a unique number assigned to every machine that connects to the internet. Nowadays, you can have multiple computers behind a router that share a single IP using Network Address Transformation (NAT). If you have ever used a wifi hotspot to access the internet, you’ve shared an IP address with someone. What’s the Difference betwe
「IE9はHTML5を強力サポート」のうわさ Flashの未来は暗い？
IE9はFlashにとって逆風になる？ Internet Explorer（IE）の次期バージョンは、強力なHTML5サポートを備えるといううわさが流れている。Microsoftは昨年のProfessional Developers Conferenceで、IE9ではHTML5などのWeb標準に準拠することを目指すと語っていた。IE9を通じてHTML5が普及すれば、AdobeのFlashには逆風となるかもしれない。同規格は動画再生機能を持ち、Flashのようなプラグインなしでブラウザ上で動画を再生できるためだ。一部では既に「HTML5があればFlashは不要」という声も上がっており、Appleのスティーブ・ジョブズCEOは「Flashは使われなくなりHTML5に移行する」と語ったと伝えられている。 現在、IEを除く主要ブラウザはほとんど（Chrome、Safari、Opera、Firefo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
