郵便番号を入力すると住所を自動補完してくれるjQueryプラグイン・jquery.jpostal.js
郵便番号から住所を自動補完してくれるライブラリのご紹介。他にもいくつかありますけど使いやすかったので備忘録として。 よくあるやつ。メンテも不要との事なので助かります。 <script type='text/javascript' src='http://code.jquery.com/jquery-git2.js'></script> <script type="text/javascript" src="http://jpostal.googlecode.com/svn/trunk/jquery.jpostal.js"></script>ライブラリはgooglecode.comにホストされているものを直接読み込みます。 $('#postcode1').jpostal({ postcode : [ '#postcode1', '#postcode2' ], address : { '#ad
25 Excellent Examples of Forms in Web Design - Web Design Ledger
14 Comments Very nice collection! Thanks for collect them on one place 🙂 Great list, thanks. Forms tend to be dull dull dull, but are often a very important part of a website It’s great to see some really interesting attempts to make them far less dull… That Bio-Bak one was fun to play around with haha Great Collection of forms there. I find forms are usually one of the hardest elements of a webs
WordPressにコンタクトフォームを一発で実装できるプラグイン「Contact Form 7」:phpspot開発日誌
WordPressにコンタクトフォームを一発で実装できるプラグイン「Contact Form 7」 2011年02月22日- WordPress › Contact Form 7 « WordPress Plugins WordPressにコンタクトフォームを一発で実装できるプラグイン「Contact Form 7」。 日本語もOKで、管理画面上からコンタクトフォームに追加するフィールドを簡単追加出来たり、どのメールアドレスに送信するか？等、コンタクトフォームのフル設定が可能。 出来上がるフォームはこんな感じ。 設定画面では、タグの作成から、フォームに追加できるフィールドを選べます。 クイズやCAPTCHA、ファイルアップロードまで、いたれり尽くせりです。 要素を選ぶと編集フォームが現れてその場で瞬時に設定出来ます。 要素にidやclassが振れるのでデザイナーさんにも安心。 フォームの並
Making A Cool Login System With PHP, MySQL & jQuery
Making A Cool Login System With PHP, MySQL & jQuery Introduction Today we are making a cool & simple login / registration system. It will give you the ability to easily create a member-only area on your site and provide an easy registration process. It is going to be PHP driven and store all the registrations into a MySQL database. To add the needed flair, we are using the amazing sliding jQuery p
かっこいいWordPressのログインフォームデザインいろいろ
みんな大好きFlickrではグループ を作成出来るのですが、その中に WordPressのログイン画面の 入力フォームデザインのグループ があったのでご紹介します。 個人で使う分にはそのままでも良さそうですが、Web制作でWPをクライアントに渡すのにログイン画面がWordPressよりはクライアントのロゴなどでデザインされている方が喜ばれるのでは無いかと思います。言わないと分からないでしょうが＾＾；そんな訳でログイン画面の秀逸なデザインとログイン画面で使用されているｃｓｓファイルの場所を一番下に載せておきます。ソース見れば簡単に分かるんですけど一応。。 まずはギャラリーから。 Universidad San Andres 学校でWP使ってるようですね。敷地内の写真を利用したログイン画面で素敵です。 Universidad San Andres The NewReview › Log In
[JS]フォームの入力フィールドにアイコンを表示するスクリプト -Sexy Forms
フォームの入力フィールドにアイコンを表示するなど、9種類のスタイルのデザインを簡単に適用できるスクリプトをCoders.meから紹介します。
[JS]フォームのエラー箇所をアニメーションでブルッとさせるスクリプト
フォームのエラー箇所にブルッとしたアニメーションのエフェクトを加えるスクリプトをJanko At Warp Speedから紹介します。 Animate validation feedback using jQuery demo デモではフィールドが空の場合にエラーとして、ブルッとしたアニメーションのエフェクトを加えます。 スクリプトのベースにはjQueryが使用されており、下記のスクリプトを記述します。 <textarea name="code" class="js" cols="60" rows="5"> $("#signup").click(function() { var emptyfields = $("input[value=]"); if (emptyfields.size() > 0) { emptyfields.each(function() { $(this).stop(
40 Beautifully-Designed Navigation Menus | Vandelay Design Blog
These earth tone color palettes are perfect for a wide variety of nature-inspired designs. Use the provided hex codes to save time choosing colors.
Simple AS3 Contact Form Using PHP - Flashtuts+
This contact form class is super-customizable and simple to use. I’ve used it in lots of projects and it’s easy to make it look different every time. Pretty much everything can be easily customized including all the colors and text and validation copy. Requires a server running PHP for the email to send.Free for any use other than reselling. Author: Jay My name is Jay and I’m a freelance Interacti
10 JavaScript & CSS Frameworks for Enhancing HTML Forms
Forms are an essential part of just about every website – yet, we don’t always pay too much attention to their finer details. Several things can be done to improve them, such as adding validation, input masks, and other visual guides. And that’s only scratching the surface. The end goal is to make them both attractive and as easy to use as possible. Here are 10 free tools you can use to make your
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
LightForm » Web-kreation
:::LightForm::: Free Ajax/PHP Contact Form * Name : * Email : Website : * Subject : * Your message : * Are you human? : 2 + 3 = ??? Design by Web-kreation - Ajax Form validation (FormCheck2) by Moo Floor - This form uses NiceForms (BadBoy.ro) to style text fields and textareas. © Some Copyrights by their respective authors (if you are not sure visit authors' websites).
ファイルアップロードの際に便利なFlash/JavaScriptウィジェット集:phpspot開発日誌
10 Most Interesting Upload Widgets | AjaxLine ファイルアップロードの際に便利なFlash/JavaScriptウィジェット集。 通常のアップロード機能を実装すると使えないと言われないくらい、Flickrなどのアップローダなんかは便利になっていますよね。 実装すると便利になりそうなウィジェットが色々と紹介されていましたのでご紹介。 Flash Upload Widget Flashを使って、アップロードの進捗を表示してくれるウィジェット XUpload Perlで書かれたリアルタイムアップロードウィジェット Uber-Uploader Perl or PHP + JSで書かれた複数ファイルアップローダー。進捗表示つき jqUploader jQueryアップロード用プラグイン Ajax Style File Upload ASP.NET用リアルタ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PHP製のOSSメールフォーム作ったよ - blog::wnotes.net
Validating Various Input Data in Flash | Envato Tuts+
CSS3を使用した美しいフォームが簡単に作成できる -FAARY
しっかりと細部までデザインされたコンタクトフォームのデザイン集
http://www.designwalker.com/2010/06/jquery-forms.html
[JS]フォームのテキスト欄にアイコンやテキストを表示させるスクリプト -CoolInput
いろいろなサイトのフォームのログインを集めた -Login Forms Design Showcase