モバイルデザインパターン― ユーザーインタフェースのためのパターン集を読んで、スマートフォンサイトのアンチパターンも作りたいと思ったのがキッカケで作ってみました。 独断と偏見で評価しています。 反応エリアを探させるアコーディオン 「お金からモバイルデザインパターン― ユーザーインタフェースのためのパターン集を読んで、スマートフォンサイトのアンチパターンも作りたいと思ったのがキッカケで作ってみました。 独断と偏見で評価しています。 反応エリアを探させるアコーディオン 「お金から探す」周辺のリストがアコーディオンになっていますが、テキストの部分をタップしても何も動作しません。 プラスアイコンの部分をタップしないと反応しないのです。 このようにタップ領域がユーザの意識と違う場所に設定されているのは、ユーザビリティに問題があるといえるので改善が必要でしょう。 参考サイト スマートフォンサイトにお
ピクセル密度とピクセル比の関係 ピクセル密度は、数が多ければ多いほどスクリーン上で鮮明な描画ができるわけですが、上述したピクセル比とは直接関連しないものです（と考えています）。たとえば、Galaxy S IVのようにピクセル密度は441ppi、ピクセル比は2という端末もあれば、HTC Oneのように、ピクセル密度は468ppiだが、ピクセル比は3という端末もあります。 ※両方とも実機で検証したわけではないので、Wikipediaの情報が正しければの話ですが。 ※ピクセル比とは違うものですが、それと似た単位であるdppx (dots per pixel unit)では、CSSで定義された1インチが96pxになるため、1dppx = 96dpiになります。 ピクセル比に似た値「dp」とwindow.devicePixelRatio Androidの密度非依存ピクセル「dp」 Density-i
ちょっ…これは凄い！！午後の紅茶のパッケージをよくよく見ると、恐ろしく手の込んだ秘密が隠されていた 最近販売されている、ディズニーデザインの午後の紅茶のパッケージ。何気なく手にとってイラストを見てみると…あれ、この番号は何…？ 検索しても特にこれといった情報の見当たらないこの番号表記、一体何なのか調べてみると…そこには驚くべき秘密が隠されていました。 こちらが午後の紅茶のディズニーデザインのパッケージ。ストレートティー、レモンティー、ミルクティーにそれぞれミッキー、プーさん、ドナルドダックのイラストがあるのですが… 1ボトルにつき3点のイラストがあり、その絵の下には謎の番号が。 番号順にイラストを見てみると…あれっ！？これはもしかして…パラパラアニメ…！？ 確証はないものの、その正体を知りたい勢いで全種類の番号を調達、計３２本の午後の紅茶が編集部に揃いました。 ストレートティーのイラストは
-@hassotoilet【大人が友達をつくる基本】 ・いつもと違う席に座る ・リスクのある方を選ぶ ・長い電話を1本より短い電話を3本かける ・ドタキャンされても怒らない ・コミュニティーをつくる ・相手の手数を減らす連絡をする ・相手に言って欲しいことを相手に言う #有益なことをつぶやこう 2013/04/22 19:30:32 -@hassotoilet【大人が友達をつくる基本】 ・新規開拓より関係のメンテナンスを重視 ・違う意見を尊重する ・相談できる相手を3人つくる ・感動を共有する ・人間関係のトラブルが増えることを喜ぶ ・他人の顔色をうかがわない ・正しいか間違いか決めない #有益なことをつぶやこう 2013/04/22 19:40:31 -@hassotoilet【大人が友達をつくる基本】 ・趣味派閥をつくる ・共通点を探す ・付き合いが悪い人を怒らない ・相手に高めてもら
以前、iPhone4から採用されたRetinaディスプレイに対応すべきかどうかというブログを書きましたが、 ついにスマホだけじゃなくMacbookにもRetinaディスプレイが採用されたようですね。 Retinaディスプレイは通常のディスプレイに比べ、倍以上の高解像度のため、 プレーンテキストがかなり鮮明に見えるが、通常サイズ（表示サイズと画像のサイズが同じ）の画像がぼんやり見えてしまうという難点が。 PCは正直まだ全く高解像度ディスプレイに対応する必要は無いと思いますが、 スマホに関しては無視できない割合が高解像度ディスプレイになっています。 というわけで、 そんなに気が進まなかったけど、現行のiPhone4Sの解像度に対応したスマホサイトを作ってみました。 http://www.smart-ness4.com/i/ ↓iPhone4Sでのキャプチャ画面 対応方法の仕方としては、 ・ht
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く