前回デザインしたフォームをグループでマークアップ！またより実践的なあるあるなフォームもイジワル問題として出題され、ドドーンと延長（汗。 勉強会のツィートまとめ @SawadaStdDesignさんの第6回 D2D アクセシビリティ勉強会資料 「アクセシブルな入力フォームを作ろう」 @milk54さんの第6回 D2D アクセシビリティ勉強会振り返り 第6回 D2D アクセシビリティ勉強会でアクセシブルなフォームを作成！ 今回は勉強会の振り返りというより勉強会で学んで、日々できるフォームの書き方をズラリまとめてみました。 label要素でテキストラベルとテキストフィールドを関連付ける。 例） <label for="name">名前</label> <input type="text" id="name" /> 例）必須項目の場合 <label for="name">名前<span>[必須]<
CSSの歴史は古く、1994年から開発がはじまっており、現在のCSS4モジュールなど継続的に新しい機能が追加されています。 今回はそんな広いCSSの世界から実はあまり使われていない機能9つ紹介します。 1. CSS clac() Clac()自体は広く知られていますが、この場でもう一度紹介するほど重要なのです。例のようにエレメントの幅と位置をピクセルで指定することに使えます。 2. pointerメディアクエリ タブレットやPC、スマートフォンなど様々なデバイスが存在する現代のトレンドに適応するための機能です。none(ポインティングデバイスが存在しない)、coarse(タッチスクリーンやモーションセンサーデバイス等)、fine(マウスやタッチパッド等)の入力値によりデバイスを識別し、ボタンのデザインを変更したりする際に活用します。 3. CurrentColor variable CSS
成果爆増！CV200%増・離脱率50%が達成できるスマホサイトEFO 5つのポイント！ 2016/2/1 フレームワーク こんにちは、WEBコンサルティング会社のタガタメ代表取締役の酒井です。 スマホサイト経由でのWEBサイトの利用率は爆発的に伸びています。スマホからのアクセスを見ると「ZOZOTOWN」「ユニクロ」などのファッションサイトで64％、「Amazon」「楽天市場」「Yahoo! ショッピング」などの大手通販サイトでも56％と完全にパソコンからのアクセスを抜いています（2015年ニールセン調査）。 ところが、パソコンの入力フォーム最適化（EFO）に比べてスマホのEFOは大幅に遅れているのが現状です。 ここでは、スマホサイトのEFOを一気に改善する5つの方法をお伝えします。 ①フリガナ入力でカタカナを要求してはいけません これはパソコンも同様ですが、そもそもなぜフリガナ入力がカタ
ECサイトの購入フォームでは、多くの場合クレジットカードによる決済方法を用意していることがほどんどです。 銀行振込みや代引き、コンビニ支払いなどほかの決済方法に比べ、その場で情報を入力するだけで手続きが済み、手数料もかからないことの多いクレジットカードは、オンラインショッピングを楽しむユーザーにとってもなくてはならないものです。 とはいえ、カード番号や有効期限、セキュリティコードなどと入力量が比較定期多いというのもクレジットカードの特徴。 今回はそんなクレジットカード情報の入力フォームの最適化についてポイントをお伝えしていきます。 余計な入力欄はなるべく減らす クレジットカード情報のフォーム入力でよくあるのが、カード会社を選択させる入力欄です。 しかし結論から言うと、このカードブランドの入力欄は用意する必要がありません。 カード番号とブランドは対応している なぜならば、実はカード番号の冒頭
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
