タグ

スマートフォンに関するmicaromのブックマーク (2)

  • その姿勢が疲れを招く。ノートパソコン使用時の姿勢の直し方を示したわかりやすい動画

    去年の夏のことですが、喫茶店でノートパソコンに向かって背を丸め、「モレスキン『伝説のノート』活用術 」の原稿を打っていたときのことです。 ちょうど背を曲げたあたりに強めの冷房がかかっているなと思ったら、急に激痛に襲われて首を伸ばすことができなくなり、二日ほど首を前につきだして過ごす羽目になりました。パソコン、特にノートパソコンを使うとき、姿勢は当に大切です…。 家庭や、オフィスや、旅先のホテルの低いテーブルなど、いろいろなシチュエーションでノートパソコンを利用するときに注意したい姿勢の直し方についてまとめた Vodafone の動画が Digital Inspiration で紹介されていました。 まずこちらが家やオフィスでの注意点。子供をドラッグ&ドロップしています(笑) こちらが旅先の空港ロビーや、電車、ホテルの室内での注意点です。運動の仕方まで教えてくれています。 同じ調子で、スマ

    その姿勢が疲れを招く。ノートパソコン使用時の姿勢の直し方を示したわかりやすい動画
  • Android対応スマートフォンサイトのレイアウト(viewport・コンテナ編)

    最近いろんなスマホ最適化されたサイトを見るようになりました。 それと同時に、多様なAndroid端末が急速に普及し、iPhone3GSが全盛だった去年までの制作方法では対応が不十分になってきてまして、僕自身も試行錯誤中なこともあり、2011年5月時点でのiPhoneAndroidに対応できる自分なりのレイアウト方法をちょっとまとめてみようと思います。 今回は全体編なので、主にviewportの設定と全体を囲むコンテナ要素にフォーカスを絞ります。 viewportはdevice-width、コンテナはwidth:100%などの伸縮するリキッドレイアウトに 端末の横幅を最大限に活かした方がよい 特に理由が無ければ、大抵の場合は、 viewportはdevice-width、コンテナはwidth:100%などの伸縮するリキッドレイアウトにする 自然な考え方で考えると、PCに比べるとただでさえ狭

  • 1