fecklessmind - How to create perfect form mark up and style it with CSS
http://fecklessmind.com/2009/01/23/how-to-reliable-forms-with-css/
Changing Form Input Styles on Focus with jQuery | Build Internet!
http://buildinternet.com/2009/01/changing-form-input-styles-on-focus-with-jquery/

removeClass("idleFie

This post illustrates how to use some interesting HTML Form validators to check FORM fields writing only some lines of HTML and JavaScript code. All these proposal are lightweight, cross-browser and simple to use and customize in your web projects in few minutes.

Ask SM sobre PHP: Validacion de formularios, MySQLtoXML y mas ...

smashingmagazine.com: form validation & converting mysql to xml

f your business or organisation requires clients to print and fill-in PDF or Word forms and documents, Doculicious can simplify the form completion for your clients, and give you the tools to track and process completed forms. Doculicious lets you create online PDF documents that have a web form you can embed on your website or co-brand and access from doculicious.com. When someone completes the web-based form, they receive the completed PDF download, and we store the entered data into your secure account.

*****

Forms and fillable PDFs

Among designers, there are often discussions on the placement of actions in web forms that span several web pages. The quintessential question underlying this debate is: can an action that leads people to the previous step of a process be placed to the right of an action that leads users to the next step of a process?

previous next uie luke wroblewski

Prev & Next buttons... whats best and what isn't!

super(ContactForm, self).__init__(*args, **kwargs)

Form Validation

This looks like the plugin/page that was used in the jQuery Drupal presentations at Drupalcon

Editable (jQuery Editable Plugin) - http://arashkarimzadeh.com/index.php/jquery/7-editable-jquery-plugin.html

Currently it can convert any tag (span, div, p and ...) to text input, password, textarea, drop-down list.

Valid, flexible, and portable form foundation with XHTML/CSS

Noupe is a design weblog created to inspire creativity by sharing innovative resources and websites to bloggers, freelancers and web designers.

Forms needs a solid visual structure, a profound hierarchy of form elements (Fields and Labels), powerful techniques and Functionality (AJAX) to make the form look and work creatively. There is a great bunch of creative, outstanding and individually designed from scratch forms.

jQuery plugin: ‘autoResize’

I remember googling for something of this nature a while ago but all I found were countless attempts using the cols and/or rows attribute of the textarea, thus making it pretty useless if you weren’t using a fixed-width font. Inspired by Jason Frame’s method, I’ve created an animating ‘autoResize’ jQuery plugin. Although it was inspired by his plugin it has a few slight differences, most notably the way in which the off-screen "testing" takes place. In his plugin (apparently inspired by Facebook’s implementation) a DIV is created off-screen and is filled with the textarea’s value whenever it changes. The height of this DIV is retrieved and then applied to the textarea. My plugin makes use of the scrollTop DOM property to gain the true height of the text and then applies that directly (or via animation) to the textarea.

Login Interfaces

Interface Design Inspiration | 36 Beautiful Login Page/Form Designs | Dzine Blog - http://dzineblog.com/2009/03/interface-design-inspiration-36-beautiful-login-pageform-designs.html

Beautiful Forms - Design, Style, & make it work with PHP & Ajax | Noupe

Web-kreation - Nice & Clean Sliding Login Panel built with jQuery - http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/

TextboxList turns normal textboxes into a widget which can be navigated with the keyboard, effectively turning your input into a “list” of items that can be easily deleted. It comes with an official Autocomplete plugin.

Mootools multiple tags entry in input field

new TextboxList('form_tags_input

autosuggest, tags Apple Mail style

タグなどの入力に

Преобразование стилей html элементов ввода данных

2 plugins to nice up HTML Forms

15+ Excellent jQuery Plugins To Enhance HTML Forms

Tips, Tricks, and Techniques on using Cascading Style Sheets (CSS)

php

Ajax Fancy Captcha is a jQuery plugin that helps you protect your web pages from boys and spammers in a new, intuitive way of completing “verify humanity” tasks. In order to do that users are asked to drag and drop specified item into a circle.

forms

e solution that works with every form. Figuring out how to display errors is not a simple task. This is something I tried to remedy with this script. When an error needs to be displayed, the script creates a div and positions it in the top right corner of the input. This way you don’t have to worry about your HTML form structure. The rounded corner and shadow are done with CSS3 and degrade well in non compliant browsers. There is no images needed. When you submit a form, it will look for inp

Provides 10 guidelines for web forms, based on eye tracking research

Guidelines 5 - Don’t use asterisks, make clear optional fields Guideline 6 - Use single field for numbers or postcode

Estudo sobre formulários online

フォーム関連　☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆

jQueryによるform作成サンプル

A brief tutorial on creating a Google form.. As recommended by Will Richardson, this is an excellent resource for anyone desiring to organize, collect, and analyze data -- turning the data into information

Great for PD on Google Forms

A plugin for jQuery that lets you style select, radio, and checkboxes however you desire.

Custom browser form controls with jQuery. Nice.

As a UI designer, I have to deal with form controls quite a bit. I hate how I can’t make selects, checkboxes, and radio buttons look consistent in all the browsers, so I wrote a plugin to solve just that. Introducing Uniform, a plugin for jQuery that lets you style select, radio, and checkboxes however you desire.

jQuery plugin that lets you style select, radio, and checkboxes however you desire.

Very useful

form and captcha

intresting

いつかこだわりのフォームを作ってみたい。

Creative CSS Forms

100 Outstanding Login Forms | Design Reviver

Different Examples of Login Forms

Great collection of login forms to show you & inspire you that Login Forms can look sexy

Jquery Inline Form Validation Engine

View 10 of my favorite jQuery plugins which i mostly use with web forms. These can enhance the functionality and look of web form elements.

jQuery is one of my favorite javascript client library. We can do more with writing minimal code. Nearly in every project I need to style up web forms or create rules for validation on form elements. Without jQuery it was very harder and longer way to do by writing a lot of lines of code. jQuery solve this as there are many useful form plugins I can use and enhance my web forms easily. Some of those plugins are reviewed as below.

web tutorial

I know lots of you love our design inspiration, so here is another dose of it. This time I have compiled together some creative web forms from around the internet. Included are contact forms, login forms, comment forms and a few others. I hope you enjoy the collection, and if you want to add anymore you have found be sure to drop us a comment.

I know lots of you love our design inspiration, so here is another dose of it. This time I have compiled together some creative web forms from around the internet. Included are contact forms, login forms, comment forms and a few others.

Login pages for web apps/websites are something that regular users are likely to see over and over again but are also can be an opportunity to entice new users to sign up so a well designed login page can have greater benefits than you think. Below are some of the best login pages currently out there.

sigh, I've been meaning to do this

This is a simple plugin that turns properly formatted HTML forms into forms with in-field label support. Labels fade when the field is focussed and disappear when text entry begins. Clearing a field and leaving brings back the label.

Last week I was dealing with a unique problem. I needed to set focus to a username field, but the field had an in-field label. The script was set to clear out

Nice technique to use on labels in forms.

nline labels are nothing new – in fact the easiest way to label a field is to simply set the field value up front and blow it away when the field gains focus. Easy, right? But what if the browser focuses on the first field right off the bat...what field is it? The label is gone, so to find out what we're supposed to type we have to switch out, then back...what a terrible interaction! This little jolt could be the difference between a conversion and an abandoned form. Happily, there's a better way.

by LukeW, author of "Web Forms" from Rosenfeld media

Real-time inline validation can help people complete web forms more quickly and with less effort, fewer errors, and (surprise!) more satisfaction.

....en hoeveel % conversieverbetering het oplevert!

for unlnown items (is this username taken?) validate fields as the user proceeds from one field to the next

There are some simple steps you can take to create the best bridge possible between you and your clients. The most obvious way to receive that feedback is through a contact form. It is an essential component for owners of websites. It creates a channel to hear feedback, suggestions, and even sell services.

css web form and jquery plugins

style your forms

Validació de formularis

Javascript Validation Library

Simple, intuitive yet powerful client side validation. No need for coding, easily extendable and customizable.

表单验证

jQuery UI Multiselect - http://www.quasipartikel.at/multiselect/

Another attempt of a sortable, searchable multiple select widget It depends on jQuery 1.3 and jQuery UI 1.7. The widget is styleable using Themeroller. It works in an unobtrusive fashion, by just turning html multiple select inputs into a sexier equivalent. There's no extra markup needed. For installation instructions please have a look at the corresponding blogpost Source code is available at Github In case you are looking for the original version, it has been moved here Bleeding Edge Demo is always available here (thanks to Github Pages)

選択項目をウィンドウ間で追加削除できるプラグイン

Converts html multiple select inputs into slicker interfaces. It makes searching within the options possible which is very functional for large lists & selected items can be re-ordered by drag’n drops.

Forms can be painless or painful for visitors. Keep in mind that visitors want to get their tasks accomplished as quickly as possible, and with the least amount of effort. Proper planning and design can maximize task efficiency.

ver?

helpful.

Checklist For Better Forms

It’s hard to attract visitors attention, but this article should help to stand out and create semantically correct, good looking and accessible web forms, checkboxes, radio buttons, buttons, fieldsets – everything you can think of when you are creating contact or login page!

I featured many good looking contact forms some time ago – 91 Trendy Contact And Web Forms For Creative Inspiration, so you should know how looks good example. Now let’s take a look how to create outstanding and beautifully designed form elements from scratch ourselves. Things can get tricky even if you are experienced designer. It’s hard to attract visitors attention, but this article should help to stand out and create semantically correct, good looking and accessible web forms, checkboxes, radio buttons, buttons, fieldsets – everything you can think of when you are creating contact or login page!

Forms without tables? No way!

#contactForm ol.forms .inputerror { border: 1px solid #0000FF; }

handy contact form

There are lots of WordPress plugins for contact forms, but wouldn’t it be nice to have more control over the markup? In this tutorial, I am going to show how to use a custom page template to create a contact form in WordPress without a plugin. '

WordPress & jQuery Contact Form without a Plugin

Form di registrazione al sito

Have you ever used DeskShade in Mac? It cures boring and cluttered desktops. The feature of DeskShade that I love most is locked screen. It’s so awesome. Today, I write this tutorial to help you build the locked page for login with same feature of that DeskShade. In this tutorial, I’m using basic jQuery code. So if you’re new to jQuery, it’ll help you so much to understand Click event. Furthermore, with CSS, your login page is not gonna be boring likes before.

Suite à : http://aext.net/2009/09/learning-jquery-submit-form-php-mac-style-modal-window/

Inspiring Blog Comment Form Designs

デザインまとめ

excellent form examples.... how to style a form / form inspiration

A Fancy AJAX Contact Form

By http://bit.ly/Tweets2Delicious

Turn any webform into a powerful wizard with jQuery (FormToWizard plugin)

# 1. ラベルはフィールドの上に配置 # 2. フォーカスは視線の先に # 3. デザインのクオリティは信頼を与える # 4. ランディングページのスクロール # 5. リンクはやっぱりブルー # 6. 検索ボックスの文字数 # 7. ホワイトスペースの価値 # 8. ユーザビリティテストの重要性 # 9. プロダクトページは作りこむ # 10. コンテンツのような広告

「ラベルはフィールドの上に配置」が良かった

fumfum

ユーザーにあなたのウェブページを容易で、そして楽しくアクセスできるようにする実用的なユーザビリティの10のポイント（ガイドライン編）をSmashing Magazineから紹介します。

Simple PHP Contact Form - http://www.sevenscript.net/?p=48

This is a very simple PHP contact form for your website. Visitors can simply send emails using this contact form to an email address. Different recipient email address’s can be added to the subject dropdown with different subject names so they can be directed to the right department. The form features a CAPTCHA security image to protect your email address’s from spam.

Easy user interaction and data collection is really a key functionality on most websites and web applications. Providing users high quality and intuitive input forms may be just what is needed to make your users take the time to fill in and submit the information you’re trying to collect. In this article I have collected a number of really essential jQuery Form Enhancements. A few cheat sheets have been added as well.

Easy user interaction and data collection is really a key functionality on most websites and web applications. Providing users high quality and intuitive input forms may be just what is needed to make your users take the time to fill in and submi

Comment Form Styling: Examples and Best Practices

Noupe

Comment Form Styling: Examples and Best Practices « Noupe

Special input formatting with live feedback

Great JS lessons

check later

login system

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 panel, developed by Web-kreation.

In this post you’ll find out about amazing WordPress plugins based on jQuery UI. jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript. Below is a list of 25 surprisingly amazing best jQuery based WordPress plugins. I hope you will like the list and will use one of these plugins on your blog . Feel free to Subscribe if you would like to be informed for the latest posts.

35 More Useful jQuery Plugins and Techniques

検索フォームをCSSだけできれいに装飾するサンプル集。文字サイズを極端に大きくすると文字が欠けたりしますが、通常問題ないでしょう。

検索フォームを素敵なデザインするスタイルシート集

HPんの検索項目で使いたいなー。

フォームを綺麗にする

Data validation is an integral part of working with forms. Not only can invalid submitted data lead to security problems, but it can also break your webpage. Today, we'll take a look at how to remove illegal characters and validate data by using the "filter_var" function.

Data validation is an integral part of working with forms. Not only can invalid submitted data lead to security problems, but it can also break your webpage.

using filter_var to santise and validate input

Web Design Ledger

jQuery Plugins for Enhancing Forms

yling a tableless css web form requires advanced skills in CSS. Besides that, we have to consider the form accessibility and usability as well. With all these tutorials, they will show you the right way to implement web form.

Stronger, Better, Faster Design with CSS3 (via smashingmag) - In our last article about CSS3, Pushing Your Buttons With Practical CSS3, we talked about using new CSS3...

How to make labels inline!

cute

In most online business the revenue of the site solely depends on the registered and active users and Making the visitor of your site to sign up isn’t easy, nobody likes to fill in forms .

Inspirational Design Sign-Up Page/Form

ソースのコピペでいけるお

都道府県のselectのテンプレート！

jQuery Inline Form Validation Engine - Open Source Resources for Web Developers

alternate jquery validation plugin

jQuery Auto Save form elements

a

Plugin for auto submitting (saving) a form onchange.

Awesome collection of contact form designs in html and css

placeholder

A Form of M

10 Javascript Plugins that Skin and Beautify Web Forms - http://www.queness.com/post/1616/10-javascript-plugins-that-skin-and-beautify-web-forms

Queness

Alright, another post regarding web form, this time, it's javascript plugins that skin and beautify web forms. As a freelance designer, I found it quite frustrating to see different browsers render form elements differently. They don't look the same. We can skin the textbox and button easily, but form elements like drop down list, checkbox, radio button and file upload are pretty hard to customize it. You would need css and javascript skill to skin it.

Improving a sign up form; case study with 'before' and 'after' designs by 37signals

Review of the new 37signals signup pages.

Shorter, friendlier, "more" secure, clearer

Brilliant examples of elegant form designs

Login Form

豪華なログインフォーム事例集

Kolayca web formları oluşturmanız için 15 kaynak

Form, CSS

On your site you might have a comment box or contact form fields limited to certain character count. You can use this simple plugin to provide user with that useful information.

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... 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 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 code, style, and design your form in a manner that makes it usable and accessible to the majority of users. Since forms play such a large role in website conversions and success rates, the tips below, as well as the resources provided at the end of this article, should prove valuable for developers creating and coding web forms.

Programming, Designing and Blogging

XHTML/CSS web forms: 5 simple techniques by Judd Lyon Feb 14, 2009Filed in: Web design & development Technique 1: The Label Sandwich Wrap your inputs, selects, and textareas in the label element, and set them all as block-level. Set radio buttons and checkboxes to display inline so they'll appear on the same line. If you'd like your label and radio buttons/checkboxes on separate lines, you can either choose not to wrap it in the label, or use a hard line-break. One of each is shown below. While this may seem a little funky, the W3C actually shows this in their "implicit" label example.

The jQuery OpenID Plugin is a free plugin to add easy login support for the most popular OpenID RP's such as Google, Yahoo, AOL, and more. The inspiration for this plugin is based on openid-selector, openid-realselector, and ID Selector. This selector is different because it does not hide the markup details in javascript. Therefore, you can easily add new providers or rearrange the existing ones without digging into the javascript. The login form will still work for normal OpenID logins if javascript is disabled (see screenshot). jQueryOpenIdPlugin The plugin defaults to the first provider in the list which in the above case is a normal OpenID login box. There are two other types of providers, direct providers and username providers. A direct provider does not require any input and will automatically direct you to the provider login page. A user provider assists in building your OpenID URL. For example, Google and Yahoo are direct providers and AOL is a username provider tha

jQuery OpenID Plug-in

Multiple Web Tutorials

t’s a nicer version of the previous one, re-written from the ground up and with a couple of new features. SimpleForm is basically meant to be an easy solution to handle one or many forms with little effort. It’s mainly foc

フォームの入力チェック by jQuery。分かりやすくていいカンジ。

動的なフォーム生成でも柔軟に対応できるくらいシンプルな入力チェックライブラリがjQuery Inline Form Validation Engineだ。

this looks useful

CSS text-indent: An Excellent Trick To Style Your HTML Form | AEXT.NET

styling add inline label to form element

You probably know what the text-indent property does in CSS. It's a common CSS property allowing webmasters to indent paragraphs and hide text for image-based links. Text-indent does this great; however, it doesn't just hide and indent text. It does more.

さらに解析するだけでなく、独自パラメータを定義して送信するといったことも可能です。

Style checkboxes, drop down menus, radio buttons, and file upload inputs

Have you ever wished you could style checkboxes, drop down menus, radio buttons, and file upload inputs? Ever wished you could control the look and feel of your form elements between all browsers?

(via http://matthewbuchanan.name/)

Formularios de contacto para wordpress

Comentários sobre os principais plugins de formulários de contato para Wordpress

The form wizard plugin is a jQuery plugin which can be used to create wizard like page flows for forms without having to reload the page in between wizard steps. The plugin is unobtrusive and gives the developer great freedom on how they set up the flow of the different steps in their wizards, as the plugin supports creating specific routes in the form; depending on the user input.

Creative Web Form Designs: Ideas And Realizations | webexpedition18 - http://webexpedition18.com/articles/creative-web-form-designs-ideas-and-realizations/

メールフォームデザイン

Great in-field label jQuery plugin (text hints)

– DesignM.ag

数週間前に、私たちは、フォームで働くためのjQueryプラグインの収集を発行しました。 それらのプラグインが非常に役に立つ場合がある間、回があなたが単にプラグインを使用するより自分でむしろ解決策をコード化する方法を学ぶ方がましであるところにあるかもしれません。 jQueryと用紙で働くのに利用可能な多くの上質のチュートリアルがあります、そして、このポストでは、私たちはそれらの25を特徴とするでしょう。

Gradient coloring

-Nettuts+

Thanks to advanced CSS properties, such as gradients and shadows, it's now quite easy to turn a dull web form into something beautiful - with minimal effort. I'll show you how in today's tutorial!

formualire d'autocompletion en jquery

ajax 文件上传

We ditch the upload button in favor of a save button and fire the AJAX upload event as soon as a file is selected. The image is processed server side and a thumbnail is loaded onto the existing page. Dosen't that feel so much better?

Sliding labels in forms

nett Sliding Labels v2 http://bit.ly/9ttvPp #css

フォームのラベル

Sliding Labels v2 – Patch « CSSKarma - http://www.csskarma.com/blog/sliding-labels-v2/

Guidelines for form design.

simロック外せー softbank割引する前にアンテナ立てろー（そしたら機種変するよ）

料金プラン３G

キャンペーンは9/30まで

16GB、パケット代をマックスに使うとすると約6200円（基本オプションパックなし）

Web application whspr! creates a private feedback form that you can share on services like Twitter without revealing your real email address. Simply enter your real email address, a description of what the form is for, and the number of days you want the form to be active. Once completed, you'll be given a URL to the form to share with others. This application could be useful for job postings, blog contests or giveaways—pretty much anything where you'd like email responses but don't want to give out an email address. If you want to send private messages instead of receiving them, check out previously mentioned Whisper Bot, or you can send your awkward messages anonymously with NiceCritic.

ply enter your real

** Posted using Viigo: Mobile RSS, Sports, Current Events and more **

javascript post function

good tutorial

Submit a Form without Refreshing page with jQuery and Ajax. Bagus!

做一个晃动的登录框

Create a nice looking form easily.

Formee - Fresh baked forms for your websites! - http://www.formee.org/

Clean CSS Forms

Beautiful Contact Forms for your Inspiration

by @nettuts

In this tutorial we’re going to learn how to build real-time form validation using jQuery

isnet

☆☆☆☆☆

jQuery getting started

custom rule

$.validator.addMethod("textOnly",

crossSelect jQuery plugin demo - http://wheresrhys.co.uk/resources/crossSelect/crossSelect.html

combo de multipla selecao

Your front page is the most important page you’ll make. Without it, you’ve got nothing: nobody signs up, nobody gets to see how cool your product is. It is your most effective advertising tool. Take advantage of it.

Horrible, HORRIBLE advice. Do not listen to this fool folks.

$("#myselect option:eq(0)").after("<option value='4'>Some pears</option>");

$("#myselect").val("Some oranges").attr("selected", "selected");

G

根据ip查找用户信息

RT @kmyken1: [B!] よく知っているし、繰り返し利用しているのだが、とっても便利で、是非とも多くの人にも広めたいのでブックマークしておこう。 http://bit.ly/9pb1im [N] Googleスプレッドシートをアンケートや応募で便利に使う方法

Googleスプレッドシートのフォーム機能をご存知でしょうか？　アンケートやプレゼント応募用のフォームを作成すると、入力内容を自動的に集計できるのです。これがとっても便利！

Googleのspreadsheetでアンケートフォームを作る方法。これは便利

Google ドキュメントを利用したアンケートフォームの作り方

for letter applications

SHARED USING: http://www.tagle.it

ちょっとしたコードを書くだけで、フォームのラベルの幅を一番文字数の多いサイズに合わせるというテクニック。jQuery使用。

jQueryとCSSを使ってフォームのinput要素を楽に整列させる

一番幅のある要素のwidthを割り出して他もそれにする

使用するケースは思い浮かびませんが、フォームに入力した内容をその場でページ内に表示するためのｊQueryプラグインの紹介。

Simple cross browser detection of text changes for input and textarea elements using a jQuery custom event plugin by ZURB

Boas praticas de design

a new post just doesn’t seem so simple a process to me. I ha

ทำ from เลื่อนซ้ายขวา

Today we are going to create a fancy sliding form that shows some validation feedback to the user after each step. This form saves a lot of space and is easy to access – it basically works like a slide show, just that we have fieldsets of a form instead of images.

jQuery Form

jQuery.validity is an elegant and powerful jQuery plug-in you can use to setup client-side form validation. Instead of writing validation manually or balancing some unwieldy server-side framework, validity allows you to design client-side validation in a manner that feels natural and straightforward.

50 jQuery Plugins for Form Functionality, Validation, Security and Customisation http://bit.ly/b9KZDo #jquery

jquery form

ｊQueryを使ったフォーム集　いいデザインいっぱい

Default forms are boring and that’s for certain. Styling your form with a jQuery plugin is the solution for your aesthetic issues with basic and old forms. There are here 55 jQuery plugins for forms covering everything that you would think of related to form styling with the powerful jQuery.

Default forms are boring and that’s for certain. Styling your form with a jQuery plugin is the solution for your aesthetic issues with basic and old forms.

Building stylish contact forms typically requires the use of images (and maybe some JavaScript) to create something that looks professional. However, with CSS3 it’s now much easier to create some nice effects that don’t require the use of any images, yet can still look clean and stylish. In this tutorial we’re going to look at a range of different CSS3 effects – in particular, we’ll be creating background gradients, adding shadows to elements, applying some rounded corners, and adding a couple of simple animation effects.

Create A Clean and Stylish CSS3 Contact Form

あなたのWebを入力しやすくするjQueryプラグイン10選（1/5） - ＠IT葛西 秋雄 2010/6/17jQueryと、そのプラグインの使い方を、UI効果（エフェクト）のテーマごとに紹介する連載。jQuery/JavaScript/HTMLコードだけではなく、CSSの書き方も解説することで、より実践的にjQueryプラグインを使うための参考ドキュメントになることを目指していま

あなたのWebを入力しやすくするjQueryプラグイン10選（1/5） - ＠IT

あなたのWebを入力しやすくするjQueryプラグイン10選（1/5） - ＠IT葛西 秋雄 2010/6/17jQueryと、そのプラグインの使い方を、UI効果（エフェクト）のテーマごとに紹介する連載。jQuery/JavaScript/HTMLコードだけではなく、CSSの書き方も解説することで、より実践的にjQueryプラグインを使うための参考ドキュメントになることを目指していま

あなたのWebを入力しやすくするjQueryプラグイン10選（1/5） - ＠IT

あなたのWebを入力しやすくするjQueryプラグイン10選（1/5） - ＠IT葛西 秋雄 2010/6/17jQueryと、そのプラグインの使い方を、UI効果（エフェクト）のテーマごとに紹介する連載。jQuery/JavaScript/HTMLコードだけではなく、CSSの書き方も解説することで、より実践的にjQueryプラグインを使うための参考ドキュメントになることを目指していま

あなたのWebを入力しやすくするjQueryプラグイン10選（1/5） - ＠IT

How to create a built-in contact form for your WordPress theme

สอนทำแบบฟอร์มใส่ใน wp เองเลย

Many WordPress plugins can add a contact form to your blog, but a plugin is not necessary. In this tutorial, I'm going to show you how you can create a built-in contact form for your WordPress theme.

Sliding labels for FORM elements

When it comes to online strategies you should never overlook the design of your sign up page.  Some of the given examples are sites than many of you I'm sure are familiar with, although, I feel there are some growing gems among the group.  Take a look around! Gist

13 Sexy Sign-up Forms - http://bit.ly/auG4Ft [via: designm.ag] – Stylesheet (stylesheet) http://twitter.com/stylesheet/statuses/18672847480

Fancy Sliding Form with jQuery - http://tympanus.net/Tutorials/FancySlidingForm/

cool concept form that could be use for ODF requests

Interesting sliding approach to normally boring forms.