人のフォーカスを笑うな - ネコメシCEOブログ
ネコメシ、今年の仕事始めに引越しをしまして、麻布十番から渋谷へと本社を移転しました。パートナー会社さんたちとの業務提携っぷりをいっそう深めるためでありまして、これについては、ほとぼりが冷めないうちに、なるたけ近日、別途ご案内差し上げるつもりです。 さて、本社の住所変更となりますと、いろいろ手続きが必要です。まず何といっても大事なのは登記簿謄本の住所変更ですね。あとは銀行やクレジットカードなど、主に決済関係のやりとりが発生するところには、速やかに変更の連絡をしておく必要があります。 ということで、ドメイン屋さんとかサーバ屋さんのほうも、住所変更やっとくかってことになりまして。銀行とかと違って、こういうところは全部オンラインで手続きできるから楽ちんですよね！ ということで、まず、ヘテムルさん。 お客様情報の入力フォームです。麻布十番の旧住所が入ってるので、これを変更します。 郵便番号の頭3桁を
role="search"
検索ボックスにWAI-ARIAのsearchランドマーク・ロールを付ける時にform要素に付けていた。WordPressのデフォルト・テーマ(Twenty ThirteenやTwenty Fourteen)はこうなっている。長いものに巻かれてここでもそうしたような記憶があるけど、検索機能を提供する全てを包括する要素に追加するべきで、多くの場合はform要素を内包するaside要素等に追加する方が良いようだ。 A landmark region that contains a collection of items and objects that, as a whole, combine to create a search facility. See related form. A search region may be a mix of host language form cont
validate.js
Lightweight JavaScript form validation library inspired by CodeIgniter. No dependencies, just over 2kb gzipped, and customizable! validate.js (development - 16kb) validate.min.js (minified - 2.1kb) Required field: Alphanumeric field: Password: Password Confirmation (match password): Email: Min length field (min. 8 chars): Required checkbox (example: Terms of Service) Submit Features Validate form
How To Create Pretty Search Forms - Paulund
In this tutorial we are going to style text boxes and buttons to create pretty search forms. We are going to create three forms which will match the image above. The three styles are dark grey, light grey and a lighter grey just like the image below. The HTML Each of the search forms will have a textbox and a button which we can submit the search. As we are creating three forms everything we do we
フォームのバリデーション用jQueryプラグインいろいろ+α
個人的なメモ。普段さほど使うことが 無いので、必要な時に探すのに時間 掛からないようにまとめておきます。 沢山ある必要はさほど無いのですが、 勉強用も兼ねていろいろと数を揃えて おきました。 お問い合わせフォームのユービザリティ向上として導入されるバリデーション用のjQueryプラグインのまとめと、その他Tipsやフォームデザイン周りの情報をちょろっと。一応動作だけIE6、7でも確認しています。 exValidation 安心(?)の国産プラグインです。複雑なフォームにも対応できるのでとりあえずこれを覚えておけば安心ではないかと思います。 どんなフォームにも使えるjQueryのフォームバリデーション exValidation jquery.validate.js Validationの日本語Ver.です。シンプルなので使い勝手いいですね。日付の確認用プラグインも派生していますので合わせて。
「ログインフォーム」は慣れが大事 (ユーザビリティ実践メモ)
ユーザビリティを考える上では、ユーザの「慣れ」を考慮する必要があるということは、過去の実践メモでも何度か指摘してきました。 過去記事：「ユーザの慣れや先入観に配慮する」 そうした「慣れ」の代表例として、「ログインフォーム」が挙げられます。 ログインフォームの入力項目や並び順はほとんどのサイトで共通している 入力するID・パスワードも、多くのユーザは同じものを使い回している という特徴から、ログインフォームを利用するユーザは、ほぼ無意識的に行動する傾向が見られます。 特に、ある程度キーボード操作に慣れているユーザの場合、タブキーを利用して、 「ID入力→タブキー→パスワード入力→エンターキー」 という操作が身体に染みついていることがあります。 「他と違う」フォームは、ユーザのエラーにつながりうる とあるECサイトでは、次のようなログインフォームを用意していました。 このログインフォームでは、
Tips for Coding and Designing Usable Web Forms - noupe
By Louis Lazaris The web form has been one of the most discussed elements in web design for more than ten years now. We can't help it. Call-to-action functionality often leads users to a form; purchases are made using forms; users register via a registration form or subscribe using forms — the uses for forms are endless. While it is fairly easy to slap together a form in HTML, it's not as easy to
フィードバック用の簡単なフォームをサイドからスライドさせるjQueryプラグイン・contactable
Feedbackボタンをクリックするとサイド からフォームのパネルをスライドさせる jQueryプラグイン・contactableをご紹介 致します。情報元は去年の記事ですが、 自分が使いたかったのでメモ的にエントリ。 ユーザーにも優しいのでお勧めです。 わざわざページ移動せずともパッと送信出来るのでユーザビリティにも繋がりそうです。何より、インストールして使うので日本語に出来るのは大きいですね。テキストを日本語に直したデモをご用意しました。 デモ ※メールはダミーにしているので実際に送信は出来ません。 フォームテキストを日本語に変えるには梱包されているjquery.contactable.packed.jsの中を変更します。ちょっと横長なので探し難いですが。。デモでは以下のように変更しました。 (function($){$.fn.contactable=function(options)
25 jQuery Tutorials for Creating and Working with Forms - DesignM.ag
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
18 Impressive Web Form Validation Scripts to Enhance User Experience - DzineBlog.com
18 Impressive Web Form Validation Scripts to Enhance User Experience Forms are such a common element on the Internet we tend to blunder through them without too much thought. However, if the web site has added a few nice touches that make the process easier, it tends to speed up the process and reduce any frustration, hence i’ve collected these 18 Impressive Web Form Validation Scripts that will h
20+ HTML Forms Best Practices for Beginners | Envato Tuts+
Working with HTML forms can be somewhat daunting. They not only use some niche HTML elements, but also blur the line between static content and user interaction. Let's review some things to remember when creating your next form. Good HTML forms require attention to at least four points: semantics accessibility functionality design Forms can be difficult and sometimes even annoying for users; often
webcreatorbox.com by Mobify
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. Webforms, also known as web forms or H
フォームデザイン虎の巻：複数の選択肢を提供する - builder by ZDNet Japan
リモートワークを成功させる方法 必須となるセキュリティをどう強化するか 必要な対策5つを紹介 最新ストレージで変わるIT運用 仮想化テクノロジーとFlashArrayの組合せで 運用負荷軽減と高性能化を実現したDMM 50年の経験を持つアイネットが提供 ユーザー企業の使いやすさを第一に考えた ワンストップで使えるマネージドクラウド ID管理の基礎知識 新しい働き方におけるITガバナンスの 向上にむけて データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある 本当のデータ活用できていますか？ データドリブンがあたりまえと言われる今あらためて考えたいデータ活用のありかた クラウド導入が進まない本当の課題 ITベンダーだからこそ知っている クラウドに二の足を踏む企業のボトルネック iPhoneデバイスも統合的に管理 激しく変化する業務環境とリ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5のさまざまなform要素があなたのブラウザでどのように見えるかのまとめ -Native form elements
http://www.designwalker.com/2010/06/jquery-forms.html
10 Free Forms for Blogger & Websites | TutorialFeed
Plugins - Labeling Form Helper - Agile Web Development