SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
タグ
- すべて
- css (1)
- 2ch (1)
- 37signals (2)
- 3d (1)
- R (4)
- UTF-8 (1)
- Web2.0 (49)
- XMLHTTPRequest (2)
- accessibility (1)
- actionscript (39)
- ai (5)
- ajax (97)
- akka (1)
- algorithm (148)
- alloy (4)
- amazon (17)
- android (6)
- androoid (1)
- animal (3)
- anime (85)
- ansible (3)
- antipattern (5)
- apache (57)
- api (11)
- appengine (1)
- apple (20)
- architecture (65)
- archive (1)
- art (19)
- atok (5)
- atom (7)
- authentication (36)
- automation (1)
- availability (19)
- aws (211)
- awstats (1)
- backup (6)
- baseball (25)
- bicycle (5)
- blog (11)
- bloglines (1)
- bloom filter (3)
- bluetooth (3)
- book (160)
- bookmark (1)
- bookmarklet (8)
- boost (10)
- bootcamp (1)
- browser (2)
- bts (1)
- bug (1)
- business (22)
- c (3)
- c# (11)
- c++ (31)
- c10k (3)
- cache (7)
- camera (4)
- capistrano (7)
- captcha (1)
- career (2)
- category (62)
- category theory (1)
- centos (5)
- chinese (1)
- chumby (1)
- cinema (2)
- clearsilver (2)
- clojure (1)
- cloud (4)
- cluster (6)
- clustering (15)
- cm (1)
- cms (3)
- column (2)
- comet (18)
- comic (29)
- compiler (5)
- concurrency (2)
- construction (1)
- continuation (3)
- continuous integration (2)
- cooking (17)
- coq (3)
- corpus (1)
- couchdb (1)
- craft (1)
- crypto (3)
- cryptography (6)
- cs (1)
- csrf (4)
- css (84)
- culture (6)
- daemontools (7)
- dankogai (2)
- data (3)
- database (75)
- datastore (4)
- db (47)
- db設計 (3)
- debian (3)
- debug (13)
- deeplearning (5)
- del.icio.us (4)
- deployment (14)
- design (102)
- development (58)
- dht (4)
- dhtml (7)
- dictionary (4)
- diff (1)
- digg (4)
- distributed (16)
- dlna (2)
- dns (1)
- docker (13)
- dom (6)
- dpz (152)
- drb (1)
- dropbox (14)
- druby (1)
- dsr (1)
- ebook (22)
- ec2 (7)
- economy (2)
- editor (12)
- education (2)
- emacs (7)
- email (3)
- encryption (3)
- engineer (6)
- engineering (3)
- english (19)
- environment (1)
- epub (4)
- erlang (10)
- escher (1)
- essay (12)
- eventmachine (1)
- evernote (5)
- fashion (1)
- fastcgi (8)
- fastladder (1)
- favicon (3)
- fedora (4)
- feed (6)
- figure (1)
- filesystem (3)
- firebug (3)
- firefox (40)
- flash (77)
- flex (3)
- flickr (7)
- fluentd (1)
- font (27)
- food (130)
- football (120)
- fp (19)
- framework (3)
- functional (12)
- functional programming (34)
- gadget (8)
- gae (5)
- gainer (2)
- game (214)
- gauche (6)
- gc (1)
- gcc (1)
- generator (4)
- gimp (1)
- gis (1)
- git (98)
- github (6)
- glantank (2)
- gmail (6)
- gnuplot (2)
- go (2)
- golang (2)
- goods (10)
- google (75)
- google map (2)
- google maps (2)
- google video (1)
- googlemaps (1)
- graph (2)
- graphviz (1)
- greasemonkey (2)
- grep (1)
- groovy (2)
- growl (2)
- gtd (1)
- guitar (1)
- ha (8)
- hack (6)
- hardware (12)
- haskell (387)
- hatena (13)
- hayabusa (35)
- health (6)
- history (65)
- hobby (2)
- hosting (5)
- html (9)
- html5 (3)
- http (13)
- httpd (2)
- i18n (2)
- icon (1)
- idea (5)
- ie (13)
- iframe (1)
- ikaros (1)
- image (6)
- ime (3)
- internet (1)
- interview (133)
- ipad (12)
- iphone (8)
- ipv6 (4)
- itunes (1)
- jabber (3)
- java (79)
- javascript (369)
- jaxa (11)
- jetty (3)
- joke (6)
- jquery (4)
- json (22)
- jsonp (3)
- juggling (2)
- k8s (2)
- kafka (52)
- kai (1)
- keepalived (1)
- kernel (1)
- keyboard (5)
- kvs (35)
- lambda (1)
- ldap (4)
- learn (1)
- lecture (2)
- librahack (8)
- library (12)
- life (44)
- lifehack (24)
- lifehacks (2)
- lighttpd (17)
- lingr (5)
- link (1)
- linkstation (2)
- linu (1)
- linux (124)
- lisp (30)
- livedoor (5)
- livedoor reader (4)
- loadbalance (11)
- loganalysis (1)
- logger (3)
- logic (50)
- logo (5)
- lvs (2)
- mac (137)
- mac os x (4)
- machinelearning (8)
- mail (8)
- management (6)
- manga (28)
- mapreduce (2)
- mashup (4)
- math (328)
- mathematics (5)
- maxima (3)
- mecab (2)
- memcached (42)
- merb (4)
- mercurial (15)
- messaging (7)
- migemo (2)
- military (23)
- mixi (2)
- mobile (24)
- monad (8)
- mongrel (20)
- monit (8)
- monitoring (3)
- movie (36)
- mq (4)
- music (77)
- mysql (9)
- nasne (2)
- nature (26)
- neta (271)
- network (44)
- news (39)
- nginx (16)
- nhk (10)
- niconico (8)
- node.js (29)
- nosql (5)
- oauth (16)
- objective-c (2)
- ocaml (13)
- openid (26)
- openssl (2)
- oss (2)
- osx (2)
- paper (3)
- parallels (4)
- pdf (3)
- performance (37)
- perl (33)
- pgpool (3)
- photo (37)
- php (4)
- physics (59)
- plagger (5)
- podcast (4)
- poe (2)
- politics (5)
- postgresql (17)
- presentation (8)
- programming (287)
- prolog (3)
- prototype.js (5)
- proxy (7)
- ps3 (3)
- publishing (2)
- putty (6)
- puzzle (10)
- python (29)
- queue (3)
- quine (2)
- radio (4)
- raid (2)
- rails (234)
- readline (2)
- recipe (27)
- reference (8)
- research (6)
- rest (25)
- rfc (5)
- rip (17)
- ror (25)
- rpm (2)
- rss (10)
- ruby (287)
- ruby on rails (77)
- rubygems (3)
- rubyonrails (10)
- rust (66)
- s3 (6)
- scala (141)
- scalability (105)
- scheme (45)
- science (116)
- scm (20)
- screen (5)
- script.aculo.us (2)
- search (8)
- security (209)
- self (3)
- server (95)
- serverless (3)
- sharding (16)
- shogi (33)
- sicp (2)
- smullyan (7)
- social (2)
- society (3)
- software (41)
- space (49)
- sports (6)
- sqlite (5)
- ssh (10)
- ssl (8)
- stationery (4)
- statistics (24)
- storage (11)
- study (6)
- subversion (20)
- svg (3)
- svk (8)
- svn (16)
- technology (14)
- template (3)
- test (7)
- tex (15)
- tips (19)
- togetter (130)
- tokyocabinet (7)
- tokyotyrant (9)
- tool (12)
- trac (13)
- trackball (13)
- travel (22)
- trivia (17)
- tuning (3)
- tutorial (5)
- tv (30)
- twitter (51)
- ui (5)
- unicode (13)
- unix (9)
- usability (6)
- video (18)
- vim (81)
- visualization (2)
- vm (2)
- vmware (7)
- wasm (2)
- web (77)
- web 2.0 (22)
- web design (21)
- web service (17)
- webapi (30)
- webapp (3)
- webdesign (79)
- webservice (121)
- websocket (9)
- webサービス (37)
- webデザイン (39)
- web制作 (6)
- web開発 (7)
- wii (2)
- wiki (7)
- wikipedia (24)
- windows (26)
- work (2)
- wpf (2)
- writing (9)
- wsse (2)
- xml (6)
- xmpp (5)
- xrea (2)
- xss (4)
- yahoo (5)
- youtube (17)
- zimbra (2)
- zsh (5)
- あとで見る (2)
- あとで読む (2)
- お金 (2)
- これはすごい (5)
- はてな (9)
- はてなブックマーク (2)
- まとめ (4)
- アイディア (2)
- アルファブロガー (2)
- カスタマイズ (2)
- クロスドメイン (2)
- ゲーム (2)
- ジェネレータ (3)
- スタイルシート (2)
- スピーチ (2)
- セキュリティ (7)
- ソフトウェア (3)
- チュートリアル (2)
- ツール (4)
- テスト (2)
- デザイン (7)
- デバッグ (4)
- ニュース (2)
- ネタ (30)
- バージョン管理 (6)
- パズル (2)
- ビジネス (3)
- フォント (6)
- ブックマークレット (2)
- ブログ (6)
- ブログパーツ (4)
- プレゼン (3)
- プログラミング (17)
- メモ (2)
- メモリリーク (3)
- モバイル (4)
- ライブラリ (3)
- リファレンス (2)
- ロゴ (2)
- 企画 (2)
- 全文検索 (3)
- 公開鍵暗号 (3)
- 分散処理 (4)
- 勉強 (2)
- 動画 (7)
- 地図 (3)
- 形態素解析 (2)
- 携帯 (5)
- 携帯電話 (2)
- 数学 (4)
- 文字コード (3)
- 文房具 (3)
- 日本語 (4)
- 暗号 (2)
- 株 (3)
- 検索 (2)
- 正規表現 (3)
- 玄箱 (2)
- 画像 (6)
- 素材 (8)
- 自然言語処理 (2)
- 負荷分散 (13)
- 開発 (3)
- 開発環境 (2)
- 関数プログラミング (9)
- haskell (387)
- javascript (369)
- math (328)
- programming (287)
- ruby (287)
- neta (271)
- rails (234)
- game (214)
- aws (211)
- security (209)
androoidに関するkazutanakaのブックマーク (1)
-
kazutanaka 2011/06/13
- ui
- mobile
- iphone
- androoid
リンク -
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx