fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
Responsive imagesのための-webkit-image-set() - fragmentary
AppleがWebKitに-webkit-image-set()なるものを実装した。 Changeset 111637 – WebKit ― Implement image-set Bug 80322 – Implement image-set なにかというと、Retina displayやらPCとデバイスピクセル比が違うディスプレイに対して、違う画像を出し分ける、いわゆるResponsive imagesと呼ばれてるやつのための仕組み。 こんな感じで書くらしい。 selector { background: -webkit-image-set( url(foo-lowres.png) 1x, url(foo-highres.png) 2x ) center; image-set()内には複数の"imagespec"というものが入る。imagespecは<image>（画像、グラデーション
【iPhone】「ホーム画面に追加」のアイコンから全画面で開く | バシャログ。
今年の頭に始めたダイエットは、割と順調だったものの、最終的な目標達成はならない可能性が高くなってきた kimoto です。 1年で -20kg はなかなか厳しかったか... ちょっとした小ネタです。 iPhone の Safari には「ホーム画面に追加」という機能があり、サイトをアプリのようにアイコン化する事ができます。 その際に、meta タグでちょっとした指定ができます。 apple-mobile-web-app-capable この指定では、URL や検索窓のあるバーを消すことができます。 apple-mobile-web-app-status-bar-style この指定では、上部の電池や時計などのバーの色を指定することができます。 指定できるのは以下。 default：デフォルト色 black：黒 black-translucent：半透明 これを指定すると これを、head
内なる声 - ほぼ日刊イトイ新聞 - ぼくは見ておこう
春は新しいことがスタートする季節、 入学、就職、あるいは進級など 環境が大きく変わる人も たくさんいるのではと思います。 きょうは、 そんな人にぜひ聞いてほしい スピーチです。 ニューヨークで生活していたとき、 通勤の途中に アイポッドでよく聴いていたスピーチがある。 有名なスピーチのひとつに数えられているので、 触れたことがある人も少なくないだろう。 ２００５年６月、 アメリカのスタンフォード大学の卒業式でのことだ。 ゲストとして招かれたスティーブ・ジョブズが、 卒業生たちに向けて、 感動的なスピーチを行った。 スティーブ・ジョブズについては もう説明する必要はないだろう。 大学を中退後、スティーブ・ウォズニアックとともに ２０歳でアップル社を設立、 歴史を変える画期的な パーソナル・コンピューターを開発した。 アップルのパソコンは何より美しいことで知られ、 クリエーターなどから熱狂的に
Apple Developer Connection（日本語）
visionOSに向けた構築 まったく新しいプラットフォームでデベロッパの新世界が広がります。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ファイル管理が快適に！ Finderにタブ機能などを追加できる『XtraFinder』 | ライフハッカー・ジャパン
iOS Developer Library
