Androidでinput要素とlabel要素を紐付けた際のバグ
Jan 30, 2014 バグなのか仕様なのかよく分かりませんが、Androidでlabel要素とinput要素を紐付け、入力フィールドにフォーカスした際にlabel内のテキストが入力フィールド反映されてしまうという事象が起きました。 なお、簡略的にinput要素と説明していますが、実際にはテキストを入力できる要素全てにあたります(textarea、input type=”tel”など)。 説明だけでは分かりづらいので具体的な画像とともに説明していきます。 具体例 最初の状態です。プレースホルダーを指定していますが、特にあってもなくても変わりません。なお、端末は【GALAXY SⅡ WiMAX ISW11SC】を使用しています。 HTMLは下のようなものとなります。 <label for="test">テスト</label> <input type="text" id="test" pla
Androidに対する愚痴
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / Androidはまじでクソだ。具体的には標準ブラウザがクソだ。iPhoneにも最初は苦労させられたものだけれども、その比じゃない。仕事では自分はそういうAndroidのクソさに付き合うのが嫌で嫌で蕁麻疹がでそうなので、Androidはクソすぎるんでそういうリッチぽいのはやめたほうがいいですよ、無駄にコストがかかるだけですよと言い続け、その上でそこまで攻めてない感じのデザインにしたところで、しかしなおそのクソさを発揮しやがる。どういうことなんだ？ クライアントに相談を受け、オレは真摯に考えを述べる。「Androidがクソなんでそんなのはやめましょう」と。もちろんこれが正しい決断だという自分の考え
スマートフォン向けサイトのラジオボタンを良さ気な感じに。
昨年後半辺りから、iPhoneやAndroidなどのスマートフォン案件を実際にやる機会が増えて、今年はもっともっと増えるんだろうなぁと思う今日この頃。 なので今回は、スマートフォン向けサイトのフォームを作成する時に使うかも知れないラジオボタンにフォーカスした記事なんぞを。 ラジオボタンといえば、よく見かけるのは性別の選択とかでしょうか。 何にせよ、下記のような感じです。 ラジオボタン1 ラジオボタン2 んで、これをiPhoneとかで見ると、何の変哲もない普通のラジオボタンですが、iPhoneってラベル部分をタップしても選択できなかったりして使い勝手が悪いと思ったりしませんか？ ボクが持ってる、iPod Touch では反応してくれなかったです。 そこで、ラジオボタンをもっと良さ気なボタンっぽくしてみたら良いんじゃないかと思ったのでやってみました。 サンプルはiPhoneかwebkit系ブラ
画像を使わない擬似フォームUIの作り方 第02回 「jQueryを使った擬似フォームUIの操作」｜クロノドライブ
前回はCSSを使って擬似フォームUIのデザインを整えるところまでを紹介してきましたが、今回からは擬似フォームUIの肝となる、jQueryを使ったフォーム操作の方法を紹介していきます。 前回の記事はこちら STEP05 jQueryでチェックボックスのチェック状態を操作する この時点でのサンプルを表示する 擬似フォームUIでは、実際のチェックボックスは隠れた状態になるため、jQueryでチェック/未チェックの切り替えを行います。 そのために覚えておきたいのが次の項目です。 input要素のchecked属性 input要素にchecked属性を付けることで、チェック/未チェックの状態を操作することができます。
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
【第2回】デザイナーがコードから読み解く、Androidアプリのデザインの幅を広げるコツとTips
より凝ったグラフィック編 http://www.ladybeetle-design.com/androidappdesigns/
【第1回】デザイナーがコードから読み解く、Androidアプリのデザインの幅を広げるコツとTips
【第1回】デザイナーがコードから読み解く、Androidアプリのデザインの幅を広げるコツとTips1 of 167
ガイドラインからみたアプリUI〜iPhone用とAndroid用〜
京都まゆまろ杯 第1回スマホアプリコンテスト連動イベントでの発表資料 アプリのガイドラインを抜粋し、それぞれのアプリでどう展開するかのベーシックな知識を説明
miilは、「食べること」をもっと楽しくするアプリです。 [miil.me]
ミイルでもっと食事を楽しもう！ miilは写真を通じて『おいしい』を共有するカメラアプリです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
Android Niceties
海西瓤蔚建筑材料集团有限公司
Twitter + GNIP
kintek.com.au
長文日記
【第3回】デザイナーがコードから読み解く、Androidアプリのデザインの幅を広げるコツとTips
Sign in - Google Accounts
AndroidのUI UXデザイン、UIパターンの鉄板
07design.net