1要素1クラス、画像を一切使わずCSSで実装するiPhone UI
1要素に1クラスを指定するだけで、画像も使わずさっと作れるiPhone風CSSライブラリを作ってみました。 最近Macがほしくてたまらないえどです。こんにちは。(降ってこないかな・・) ↓実際に動いているデモはこちら(iPhone向けに作っているため、iPhone/Safariでしか最適化されていません) 1要素1クラス、画像を一切使わずにCSSで実装するiPhone UI - jsdo.it - share JavaScript, HTML5 and CSS ちなみにiPhoneで実際に見るとこんな感じに見えます↓ iPhoneで実際に見るには、以下のURLから見れます↓ (jsdo.itだとviewportが使えないため、ブログ自体にデモをアップしました) http://goo.gl/s5fV 1要素1クラスで実現する 今回のサンプル作成でこだわったのは、1要素に1クラスを指定すること
制約が生んだ新UI、手書きメモ「7notes」iPhone版が登場 － ＠IT
2011/05/27 タッチデバイスを生かし、スラスラと手書きした文字をテキストに変換できるメモアプリ「7notes」。2月にiPad版が登場した際には、「けい営会ぎ」のように思い出せない漢字を平仮名で書いても正しく漢字に変換してくれるなど斬新な使い勝手で話題となった。かなり適当に走り書きしても認識される。 7notes for iPadは、AppStoreのランキングで、常に10～12位をキープしていて、ビジネス系アプリの定番として認知されつつあるようだ。 制約から生まれた、シンプルな使いやすさ 6月10日にはiPhone版が登場する。価格は700円で、6月末までは記念価格600円（リリース日はアップルの審査の都合上多少前後する可能性がある）。「7notes mini」と名付けられたiPhone版は、iPad版とはユーザーインターフェイスや機能が異なり、基本機能は「むしろiPad版よりも
iPadアプリ&コンテンツのユーザーを混乱させるUIとは - 最新の調査報告より | パソコン | マイコミジャーナル
初代リリースから1年と3ヶ月、さらに先日のiPad 2リリースを経てコンシューマ製品の一大ジャンルとなった「タブレット」。さまざまなアプリやコンテンツが登場して市場も賑わっているが、一方で「ボタンの押しづらさ」「ナビゲーションのわかりにくさ」「統一性のなさ」といった、主にユーザーインターフェイス上の問題が散見されるのも事実だ。Nielsen Norman Groupは5月26日(米国時間)に発表した最新レポートの中で、こうしたiPadアプリやコンテンツにみられるユーザービリティの問題を報告している。 iPad 2 Nielsen Norman Groupではさまざまなレポートを報告しているが、中でもモバイルユーザビリティに関してはiPadを例に挙げたユーザビリティ調査を行っている。同グループがiPadのユーザビリティに関して行った調査はこれが2回目で、最初のレポート(PDF形式)は2010
スマフォ対応の洗練されたUIエレメントがすぐに実装できるCSSとJSの開発キット -Skeleton
Forms -フォーム [ad#ad-2] Skeletonの特徴 スマフォ対応のグリッド Skeltonでは軽量の960pxのグリッドシステムを採用しています。 ブラウザやタブレット、スマートフォンなどスクリーンのサイズが小さくなると、そのサイズに最適なレイアウトに変更します。 Fast to Start 洗練されたベーシックなUIエレメントをあらかじめ用意してあるので、すばやくサイトの制作が始められます。 Style Agnostic SkeltonはUIのフレームワークではありません。最もベーシックなスタイルを提供していますが、あなたの好きなデザインを適用することができる開発キットです。 Skeltonの対応ブラウザ・デバイス Latest Chrome (Mac/PC) Firefox 4.0, 3.6, 3.5, 3.0 (Mac/PC) Latest Safari IE9, I
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://mokk.me/
Mobile Patterns - UI UX Inspirational Gallery for iOS and Android