画面サイズによって読み込むイメージを切り替えてくれる「Responsive Images」
レスポンシブ・デザインでサイト制作をする際に困るのが画像のサイズ。今とりかかっているサイトでも、対応策に悩んでいるところです。 PC画面向けの大きなイメージはモバイルには大き過ぎる。 逆に、モバイル画面向けの小さな画像はPC向けには小さすぎる。 そんな問題を解決してくるのがFilament Groupという制作会社が使った「Responsive Images 」という、JavaScriptとApacheの.htaccessを使った仕組です。まだ実験的なものでプロダクションレベルのものではないかも知れませんが、Github でソースが提供されているので、ここから改善したものをフォーク するのもありですね。 「Responsive Images」の仕組 実際に試したわけではないですが、説明によると以下のような仕組だそうです。 .htaccessとJavaScriptを利用して、スクリーンサイズ
responsive.is - このウェブサイトは販売用です！ - responsive web design リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
