タグ

smartphoneとiPadに関するweb_designerのブックマーク (2)

  • スマートフォンで横長な画像を挿入した時、その部分だけスクロールできるようにするUI

    スマートフォンで横長な画像を挿入した時、その部分だけスクロールできるようにするUI time2012/08/21 hatenabookmark- PCサイトにある画像をスマートフォン向けに載せる場合、その画像を縮小したり、分解したりして載せるかと思います。ただ、以下のようになかなかうまくいかないケースもあるでしょう。 サイズが横長なため(横スクロールを起こさないよう縮小するが)、比較的横幅が狭いスマートフォンでは小さく表示せざるを得ない 地図や案内図など分解することが難しい 例えば、こんな画像です。 札幌市営地下鉄路線図 西荻窪さんぽMAP そんな時に役立つUIを少しこさえてみました。 画像のサイズは保持しつつ、かつページ全体では横スクロールを起こさずに画像がある部分だけ横スクロールするというものです(AppStoreのスクリーンショットのUI、といえばおわかりの方もいらっしゃるでしょうか

  • スマホサイト制作を支援する Adobe Shadow の Labs リリース 1 公開 - akihiro kamijo

    アドビの新しい Web 制作支援ツールとして Shadow の Labs リリース 1 が Adobe Labs に公開されました。 (Shadow@Adobe Labs) 今回公開された Shadow の主な機能は、以下の 2 つです。 デバイス上の表示の同期 デスクトップ上でコンテンツを表示すると、ネットワーク経由で iOS や Android デバイス上の表示が同期される コンテンツのリモートデバッグ デスクトップから、デバイスで表示中の HTML, CSS, JavaScript を修正。結果は直ぐにデバイス上の表示に反映される サイトの表示確認および修正作業中に、デバイス (閲覧環境) とデスクトップ (開発環境) を行ったり来たりする必要がなくなるため、スマホサイトの開発が効率的になりそうです。 Shadow を使うには、デスクトップ環境とテストのターゲットとなるデバイス、それ

  • 1