http://monosy.com/blog/6
フォームの入力欄にテキストを表示する際、ユーザーが使いやすくよりセマンティックに実装する方法
フォームの入力欄にテキストを表示するテクニックとして、HTML5のplaceholder属性やtitle属性にいれたテキストをスクリプトで置き換える方法などがあります。 しかし、placeholderはplaceholderなので、ラベルの代替として利用するのはW3Cでも推奨していません。 参考：The placeholder attribute -W3C フォームに余分なHTMLを追加せず、ラベルを利用してシンプルに解決する方法を紹介します。 入力時はラベルがツールチップで 実装 実装のポイント label要素内のテキストをラベルとして利用する。 初期状態でラベルのテキストを表示する。 入力時にもラベルがユーザーの目に見えるようにする。 ラベルの配置はフォームとページのレイアウトで行われるようにする。 スクリプトが利用可能でない時でも、ラベルを利用できるようにする。 これらのポイントを踏
iOS 7を搭載したiPhoneの使い勝手はどう変わるか
サンフランシスコのMoscone Centerで開催された年次開発者イベントWWDC 2013 で、iOS 7がアナウンスされた。開発者向けには即日プレビュー版が提供され、製品版は2013年秋の予定だ。 今回の新バージョンは、iPhoneが発売され「iPhone OS 」として登場した2007年から初めてとなる全面的なデザイン改定となった。WWDC 2013の会場では展示がなく、残念ながらiOS 7を搭載した実機を見ることはできなかったが、iOS 7によってiPhone、iPadはどのように変わっていくのだろうか。 デザイン WWDC 2013の基調講演が始まる際、白い背景に黒い線や図形、文字を使ったアニメーションの映像が流され、これまでと少し違った印象を覚えた。白い背景はおなじみだとしても、これまでは製品のアップや写真などを多用したイメージ作りをしてきたAppleが急にシンプルすぎる映像
【 | と◯】知ってる？ アプリや電機のスイッチと電源ボタンの記号の意味 | アプリオ
あるiPhoneアプリの解説記事を書くために、アプリ内の設定項目を確認していたところ、以前から気になりつつも放置していた疑問に筆者は直面した。 その疑問とは 「アプリやOSの設定画面などに使われるスイッチは、どちらがオン（ON）でどちらがオフ（OFF）か分かりにくいことがある。なぜ、分かりにくいのか？」 ということだ。 アプリのスイッチの意味が分かりにくい？ 基本的にiPhoneやAndroidの日本向けアプリではオン・オフの表現が用いられていることが多いようだが、中には上の画像のように | と ◯ の表現が用いられるアプリも存在する。また、Android端末でも機種によっては同様の表現が設定画面などで使われている。 はたして | と ◯ の表現でオンとオフの区別を自然に行うことができるのだろうか。以前から、筆者の心の中に、この小さな疑問がくすぶり続けていたのだ。 前提として確認しておくが
どう考えても楽勝だった男の子育て
ちわーす。うちのせがれももう18歳になるんで、乳幼児の頃の子育ても18年から12年くらい前の話になりますが、子供を育てていて、しかも専業主婦で、時間に余裕がなくてあっぷあっぷになっている女性がたくさんいるのを見て、世間的には「大変だよね」って同情してあげないといかん風潮になってるのにすごい違和感があります。 当時のうちのスペックは、 ・俺、在宅勤務可能のフリーランス仕事。年によって収入が激変、フルでやれば年収1500万円くらいになることもあれば、幼児期の子育て中はセーブしてだいたい300万円くらい。 ・妻、当時、研修医。激務でいながら、必要経費を抜くと大体税引き前で年収300万円くらい。 ・住居は東京。俺の実家は九州、妻の実家は北海道なので家族の助けは受けられない。 ・保育所には枠の都合と経済的な理由から預けられない。 こんな感じ。せがれは一人っ子。6歳過ぎてからはキャリア的にも子育て的に
[JS]グリッドで配置したパネルをダイナミックなアニメーションでコントロールするスクリプト -gridSelector
Googleトレンドのようなグリッド状に配置した複数のパネルにダイナミックなアニメーションを与えるスクリプトを紹介します。 Dynamic Grid with Transitions デモはChrome, Firefoxでご覧ください。 ※Safariで見たら、クラッシュしました。 Demo 1: No transitions Demo 2: Transitions without delays Demo 3: Transitions with delays 3種類のデモは、1:アニメーション無し、2:ディレイ無しのアニメーション、3:ディレイ有りのアニメーションとなっています。 Demo 3のディレイ有りが一番かっこいいです！ Demo 3のアニメーションgif 左上からパネルの表示数・レイアウトが変更すると、アニメーションで変更します。 実装 div要素で配置したパネルと外部ファイルと
積ん読・積みゲーに罪悪感を覚えなくても、もう大丈夫！ | ライフハッカー・ジャパン
手に入れた本を読み終えられず、うしろめたさを感じたことはありませんか？ 1年前に購入したのに「レベル3」までしか達成していないゲームや、途中で観るのを止めてしまった映画はどうでしょう？ 途中で止めてしまってうしろめたさを感じるのは、珍しいことではありません。ですが、どうして罪悪感を覚えるのかを説明するのは簡単ではありません。 Wall Street Journalにおいて心理学者のMatthew Wilhem博士は、その理由は「個人の性格」にあると言っています。 Wilhem博士によると、競争心が強い人ほど途中で止める傾向にあるようです。彼らは「賞罰」の感覚で行動するからで、何かしら見返りや周囲に認められることがなければ、その本を読み終えなければならない理由を持てなくなってしまうというのです。 逆に、もっと気楽な性格の人は、読み終えられないと分かっている本であれば最初から読まないのだとか。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
