フォーム送信前のバリデーション(検証)は欠かせませんが、あまりリッチな機能ではかえって使いにくくなることもあります。なるべくブラウザーの機能を使って、シンプルなバリデーション機能を実装する方法を解説します。 HTML5ではブラウザーベースのフォームバリデーションを実装するために、新しい属性がいくつか導入されました。たとえばpattern属性はtextarea要素やinputに対して有効な入力値を正…

Copyright © 2017, James Edwards All Rights Reserved.

James Edwards

James Edwards

イギリス在住のフリーランスのWeb開発者で、専門はJavaScriptアプリケーション開発およびアクセシブルなWebサイトの構築をしています。プロとして10年以上の経験を持ち、書籍の執筆や、ブログを頻繁に更新し、講演も多数こなすほか、標準ベースの開発を積極的な発言で支持しています。

Loading...

スマホアプリやスマホサイトではおなじみになった「マイクロインタラクション」。なぜUIに動きをつける必要があるのでしょうか? どんな意味があるのでしょうか。 今週、私はカレンダー機能用のマイクロインタラクションをデザインしていました。「ビジュアルデザイン」はだいぶ前に完成したのですが、モーションをコードに埋め込んで正しく動作させるのは、ビジュアルデザインよりも大変でした。 浮き上がる、折りたたむとい…

Copyright © 2017, Alex Walker All Rights Reserved.

Alex Walker

Alex Walker

sitepoint.comのデザイン・フロントエンド開発者をマネジメントしています。またSitepointのデザインとUX編集も担当しています。

Loading...