Interface Design Inspiration – 36 Beautiful Contact Page/Form Designs The Contact form / Page is an important part of interface / web design, The sole purpose of contact page is to get the user contact you or enquire more about you, now a days most of web designers pays more attention to the contact page also and treats the contact page design as same like the home page design and the result of wh

テキストエリアにTwitterみたく残り文字数を超簡単に表示できるjQueryプラグイン「NobleCount」 2010年03月25日- jQuery Plugin: Give Your Characters a NobleCount The Product Guy テキストエリアにTwitterみたく残り文字数を超簡単に表示できるjQueryプラグイン「NobleCount」。 今、テキストエリア内に何文字はいっているのか？というのは、文字数制限をしているフォームにとっては重要なユーザビリティになりますね。 送信ボタンを押した後に、文字数オーバーです、というのは不親切ですしサーバに無駄なリクエストが増えることになります。 Twitter では残り文字数を表示していますが、これをjQueryで１行で実装してしまえるのがこのプラグイン。 $(element).NobleCount('#ta

Hello everyone! This week’s Monday post is a little late. Long day, mostly out of the office. But I’ve got something for yall I think you’ll like. It’s a ‘Button & Form Element Vector Pack.’ It’s several different button styles, all in several different colors. There are square, round, rectangle, and rounded corner buttons. I’ve also included a bunch of different form fields, both light and dark.

メールフォームCGI 配布 法人・個人、営利・非営利を問わずフリーのメールフォームCGIです。 著作権表示の削除が可能です。著作権フリーとしますのでご自由にお使い下さい。 企業ページへの埋め込みを目的として作ったためサイトのデザインにあわせやすいように全てのページ、メール本文がテンプレートになっています。 上のような商用フリーのものを探していましたが見あたらなかったため制作しました。 テンプレートの切り替えによって一つのスクリプトで複数のメールフォームを設置可能です。 utf-8 で動作します。 携帯向けのHTMLテンプレートを制作すれば携帯でも動作します。 詳細なマニュアル等有りません。改造ベースにどうぞ。 不具合が有りましたら連絡頂けると幸いです。 設置されたサイト様につきましては宜しければご一報下さい。。 設置・カスタマイズ請け負います。お問い合わせ下さい。導入企業様のサンプルもお見

メールフォームCGIの概要Perlで書かれたメールフォームのCGIです。自動返信機能(オートレスポンダー)、必須入力項目をチェックしてくれるJavascriptファイルがセットになっております。とにかくシンプルに、簡単に設置できるよう心がけたつもりです。パーミションの設定ができる人であればおそらく設置できるかと思います。 項目の追加や必須項目の設定などは全てHTMLに記載するだけでOK。また、ユーザビリティを高めるための様々な機能を実装しております。メールフォームの設置やCGIで諦めた方はぜひお試し下さい。 メールフォームCGIの機能 レジューム機能 他のページに行っても、ブラウザを閉じない限り入力した内容が記憶されます。ブラウザを閉じる事により入力された内容が消えますので、セキュリティ面でも問題ありません。 スパムフィルター機能 Javascript実行環境下でしか動かないため悪意あるb

PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説ボタンレイアウト Rediscovering the Button Element Rediscovering the Button Element button要素は、要素内にHTML要素を含めることができます。 【Save】ボタンは、button要素内にアイコン画像とテキストを指定し、【Change Password】ボタンと【Cancel】ボタンは、a要素内にアイコン画像とテキストを指定しています。 それぞれ、button要素あるいはa要素ににマウスが乗った時と通常時のレイアウトをCSSで切り替えています。 設置サンプルサンプルを見る<style type="text/css"> .buttons { margin:0 0 1em 0; padd

When designing your next website, overlook no detail, including your login form. Too many designers think to themselves, 55 Spectacular Login Form Designs When designing your next website, overlook no detail, including your login form. Too many designers think to themselves, “Two fields and a button. Simple as that.” Wrong. Your login form should stand out on your site for members to find. It shou