jQueryを使って簡単にフォームの入力チェックができる「jQuery Inline Form Validation Engine」
![[画像] jQuery Inline Form Validation Engine デモ画像](http://www.kagitaku.com/diary/images/090604_formValidator.jpg)
（クリックで拡大表示）
» MOONGIFT: » jQueryでその場で入力チェックを行う「jQuery Inline Form Validation Engine」:オープンソースを毎日紹介
動的なフォーム生成でも柔軟に対応できるくらいシンプルな入力チェックライブラリがjQuery Inline Form Validation Engineだ。
今回紹介するオープンソース・ソフトウェアはjQuery Inline Form Validation Engine、jQueryプラグインで提供される入力チェックライブラリだ。
jQuery Inline Form Validation Engineの良い点は、入力チェックがブラウザ上で行われ、かつそのエラー内容が入力項目の横にフローティングで表示される所だ。吹き出し風になっており、非常に分かりやすい。フォーカスが外れた時にチェックが行われるようだ。
最初や最後の行だけ違うスタイルを可能にするJavaScript「yuga.js」
» 最後の行だけ違うスタイルにするJavaScript: Good Sleep｜Webデザイナーの日々のスキマ
若干古いですが、web creators 4月号の「Webデザイン スタイルアップ Tips」に紹介されていたKyosuke.jpさんの「yuga.js」は、小粒ですがなかなか痒いトコロに手が届くスクリプトが集まっています。
細かいところで手間を省いてくれるスクリプトみたいですね。
……続きを読む »
テーブルやリストの背景を1行ごとに変更する方法：JavaScriptを使うかCSSだけでやるか
» Good Sleep｜Webデザイナーの日々のスキマ: テーブルの背景色を１行おきに変更してみる
テーブルやリストで１行ごとに背景色を変更したいことってけっこうあるんですよね。作ったきり修正がほとんどないようなサイトなら手作業で１行ごとに class 指定していってもまったく問題ないんですが、行を追加・削除するなどの修正を加える機会がそこそこある場合は手作業じゃやってられません。でもご紹介した記事のとおりにやれば１発解決ですね！
……続きを読む »
古いIE利用者にバージョンアップを勧めるJavaScript「sevenup」
» MOONGIFT: » IE6を殲滅せよ「sevenup」:オープンソースを毎日紹介
今回紹介するオープンソース・ソフトウェアはsevenup、IE6ユーザにIE7への移行を進めるJavaScriptだ。
気づいてみると手元の環境にIE6はなかった。なので実物は分からないのだが、sevenupを読み込んで画面表示時にJavaScriptを実行するとIE6以前かどうかの判別を行い、もしそうであればフローティングウィンドウを出す仕組みのようだ。
そこにはIE6が既にサポート対象外になっていることに加えて、IE7がIE6以前よりも高速であること、IE6よりもWeb標準に則っていること、タブ機能が便利、フィッシング対策もあり、印刷機能が便利だと書かれている。それを見て納得したユーザはクリック一つでIE7のダウンロードに飛べるようになっている。
» sevenup
「Internet Explorer 8の正式版リリース」という記事で触れたように、IE 6 はレンダリングという点でウェブマスターの悩みの種となっています（いわゆる「ブラウザ問題」というやつ）。元記事で紹介されているのは IE 6 のバージョンアップを促そうという計画ですね。
……続きを読む »
Bookmarks
Recent Posts
- 組織として成果を挙げるための50＋の問い / 読書『プロフェッショナルの条件：いかに成果をあげ、成長するか』
- 2010年にお世話になった、10個のお薦めGreasemonkeyスクリプト
- 2010年にお世話になった、10個のお薦めStylish用CSS
- 2010年にお世話になった、10個のお薦めFirefoxアドオン（おまけ10個）
- MySQLで3つのテーブルをOUTER JOINする3つの方法を比較してみた
- Amazonへのリンクの横にブクログへのリンクを追加するGreasemonkeyスクリプト「Add To-Booklog Links」を書いた
- RでSEM（共分散構造分析/構造方程式モデリング）
- FirefoxのEvernoteアドオンの設定画面が真っ白になって動かない不具合を解決する方法
- Railsのfindで複数のテーブルから検索する：includeでeager loading
- WordPressでシンタックスハイライト：WP-Syntaxを使ってみた
Popular Posts
- 指パッチンのやり方・コツ：薬指と小指を握り込まない
- 41,619 views
- 使い勝手のいい白地図サービス「白地図、世界地図、日本地図が無料」
- 37,918 views
- PDF 作成ソフト比較：doPDF、PrimoPDF、クセロ 瞬簡PDF ZERO
- 29,374 views
- 「力不足」と「役不足」、「情けは人の為ならず」、「確信犯」など、誤用の多い言葉
- 23,564 views
- Firefoxアドオン「Stylish」の使えるスタイル8選
- 21,563 views
- 便利なFirefoxアドオン10選
- 19,952 views
- ジョジョの奇妙な壁紙画像（＋うろ覚えジョジョ動画）
- 16,043 views
- マイクロソフトオフィスでタブ表示機能が使えるアドイン「OfficeTab」
- 10,977 views
- 気になるフリーソフト19選 – セキュリティ、USB関連、その他便利ソフト
- 9,591 views
- PDF化された書籍・文書を閲覧できる無料検索サービス「PDF Books Search Engine」
- 9,210 views
Recent Comments
- 指パッチンのやり方・コツ：薬指と小指を握り込まない に Tack @きにきじ管理人 より
- SEO企業のGMOが有料リンクサービスの提供を始めたが…… に Tack @きにきじ管理人 より
- 指パッチンのやり方・コツ：薬指と小指を握り込まない に Tack @きにきじ管理人 より
- 指パッチンのやり方・コツ：薬指と小指を握り込まない に ちぇんちぇん より
- SEO企業のGMOが有料リンクサービスの提供を始めたが…… に 利用しました より
QR Code
- 携帯端末からも同じ URL でご覧いただけます。
![[画像] 今日の気になる記事「きにきじ」QR Code](http://www.kagitaku.com/diary/images/qrcode.png)
Notes
News
Author
Blog Feed
![[画像] きにきじ Feed](http://www.kagitaku.com/diary/images/Newspaper_Feed_128x128_ie6.png)
Categories
Tag Cloud
Similar Blogs
Blog Information
(Since June 2009)
![[画像] kagitaku.com ロゴ](http://www.kagitaku.com/common/images/logo.png){kind=logo}
![[画像] 最上部へ](http://www.kagitaku.com/common/images/pageNavi-toTop.png)
![[画像] 最下部へ](http://www.kagitaku.com/common/images/pageNavi-toBottom.png)
![[画像] 履歴を戻る](http://www.kagitaku.com/common/images/pageNavi-back.png)
![[画像] 履歴を進む](http://www.kagitaku.com/common/images/pageNavi-forward.png)
![[画像] Contact](http://www.kagitaku.com/common/images/pageNavi-contact.png)
![[画像] Sitemap](http://www.kagitaku.com/common/images/pageNavi-sitemap.png)