jQueryプラグイン 50
少し古いのもありますが、今年見かけたものを中心にフォーム周りでいつか使う機会がありそうだと思ったjQueryプラグインのまとめです。 バリデーションや各フォームエレメントのデザイン変更といったオーソドックスなものから、上手く使えばユーザビリティの向上に繋がりそうなもの、他ではあまり見ないユニークな動きを実装できるものまで様々なタイプがあります。 中にはCSS3を併用したりそのままでは日本語に対応していないというものも幾つかあるので、使う際にはブラウザやデバイス環境によっていろいろ確認する必要はあるんですが、いずれも便利なプラグインばかりです。 exValidation プラグイン作者が日本の方なので、ひらがなやカタカナといった日本語のチェックもできるバリデーションプラグイン。 Validetta シンプルで軽量なバリデーションプラグイン。 jQuery Valideasy 見た目がシンプル
HTML5 input type のブラウザ対応について検証してみた。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
search、tel、url、email以外は対応状況が微妙です。 week、colorのみiPhone・Androidに対応していませんでした。 numberはFirefoxは対応していませんが、iPhoneでキー配列が数字になるため、適宜使用したいところです。 フォームの見た目 各typeを対応ブラウザで見た時の見た目の参考です。 今回はMac Chromeのキャプチャですが、各ブラウザによって多少デザインや仕様が変わります。 対応していないブラウザはどうなる？ 各ブラウザで対応していないtypeはtype=”text”で生成されます。 rangeとcolor以外はなんとかなりますね。 バリデートの実用性は？ Safariはバリデートが機能していないようでしたし、仕様も不親切な点が見受けられました。 各ブラウザのバラバラな対応状況を考えると、実用出来るのはまだ先のように思います。 バリ
【42選】かっこ良くて面白い！参考になるコンタクトフォームデザイン – 42 Cool Contact Form Designs | Stronghold Archive
どうもこんばんは。Toshikuraです。今回のTipsは【【42選】かっこ良くて面白い！参考になるコンタクトフォームデザイン – 42 Cool Contact Form Designs】です。最近フォーム関連の記事を連続して書いていますが、その番外編になります。連続記事の方でユーザビリティの方を底上げし、かっこいいフォームを参考に仕上げをするのもよろしいのではないでしょうか。 justdot 黒板の様な質感のある背景にフォームを配置しています。とても可愛くデザイン性が高いなと思います。 svn2ftp メモ帳の上にフォームがあります。よく見るスタイルですがさりげないセンドボタン等、細部にこだわっています。 heartbreakerfashion 手紙の上にフォームがあるデザイン。フォームである事のサジェストが上手になされています。 ftdesigner シンプルですが高級感のあるデザイ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
