SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
タグ
- すべて
- *2ch (129)
- *android (8)
- *book (126)
- *business (234)
- *css (150)
- *design (235)
- *dev (1160)
- *english (127)
- *firefox (95)
- *game (114)
- *google (207)
- *java (208)
- *javascript (417)
- *lifehack (9)
- *lifehacks (238)
- *linux (85)
- *mobile (37)
- *perl (12)
- *programming (490)
- *recipe (145)
- *tips (917)
- *tools (625)
- *web (577)
- *webdesign (183)
- *webservice (360)
- *web制作 (56)
- *work (385)
- *あとで (39)
- *あとで見る (128)
- *あとで試す (128)
- *あとで読む (2053)
- *お役立ち (14)
- *これはすごい (32)
- *これはひどい (10)
- *これは欲しい (18)
- *まとめ (1014)
- *ネタ (15)
- .htaccess (6)
- 2ch (8)
- 3d (8)
- @it (18)
- AI (5)
- AngularJS (4)
- CM (4)
- COVID-19 (10)
- DDD (8)
- Developers Summit (6)
- FX (4)
- GIS (4)
- GPS (11)
- Google Maps (10)
- Google+ (11)
- IBM (4)
- IS03 (4)
- Java8 (4)
- JavaScript (12)
- Jenkins (17)
- NAVER (32)
- Objective-C (4)
- OpenStreetMap (4)
- PMP (6)
- React (5)
- SIM (5)
- Spring Boot (6)
- Spring Security (4)
- TED (19)
- actionscript (6)
- admin (5)
- adobe (17)
- adsense (8)
- affiliate (7)
- agile (46)
- air (4)
- ajax (115)
- algorithm (27)
- amachang (19)
- amazon (37)
- america (6)
- analytics (12)
- android (231)
- apache (41)
- api (42)
- app (47)
- apple (22)
- application (9)
- architecture (9)
- archive (8)
- art (10)
- au (6)
- audio (16)
- aws (35)
- backup (14)
- bash (11)
- batch (5)
- benchmark (4)
- blog (59)
- bluetooth (5)
- book (4)
- bookmark (22)
- bookmarklet (7)
- bootstrap (8)
- bot (7)
- browser (47)
- bts (9)
- business (14)
- button (5)
- cafe (5)
- calendar (7)
- camera (11)
- campaign (6)
- canvas (4)
- career (14)
- cc (6)
- cd (5)
- centos (4)
- chart (9)
- chat (10)
- chatgpt (5)
- cheatsheet (22)
- chef (13)
- chikirin (8)
- chrome (55)
- ci (11)
- classic (4)
- cloud (15)
- cms (17)
- code (15)
- codezine (4)
- coffee (6)
- colinux (7)
- color (11)
- column (36)
- comic (28)
- command (27)
- communication (66)
- community (8)
- conference (6)
- converter (5)
- cook (33)
- cooking (9)
- cookpad (77)
- cpan (6)
- creative commons (11)
- css (30)
- css3 (18)
- culture (6)
- dankogai (33)
- data (13)
- database (38)
- db (36)
- dbms (35)
- debug (19)
- defrag (4)
- deploy (5)
- design (11)
- desktop (10)
- device (5)
- devlove (6)
- devsumi2012 (4)
- dictionary (5)
- docker (9)
- docomo (7)
- document (48)
- download (12)
- dpz (8)
- dtm (4)
- dvd (8)
- earthquake (10)
- ebook (5)
- eclipse (28)
- economics (9)
- economy (14)
- editor (16)
- education (54)
- emacs (10)
- encoding (6)
- energy (4)
- engineer (26)
- english (5)
- enterprise (5)
- event (21)
- evernote (9)
- excel (59)
- extension (71)
- extensions (7)
- eラーニング (4)
- facebook (48)
- faq (5)
- fashion (5)
- feed (5)
- finance (20)
- firebug (6)
- firefox (4)
- flash (86)
- flickr (9)
- font (39)
- food (52)
- foursquare (4)
- framework (22)
- free (122)
- freeware (11)
- funny (8)
- gadget (21)
- game (17)
- gc (6)
- generator (62)
- gigazine (33)
- gimp (4)
- git (54)
- git-flow (4)
- github (27)
- gmail (14)
- goods (4)
- google (14)
- google analytics (10)
- google video (4)
- graph (13)
- greasemonkey (11)
- gtd (8)
- gui (5)
- hack (8)
- hadoop (7)
- hardware (16)
- hatena (72)
- hdd (5)
- health (48)
- history (15)
- html (59)
- html5 (97)
- http (17)
- iOS (43)
- iPad (19)
- icon (13)
- ide (9)
- idea (22)
- ie (17)
- image (44)
- images (28)
- instagram (4)
- install (10)
- interface (4)
- interior (12)
- internet (8)
- interview (27)
- investment (11)
- iphone (65)
- irc (9)
- iso (6)
- it (44)
- itpro (4)
- itunes (8)
- jQuery Mobile (9)
- japan (7)
- japanese (7)
- java (23)
- jmeter (5)
- jquery (84)
- json (13)
- junit (11)
- kddi (5)
- keynote (4)
- lambda (7)
- language (13)
- law (7)
- layout (4)
- learning (13)
- library (91)
- life (152)
- linux (24)
- livedoor (6)
- log (12)
- logo (8)
- mac (13)
- mail (18)
- management (118)
- manga (6)
- manual (4)
- map (6)
- marketing (38)
- mashup (9)
- material (79)
- math (22)
- matz (4)
- media (9)
- medical (13)
- memcached (4)
- memo (12)
- memory (10)
- microsoft (30)
- mindmap (9)
- misc (20)
- mixi (13)
- mobile (64)
- money (23)
- movie (60)
- mozilla (9)
- mp3 (12)
- music (78)
- mysql (46)
- nanapi (13)
- naoya (10)
- neta (77)
- network (25)
- news (23)
- nexus (5)
- nhk (14)
- node.js (10)
- nuclear (9)
- nulab (4)
- o'reilly (6)
- oauth (5)
- office (14)
- oop (9)
- openid (6)
- opensource (5)
- oracle (18)
- os (12)
- oss (63)
- p2p (5)
- password (4)
- patterns (7)
- paypal (5)
- pc (105)
- pdf (48)
- performance (82)
- perl (36)
- photo (107)
- photoshop (23)
- php (33)
- plagger (11)
- plugin (13)
- pm (8)
- podcast (21)
- politics (5)
- postgresql (34)
- powerpoint (7)
- presentation (112)
- privacy (7)
- program (4)
- programmer (12)
- programming (113)
- project (34)
- prototype.js (12)
- puzzle (4)
- python (9)
- radio (8)
- rails (20)
- ranking (5)
- rdbms (6)
- recipe (4)
- recruit (7)
- redmine (17)
- reference (78)
- regex (9)
- remote (5)
- research (6)
- responsive (5)
- review (13)
- rss (7)
- ruby (59)
- ruby on rails (16)
- s6 (5)
- sample (9)
- sbm (11)
- science (13)
- scm (7)
- scrum (8)
- search (19)
- seasar (16)
- security (76)
- selenium (10)
- seo (40)
- server (42)
- service (20)
- sh (9)
- shell (29)
- shi3z (7)
- shop (5)
- shopping (10)
- si (16)
- sier (9)
- skype (6)
- slack (11)
- slide (21)
- slideshare (191)
- slideshow (5)
- smartphone (50)
- sns (31)
- social (19)
- society (25)
- softbank (5)
- software (213)
- sound (16)
- speaker (23)
- speakerdeck (17)
- speech (7)
- sports (5)
- spring (14)
- spring-boot (7)
- sql (39)
- sqlite (5)
- statistics (8)
- stock (9)
- study (130)
- subversion (21)
- support (5)
- svn (8)
- system (6)
- t-wada (5)
- t_wada (9)
- table (5)
- tablet (8)
- tdd (33)
- tech (6)
- technology (14)
- template (19)
- test (98)
- testing (9)
- text (9)
- thunderbird (6)
- tips (12)
- toeic (18)
- togetter (42)
- tokyo (6)
- tomcat (7)
- trac (18)
- translation (8)
- travel (18)
- tumblr (10)
- tuning (17)
- tutorial (116)
- tv (18)
- twitter (120)
- typescript (7)
- ubuntu (8)
- ui (75)
- unicode (11)
- unix (40)
- usability (15)
- usb (5)
- ustream (7)
- ux (12)
- vagrant (10)
- video (28)
- viewport (13)
- vim (5)
- wallpaper (16)
- web (15)
- web2.0 (18)
- webdesign (103)
- webkit (6)
- webservice (80)
- wiki (9)
- windows (212)
- word (7)
- wordpress (5)
- work (7)
- writing (9)
- xp (10)
- yahoo (12)
- yoshiori (5)
- youtube (87)
- あとで (7)
- あとで見る (10)
- あとで読む (13)
- お役立ち (26)
- かんばん (7)
- これはすごい (55)
- これはひどい (21)
- これは便利 (5)
- これほしい (8)
- ひがやすを (9)
- アマチュア無線 (5)
- グルメ (6)
- ケータイ (6)
- タモリ (6)
- ネタ (37)
- プロジェクト管理 (5)
- 仕事 (11)
- 企画書 (7)
- 便利 (22)
- 入門 (5)
- 勉強会 (8)
- 原発 (17)
- 増田 (13)
- 文章 (7)
- 新人 (9)
- 日本 (7)
- 東日本大震災 (51)
- 機械学習 (8)
- 正規表現 (9)
- 災害 (11)
- 考え方 (130)
- 言葉 (8)
- 設定 (11)
- 読み物 (18)
- 運用 (7)
- *あとで読む (2053)
- *dev (1160)
- *まとめ (1014)
- *tips (917)
- *tools (625)
- *web (577)
- *programming (490)
- *javascript (417)
- *work (385)
- *webservice (360)
*designとaccessibilityに関するswatのブックマーク (2)
-
swat 2011/06/15
これはとてもいいまとめ。- ui
- mobile
- accessibility
- *design
- *dev
- *まとめ
- これはいい
リンク -
WD Live! Web標準時代に求められるサイト構築法
Web標準時代に求められる サイト構築法 木達一仁 株式会社ミツエーリンクス WEB開発チーム フロントエンドエンジニア Web Standards Projectメンバー k-kidachi@mitsue.co.jp / kidachi@kazuhi.to 株式会社ミツエーリンクス WEB開発チーム フロントエンドエンジニア（2004年2月～） Web標準準拠サービスの立ち上げ/運用 Web標準Blogの運営 W3C Advisory Committee Representative 海外のWeb標準関連書籍和訳版の監修 Web Standards Project（WaSP）メンバー mixiにてWeb標準コミュニティを主催（2006年5月25日現在3260人が参加） 7月15日「Web標準の日」開催
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx