ダイヤル型ユーザーインターフェイスを実現するjQueryプラグイン - hitode909の日記
ダイヤル型ユーザーインターフェイスを実現するためのjQueryプラグインを作りました． ダイヤルは黒電話とかコンポのボリュームとかiPodのくるくるできる部位みたいなやつを指しています． 回転させると機械に入力を伝えられます．場所を取らず，直感的な操作ができて便利です． たとえば，iPodのくるくるできる部位が定規みたいな形状なら場所を取って不快です． 簡単なデモです．iPod画像の上でマウスカーソルを時計回りに動かすとiPod画像が大きくなります． http://hitode909.appspot.com/dial/ipod.html こんな感じに書けます．jQueryオブジェクトにdialというメソッドができて，コールバックにはマウスの移動量が渡ってきます．単位はラジアンです． $("img#ipod").dial(function(diff) { $(this).css("width
プレースホルダとHTML5のplaceholder属性
HTML5で導入されたplaceholder属性によって、フォームフィールドにプレースホルダを設定できるようになりました。さて、プレースホルダとはそもそもなんでしょうか。また、どのようなテキストを書けばよいのでしょうか。 プレースホルダとは フォームフィールドに薄い灰色のテキストが表示されているものを見かけます。あのテキストや、その仕組みはプレースホルダと呼ばれています。 “placeholder”は実際のものに変わって表示されるものを意味するので、たとえばダミーテキストなども「プレースホルダ」と呼ばれます。ここではinputやtextareaに表示されるプレースホルダとしてこの言葉を使っています。 Safariはアドレスバーに“Go to this address”、検索バーに“Google”というプレースホルダが設定されている。 プレースホルダのついたフォームフィールドは、次のような挙
HugeDomains.com
Captcha security check the389.com is for sale Please prove you're not a robot View Price Processing
Pttrns — Mobile User Interface Patterns
Stay ahead of the curve and become a better interface designer. With a Pttrns membership, gain access to thousands of curated mobile design patterns, get online advice, and connect with other designers from all over the world. What you get UX and UI Patterns Learn and follow industry best practices that can be applied to your app to help ensure the best user experience possible. App database Save
livedoor Techブログ : デザイナーに聞かれがちなAndroid UIの仕様
開発部の井上（@inonb）です。12月に位置情報サービス・ロケタッチのAndroidアプリをリリースしました。ぜひお試しください。 さて、今回はAndroidアプリのUIまわりについて書いてみたいと思います。 iPhoneアプリに比べて、AndroidアプリのUI仕様は、わりとWebに近いところがあります。Webの仕事の経験があるデザイナーさんは入りやすいところもあるのですが、マルチディスプレイ対応など面倒なところもあります。 デザイナーさんに聞かれた質問について簡単にまとめてみたいと思います。 1. iPhoneアプリのデザインって流用できますか？ 流用はできるだけ避けたいです。 たとえばTwitterやFacebookのアプリなど、両プラットフォームに多くのユーザーを持つアプリを見ても、iPhoneとAndroidではデザインが変わっているのが分かると思います。 Androidのデザ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Custom Controls for iOS, iPadOS, macOS, tvOS, and watchOS - Cocoa Controls
Little Big Details