[B! まとめ] mellow_punchのブックマーク

サービス終了のお知らせ - NAVER まとめ

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

mellow_punch 2012/11/02

リンク

スマートフォン、タブレット、デスクトップのためにレイアウトの幅をどのように設計すればよいか

iPhoneやAndroidなどのスマートフォン、「新しいiPad」などのタブレット、そしてデスクトップなど、さまざまなデバイスの幅に対応させるResponsive Web Designのために、どのようにレイアウトの幅を設計し、いくつレイアウトを用意するのか3つの方法を紹介します。各デバイスの幅は、2012年3月のデータです。 A Simple Device Diagram for Responsive Design Planning [ad#ad-2] 下記は各ポイントを意訳したものです。キャプチャに使用している画像は元記事よりPSDファイルでダウンロードできます。各デバイスのサイズレイアウトを3つレイアウトを4つレイアウトを6つ各デバイスのサイズまずは、2012年3月現在の各デバイスの幅です。 ※クリックで拡大ポイント上段：ポートレイト（縦置き）、下段：ランドスケ

mellow_punch 2012/03/19

リンク

サービス終了のお知らせ - NAVER まとめ

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

mellow_punch 2012/02/25

リンク

Facebook 向けウェブサービスは IE6 に対応すべきか ( 2011年12月の Facebook のブラウザシェア ) - IT戦記

はじめにみなさん、お元気ですか＞＜リリースも終わって、一息ついたあまちゃんです！ヽ(´ー｀)ノわーさて今日は、最近「お花サプライズ！」というサービスをリリースしたのですが、そのときにちょっと面白いデータを見つけたのでそのいきさつも含めて紹介したいと思います。（今日のテーマはこの円グラフ）フェイスブック系のサービスはどのブラウザに対応すれば良い？よく、ウェブサービスを開発するときの悩みとして「古いブラウザでのデザインをどのくらいケアするか？」というものがあります。「お花サプライズ！」でも、割と短い期間で実装することを目標としていたり、本番の HTML を書いた経験があまりないメンバーが多くいたことで「IE6 や IE7 への対応が鬼門なんじゃないか？」という心配が常にありました。そこでよぎる甘い誘惑このご時世、 IE6 とか IE7 に特別対応する必要なんてないんじゃね？

mellow_punch 2011/12/09

リンク

サービス終了のお知らせ - NAVER まとめ

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

mellow_punch 2011/11/20

リンク

fladdict » スマホのUI考〜ボタンについて

SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。指の大きさの制約を受ける・Webとスマホを比較した場合、最大の違い。・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。・つまるところ「カッチリ」つめたボタンレイアウトのグラ

mellow_punch 2011/06/14

リンク