An HTML5 form validation plugin for jQuery. The plugin works on all major browsers such as IE, Chrome and Firefox, both new and old. Implements inline, realtime validation best practices (based on surveys and usability studies). It was developed for production use in e-commerce and is currently in production with millions of users. Can be downloaded here Go back to front page. Check out some of ou
On a current project, I was trying to find a way to auto-resize a textarea according to some content that would be loaded in dynamically via Ajax. I didn’t know the height of the content and the textarea element doesn’t resize naturally like other HTML elements, so I needed to update the height of the element with JavaScript each time the content changed. It seemed like a simple task. After doing
In this tutorial, we're going to take a look at how to serve HTML5 forms to modern browsers, while compensating for older browsers by using a mix of Webforms2, Modernizr, jQuery UI and assorted jQuery Plugins. Introduction HTML5 powered forms provide a great deal of semantic markup, and remove the need for a lot of JavaScript. One of the first efforts toward HTML5 was WHATWG's Web Forms 2.0, origi
Inayaili de León's post last week on 24 ways reminded me about some of the new attributes that HTML5 will be adding to the <input> element. In addition to the flashy new input types (search, color, date, etc.), there are several more mundane, but just as useful, new attributes that can be used on the input types we already have. I created a small jQuery plugin that checks if these attributes are s
li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> Home Categories Tutorials Resources Inspiration Freelance Interviews Design Freebies About Contact Advertise With Us Write For Us Contact Almost every website uses a form of some kind. Contact forms and other types of forms can be
ここのところ、Google App Engine上でアプリを作っている私だが、iPhoneアプリとかを作り慣れている私としては、単純なHTMLページの組み合わせでUIを作るというのでは面白くない。そこで、サーバーがModel、クライアントがViewとControllerというアーキテクチャととことん追求してサービスを作っているのだが、そのためにはさまざまなUI部品を作らなければならず、そこにやたらと時間がかかっている。 始めた当初は、「今はオープンソースの時代だからUI部品もオープンなものを集めてくれば済む」と軽く思っていたのだが、実際に使おうとすると不必要に複雑だったり、汎用化されすぎていたりしてそのままでは使えないものが大半。結局のところ、そのまま使える品質のJavaScriptライブラリはjQueryのみで、それ以外は、(1)オープンなものを元にシンプルなものを作り直す、(2)スクラ
Buttons, whatever their purpose, are important design elements. They could be the end point of a Web form or a call to action. Designers have many reasons to style buttons, including to make them more attractive and to enhance usability. One of the most important reasons, though, is that standard buttons can easily be missed by users because they often look similar to elements in their operating s
Resources 12 Excellent jQuery Plugins for Enhancing Forms Henry JonesNovember 17, 200924 Comments03.3k Forms are part of almost every website. Whether it’s a simple contact form or a complex sign-up form, filling one out is usually a mundane task. When possible, you should try to make form completion for the user easier and more enjoyable. Here are 12 jQuery plugins that can help you enhance your
HTML 5の最初の大きな目的の1つは、主要なHTMLフォーム要素を現状の潮流に合うように変更することでした。この記事では、HTML 5の草案に導入されている主要な新しいフォーム要素と既存要素の変更点を説明し、HTML 5の仕様が現在までにどれくらいこの目的を達成しているかを解説します。 はじめに ほぼすべてのWebアプリケーションにとって、フォームはなくてはならないものになりましたが、HTMLフォームの主要な要素は13年近くも前のものです。HTML 5の最初の大きな目的の1つが、現状の潮流に合わせてこれらの要素を変更することであったのも不思議ではありません。 W3Cが最初にXHTML仕様を策定したとき根底にあった目標の1つは、XMLコンテンツの処理に適したフォームアーキテクチャを作ることでした。そこで2002年にXFormsが開発されました。ところが、HTMLコミュニティの多くの人からは
都道府県選択するやつ。 - CSS HappyLife にインスパイアされて。 実際の案件では、都道府県の内部コードは JIS X0402 もしくは ISO 3166-2 で定められたコードを使うことも多いと思います。ということで、value 値として JIS X0402 や ISO 3166-2 のコードを送るバージョンを作ってみました。 option の並び順も、JIS X0402 や ISO 3166-2 のコード順に並び替えました。個人的にはユーザの立場として、独自な並び順だと一瞬混乱するので、JIS(ISO) のコード順の並びで各サイト統一して欲しいところです。 以下のコードについては何らの権利を主張しません。ご自由にコピペなどしてお使いください。 JIS X0402 版 <select name="都道府県"> <option value="">都道府県をお選びください。</o
Web Application Form Design by Luke Wroblewski January 22, 2005 "Input elements should be organized in logical groups so that your brain can process the form layout in chunks of related fields." –HTML: the Definitive Guide Quite rare is the Web application that doesn’t make extensive use of forms for data input and configuration. But not all Web applications use forms consistently. Variations in t
or: Delayed password masking with JavaScript. ==This lib is deprecated. Sorry.== Jakob Nielsen recently asked us to Stop Password Masking: Usability suffers when users type in passwords and the only feedback they get is a row of bullets. Typically, masking passwords doesn’t even increase security, but it does cost you business due to login failures. useit.com/alertbox/passwords.html He suggests us
Last month I wrote about how I wished when clients had a change request for their site, they would treat me like a six-year-old. The point was, those change requests are often far too vague which leads to confusion and ultimately wasted time. It would be more efficient if those change requests contained everything needed to make that change without confusion. I thought this idea would make for a g
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く