タグ

2013年7月16日のブックマーク (4件)

  • [Android][css] 「ページの自動調整」でデザインが崩れる

    これ結構困っている人がいると思うんですが、PC向けサイト等スマホ向けに最適化されていないページをAndroid 4.0で閲覧したとき、テキストが左側に寄ってしまって謎の空白ができてしまいます(手元にAndroid端末がないのでスクリーンショット載せられないですごめんなさい。誰か暇な人は再現してスクリーンショット撮ってもらえると助かります…)。 どうも「ページの自動調整」を有効にしているとこのバグが発生するようです。ググっても全然回避策が見つからなかったので、メモもかねてまとめておきたいと思います。 原因は わかりません。もともと「ページの自動調整」は、スクリーンのダブルタップした時に画面の幅にあわせて文字サイズなどを適切に変更してくれる便利な機能なのですが、なぜかAndroid 4.0では縮小した時にもこの機能が働いてしまい、中途半端な表示になってしまうようです。つかAndroid 2.3

  • 簡単に使えて、コンバージョン率が高まるUI Tipsまとめ | Goodpatch Blog

    しっかりと考えられたUIのアプリやWebサイトはとても使いやすいく、使っていてとても楽しいですよね。この記事を見ているデザイナーやディレクターの方の中でショッピングサイトや登録型サービスを担当し、UI設計をしている方もいるのではないでしょうか。UI設計をする上で必ず考えるのが「ユーザーが使いやすいUI」だと思います。しかし前述したショッピングサイトや登録型サービスの場合は使いやすさと共に、「ショッピング購入数」や「登録者数」にも気を配る必要があります。そこで今回は「ショッピング購入数」や「登録者数」を示す、”コンバージョン率” を高めるUIとはどんなものか、海外の記事を参考に考えてみたいと思います。 (この記事はGoodUIから翻訳抜粋したものです) GoodUIには簡単に使えて、コンバージョン率を高めるUIのアイデアがいくつかまとめられています。その中から6つ、素晴らしいアイデアをピック

    簡単に使えて、コンバージョン率が高まるUI Tipsまとめ | Goodpatch Blog
    blend27
    blend27 2013/07/16
  • CSS Flexible Box (Flexbox) を使ってみよう - 最新仕様対応版 | WWW WATCH

    スクリーンサイズや可変するウィンドウサイズなどに柔軟に対応するレイアウトが可能な CSS Flexible Box について、最新の W3C 仕様に基づいた解説をサンプルソースを使いながらやってみます。 CSS3 のモジュールとして策定されている CSS Flexible Box (CSS3 Flexbox) は、CSS によるレイアウトを実現するための仕組み。 レイアウトのための CSS プロパティは他にもありますが、CSS Flexible Box は特にスクリーンサイズや可変するウィンドウサイズなどに柔軟に対応した、その名の通りフレキシブルなレイアウトが可能です。 現在最新の仕様書は下記。2012年 9月 18日付けで勧告候補になっています。 CSS Flexible Box Layout Module - W3C Candidate Recommendation, 18 Septe

    CSS Flexible Box (Flexbox) を使ってみよう - 最新仕様対応版 | WWW WATCH
    blend27
    blend27 2013/07/16
  • Furatto

    Examples Here are quick start points for you to kick off your next project.