Smart Columns w/ CSS & jQuery
Too Much Tweet Odio velit vulpes zelus elit euismod. Singularis abluo autem saepius tego quod letatio meus. Os, tamen, tincidunt facilisi laoreet consectetuer quis. Feugiat ille, indoles, turpis Berit Somme Odio velit vulpes zelus elit euismod. Singularis abluo autem saepius tego quod letatio meus. Os, tamen, tincidunt facilisi laoreet consectetuer quis. Feugiat ille, indoles, turpis Jason Reyno
jQueryでメニューのマウスオーバーをかっちょよくするJavaScript「jQuery Background Position」
twitter facebook hatena google pocket かっちょよくシリーズ第２弾。。。 jQueryを使用してメニューのマウスオーバーを印象的にしてみます。 via：jQuery Background Position sponsors 使用方法 jQuery Background Positionからjquery.bgpos.jsをjQueryからjquery.jsをダウロードします。 次にこんな画像を用意します。 次に以下のようにjsを記述します。 <style> ul {list-style:none;margin:0;padding:0;} li {float:left;width:100px;line-height:25px;height:25px;margin:0;padding:0;text-align:center;} li a {background
フォームの入力項目をリアルタイムでチェックするJavaScript「Valid8」
最近お問い合わせフォームでリアルタイムに入力項目をチェックするサイトが増えてきているように感じます。 ユーザビリティを向上させられ、お問い合わせ数の増加に期待できそうです。 JavaScriptのライブラリ「jQuery」のプラグインValid8を使用すると簡単に導入できます。 sponsors 使用方法 Valid8からjquery.valid8-1.2.2.jsをjQueryからjquery.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.valid8-1.2.2.js"></script> <script type="text/javascript"> $(document).ready(fun
jQueryプラグイン サンプル（フォーム系）：skuare.net
JavaScriptライブラリのjQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavascriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、フォーム関連のjQueryプラグインを紹介しています。 国際電話番号を判別するjQueryプラグイン「jquery.mobilePhoneNumber」 電話番号を入力してもらう際に国際電話のケースもあるかもしれません。 その際はjQueryプラグインの jquery.mobilePhoneNumberを利用するとユーザーに安心感を与えられるかもしれません。 via：jquery.mobilePhoneNumber
jQueryでフォームの入力内容を自動チェックするJavaScript「vanadium」
フォームの入力内容を送信前にチェックすると有益な情報を得る可能性が高くなります。 またコンバージョン、ユーザビリティの向上にも役立つことができるでしょう。 今回はjQueryプラグイン「vanadium」を利用します。 sponsors 使用方法 vanadiumからvanadium.jsをjQueryからjquery.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="vanadium.js"></script> あとは内容に応じてclassを振っていけば完成です。 なお、スタイルは以下となります。 正しい場合：.vanadium-valid 間違っていた場合：.vanadium-invalid 細かい指定は以下のサ
jQuery 642 プラグイン：skuare.net
jQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavaScriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、画像関連、メニュー関連、フォーム関連、テキスト／リンク関連、その他、日本語未解説のjQueryプラグインを分類して紹介しています。 初心者でもすぐにリッチなサイトを作成可能ですので、ぜひjQueryプラグインをご利用ください Image Menu Form Text/Link Other W/O_JP
IxEdit
IxEdit - The First On-the-Fly Interaction Design Tool for the Web. IxEdit (Public Beta) フリーダウンロード IxEdit は JavaScript ベースのウェブ用インタラクションデザインツールです。IxEdit を使えば、デザイナーはコーディング無しで DOM スクリプティングを実践し、ウェブページ上の要素をダイナミックに変更したり、追加したり、動かしたり、変形させたりすることができます。特に、IxEdit はウェブアプリケーションのプロトタイピング段階において様々なインタラクションを即座に作って試してみるのに役立つでしょう。 インタラクションとは？ インタラクションとは、ユーザーのアクションに応じてスクリーンの状態が変化することです。つまり、ユーザーインターフェースの振る舞いと言ってもよいでしょう。
Smart Columns w/ CSS & jQuery を MooTools で。 - buena suerte!
リキッドレイアウトなんかの時、自動でカラム数やカラム幅を調節してくれるなんだか便利そうな jQuery プラグインがあったので MooTools で試しにやってみた。 参考記事 Smart Columns w/ CSS & jQuery by Soh Tanaka. 基本的に MooTools 用のコードに変換しただけで、参考記事からまんまパクってます。タダ乗りですいません。元のコードも短いし、 MooTools を少し理解して使ってる人なら誰でもできそう。 動作確認 Browser Firefox 3.0.11, Opera 9.64, Chrome 2.0.172.31, Safari 4.0(530.17), IE5.5(IETester), IE6(IETester), IE7, IE8(IETester) デモサイト／Demo Site Smart Columns with CS
Smart Columns w/ CSS & jQuery
As I observe other liquid based websites, I see two commonly used techniques on displaying columns, the fixed columns and the liquid columns. There are drawbacks to both that I would like to point out, and later would like to pitch my solution. Fixed Columns The great thing about having fixed columns in a liquid layout, is that it will fill up the view port with as many columns as it can fit. But
Xlune::Blog
可変グリッドレイアウトjQueryプラグイン(jquery.vgrid.js) なんだか可変グリッドレイアウトがまた流行ってる（？）ようなので、jQueryプラグイン書いてみた。 一通りブラウザで表示確認ぐらいはしたけど、テストは十分じゃありません。 Demo Demo Index 利用方法はデモのソースを確認してください。(ウィンドウリサイズして動きも確認してね) Download github zip file 利用には、jQuery本体とjquery.easingプラグインが必要です。別途読み込んでください。 更新情報 v0.1.8 (20120421) display属性で、グリッド要素の表示/非表示を切り替えれるように修正しました。 demo009を追加 v0.1.7 (20111110) 複数の可変ボックスを指定すると、開始位置がおかしくなるバグを修正しました。 demo008
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
スタイルシートを切り替えるjQueryプラグイン「Switch stylesheets with jQuery」
スタイルシートを切り替えるjQueryプラグイン「Switch stylesheets with jQuery」 Check Tweet 配布元：Switch stylesheets with jQuery ライセンス：クリエイティブコモンズAttribution, Share Alike License Switch stylesheets with jQueryはユーザー操作により簡単にスタイルシートを切り替えることができるjQueryプラグインだ。 クッキーにも対応している為、一度選択されたスタイルシートはこのライブラリが読み込まれているすべてのページで優先的に表示されるようになります。 使い方 変更したいスタイルシートをhead要素などで読み込みます。デフォルトのスタイルシート以外はrel属性をrel=”alternate stylesheet”としデフォルトのスタイルシートはre
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Suprb
GRID wordpress theme – straightline™
jQuery リファレンス