Formalize CSS | SonSpring
Oct 16, 2010 — Topic: css Formalize CSS | View demo | Download | GitHub repo Formalize CSS — Dress up your forms! IntroAs designers, we are used to having quite a bit of control over how things are displayed in a browser. Sure, differing rendering engines don't always agree on everything, but for the most part we can at least find ways to mitigate variance through workarounds, or by writing for th
HTML5 Tech Talk #3 -- HTML5 Forms 編
HTML5 の Tech Talk #3 に一昨日、参加した。セッションは 3 つ。 HTML5 Forms (羽田野氏) Canvas と Transform (羽田野氏) HTML5 の記し方 (白石氏) 1 つ目は HTML5 Forms の話。本エントリーで紹介する。2 つ目は HTML5 で絵を描く「Canvas」要素の中で、特に扱いが難しい (?) Transform の実演とソースコード紹介。これは実演メインだったのでエントリーにはしない。3 つ目は HTML5 の簡単な文法。スライドがポンポン進んだのでメモしきれなかった。資料がネットに上がったら、エントリーを書くつもり。 HTML5 Forms は昔 Web Forms 2.0 とも呼ばれていたもので、Tech Talk #2 においても Opera のダニエル・デイビス氏が紹介していた。 clmemo@aka: HTML
validatious.org - Domain Name For Sale | Dan.com
Buyer Protection Program When you buy a domain name at Dan.com, you’re automatically covered by our unique Buyer Protection Program. Read more about how we keep you safe on our Trust and Security page. Next to our secure domain ownership transfer process, we strictly monitor all transactions. If anything looks weird, we take immediate action. And if the seller doesn't deliver on their part of the
デザイナー・コーダー必見！使えるform関連jQueryプラグインの数々 | バシャログ。
こんばんは、最近ホルモン焼きにハマっているishidaです。 WEBサイト制作時、formは必ずといってもいいぐらい存在します。 お問い合わせフォームや会員登録フォームなどがすぐに思いつきますよね。 デザインをがっつりフォーム部分で作り込んでも、CSSのみでは、 実現できなかったりすることもよくあります。 そんなクセのあるformを、よりリッチに！かつ操作性を向上！できるjQueryプラグインの数々をご紹介します。 デザイナーの方は、フォームのデザインの参考に。 コーダーの方は、ページ作成時間の短縮に手助けになればと思います。 jQuery plugin: Validation フォームの入力チェック（バリデーション）が簡単にできるプラグイン。 エラーメッセージはlocalizationディレクトリ内に18言語用意されています。 日本語用は別途作成し、使用することが可能です。 jQuery
フォーカスを当てるとデフォルト文字列が消えるinput text (jQuery編) (2009-05-16)
いろんな文献を気軽に参照しにくい環境になり、いちいち検索しなくてもいいようにここにまとめておきたい感じになったのでしばらくそんな普段書かないようなPOSTばかりします。 まず、最近良くある、デフォルトの状態では入力例を表示して、フォーカスを合わせると消えるというインプットボックスの実装例について。このブログのコメント入力フォームがまさにそんな感じ。 <form action="hoge.php" method="get"> <p><input type="text" name="q" id="q" size="30" value="検索語を入力してください"><input type="submit" value="検索"></p> </form> $(function(){ $("#q").focus(function() { if($(this).val() == $(this).att
Bug-org 476062 box-shadow applied to form controls should drop the native look - WebStudio
もずはっく日記(2009年5月) 2009年5月4日 Bug-org 476062 box-shadow applied to form controls should drop the native look 初回投稿日時: 2009年05月04日07時17分13秒 最終更新日時: 2009年05月04日07時23分37秒 カテゴリ: CSS Mozilla Core バグ修正 SNS: Tweet (list) 少し前にtrunkと1.9.1branch双方で修正されたバグですが、CSSネタとしておもしろいので紹介しておきます。 ネイティブテーマを利用しているフォームコントロールにbox-shadowを適用した場合にも常に四角の影が適用されるのはよろしくない、というバグです。 結果としてWebKitと同様にネイティブテーマ時にはbox-shadowを無視するという挙動に修正されてい
ブラウザごとのWindowsクラシックの再現度 - WebStudio
もずはっく日記(2009年3月) 2009年3月4日 ブラウザごとのWindowsクラシックの再現度 初回投稿日時: 2009年03月04日21時30分57秒 カテゴリ: Firefox IE Opera Safari SNS: Tweet (list) 見た目だけのサンプルですが、Theme APIを使えないWindowsクラシックでの各ブラウザのがんばり具合をスクリーンショットで見てみてください。 まずひとつめのスクリーンショットはフォームコントロールを一通り並べてみて、ドロップダウンリストを開いたところです(全てWindows Vistaで撮影)。 Internet Explorer7 fieldsetの枠線が実線になっています。また、フォントがシステム標準のフォントではなく、欧文と日本語で別のフォントになっている部分が気になる人には気になる点でしょうか。欧文フォントがデフォルト
jQuery プラグイン ValidationAide の日本語版をつくってみました。 - Web屋のメモ帳
フォームのバリデーションを行ってくれる jQuery のプラグイン ValidationAide のエラーメッセージなどを日本語訳し、バグ修正、jsファイル統合やバリデーションルール追加をしたものを ValidationAideJ としてつくってみました。 ValidationAide は Ste Brennan ( http://www.dnaide.com/ ) という方がつくった、こんな感じのフォームバリデーションを行ってくれるjQueryのプラグインです。 本家ではデフォルトのエラーメッセージが英語になっており、ValidationAide のほかにStringAide というファイルも事前に読み込まなければいけなかったので自分なりに使いやすくするために今回の日本語版をつくりました。 そして、最新のバージョンで日付のバリデーションにバグがあったので、直しておきました。日付のバリデー
rikrikrik.com - jQuery magicpreview plug-in
— the home of Rik Lomas, a web developer and technology writer, specialising in HTML, CSS and JavaScript. More about me » jQuery plug-ins quicksearch magicpreview autosave pager shortkeys What it does Usage Examples Options Download What it does magicpreview automatically updates selected elements on a page based on form fields. Perfect for previewing forms. Usage $(form_fields).magicpreview(prefi
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Label element secret powers | maratz.com
In web forms, label element plays an important role. It describes the corresponding form field, whether it’s a text field, radio button, checkbox or a drop-down. The label is an essential interface element for challenged people. If labels are properly set, user agents attach a behavior: when a label is clicked with a mouse — in most browsers — the related field gains focus. The behavior is quite u
label要素とその挙動 | Web標準Blog | ミツエーリンクス
先週取り上げたmaxlength属性に引き続き、今回はlabel要素について調べてみました。 label要素とアクセシビリティ・ユーザビリティ input要素そのものには、ラベルを記述する仕組みが用意されていません。このため、スクリーンリーダーなどでフォームコントロールの読み上げに支障が出ることがあります。アクセシビリティの確保のため、各フォームコントロールにはlabel要素を設けることが必要でしょう。 さて、label要素はアクセシビリティにのみ効果があるというわけではありません。ラベルを指定することは、ユーザビリティの向上にもつながります。 たとえば、チェックボックスやラジオボタンなどのコントロールは、それ自身のサイズが小さいため、クリックをしにくいという欠点があります。しかし、label要素でラベルとフォームコントロールを結びつけることにより、ラベルをクリックしたときにチェックをつけ
Bridge Word
This shop will be powered by Are you the store owner? Log in here
formに複数の送信ボタン - 徒書
１つのformで複数ボタンの配置 - masdoiの日記より。 １つのformで複数ボタンを作り、どのボタンが押されたのかをCGI側で判定したい場合があります。 ということでJavaScriptを使用したソースが例示されていたのですが、「複数ボタンを作り、どのボタンが押されたのかをCGI側で判定」という目的に適うものならば、以下のようにHTMLだけでごく簡単に実現できます。 <form action="" method="get"> <input type="submit" name="b1" value="button1"> <input type="submit" name="b2" value="button2"> </form> サンプルHTML サンプルのフォームは action="" method="get" としているので、ボタンを押すとHTMLファイル自身のURLにクエリ文
メールフォームCGI配布 商用フリー | PGD WORKS
メールフォームCGI 配布 法人・個人、営利・非営利を問わずフリーのメールフォームCGIです。 著作権表示の削除が可能です。著作権フリーとしますのでご自由にお使い下さい。 企業ページへの埋め込みを目的として作ったためサイトのデザインにあわせやすいように全てのページ、メール本文がテンプレートになっています。 上のような商用フリーのものを探していましたが見あたらなかったため制作しました。 テンプレートの切り替えによって一つのスクリプトで複数のメールフォームを設置可能です。 utf-8 で動作します。 携帯向けのHTMLテンプレートを制作すれば携帯でも動作します。 詳細なマニュアル等有りません。改造ベースにどうぞ。 不具合が有りましたら連絡頂けると幸いです。 設置されたサイト様につきましては宜しければご一報下さい。。 設置・カスタマイズ請け負います。お問い合わせ下さい。導入企業様のサンプルもお見
AjaxMail：Ajaxを活用したフリーPHPメールフォーム
ウェブサイトを動的なページに変更したい、機能を拡張したいと思ったら、 Ajaxのツールを使って簡単に機能を拡張してみよう。 ウェブサイトを運営するとき、サイトを見たユーザーからコメントを残してもらうことがあります。 また、企業なら連絡方法としてメールの送信ができるように、メールフォームを用意していると思います。 こうしたウェブサイトのメールフォームをAjaxを使って導入することができます。
実践アクセシブルHTML - フォームは送信してもらえばこそ
こんなフォームはイヤだ！ フォームとは、HTMLのFORM要素などによってマークアップされているコントロール群の塊のことです。さまざまなウェブサイトにおいて、主に問い合わせのページであるとか、サイト内検索のためのキーワード入力用にだとかで利用されています。コミュニティ機能を備えているようなサイトであれば、掲示板システムのようなところでも使われていることでしょう。フォームのないウェブサイトのほうが珍しいのではないでしょうか。それくらい、制作側にもユーザーにも身近なものです。 INPUT要素やTEXTAREA要素などといった、フォームのコントロール各要素の機能はブラウザによって提供されているため、どのようなブラウザであってもその操作感に大きな違いが出ません。しかしコントロールごとの操作に違いが出ないといっても、フォーム全体としてはやはり使いやすいフォームと使いにくいフォームというのがあります。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.productivedreams.com/ie-not-intepreting-text-indent-on-submit-buttons/
http://hpbuilder.net/weblog/2008/12/05191511.html
bassistance.de » jQuery plugin: Validation