タグ

2014年3月10日のブックマーク (2件)

  • タブレット向けWebデザインのノウハウ40選

    はじめに ―― タブレットにはPCサイトを表示すればいい??スマートフォンの普及率が高まり、最近ではスマートフォンに最適化されたWebサイトも珍しくなくなってきました。デバイスの種類も相当バラエティ豊かになってきて、スマートフォンに限ってもさまざまな機種に対応するのは一苦労です。 たとえば、画面解像度という点から見たとき、iOSではRetinaディスプレイが標準となったものの、実質は幅320ピクセルを維持したままです。Androidでは画面が大型化された機種では1080ピクセルの幅がある一方、小さい機種では320~480ピクセル幅と、実に倍近い違いがあります。 このくらい大きな画面になると、7インチタブレットに近いサイズになりますが、そうしたデバイスでiPhoneを基準に作られているサイトを見ると、妙に画面が余ってしまうことがあります。かといって、PCサイト(切り替え機能が実装されていれば

    タブレット向けWebデザインのノウハウ40選
    nebos
    nebos 2014/03/10
    タッチデバイスの特性を考慮する。その手法まで。連載の目次ページ
  • [JS]これスゴイよ!スクロール時にさまざまな楽しいエフェクトを与えるスクリプト -ScrollMagic

    スクロールに合わせて、さまざまなアニメーションをシンクロさせるjQueryのプラグインを紹介します。 Appleのプロダクトページのように次々に要素を表示したり、簡単にパララックスを加えたり、特定の要素をスクロール時にピンで留めて表示したりなど、スクロール系のエフェクトは全部できてしまう感じです。 スマフォなどレスポンシブ対応はもちろん、水平スクロール、無限スクロール、div要素の内側のスクロールなどにも対応しています。