ドットインストール代表のライフハックブログ
![IDEA * IDEA](https://cdn-ak-scissors.b.st-hatena.com/image/square/b44e450e24e25b80f687353a30ff6579b8b1ed17/height=288;version=1;width=512/http%3A%2F%2Fwww.ideaxidea.com%2Fwp-content%2Fuploads%2F2010%2F02%2Fmap.gif)
複数選択が可能でスタイリッシュなドロップダウンメニュー実装用「jQuery MultiSelect Plugin」 2010年02月04日- jQuery MultiSelect Plugin/Widget with ThemeRoller Support | Eric Hynds - Website Developer 複数選択が可能でスタイリッシュなドロップダウンメニュー実装用「jQuery MultiSelect Plugin」が公開されています。 デザインもいいのですが、こうした機能は標準のHTMLではないので、こうしたUIが必要な局面は助かりそうですね。 選択すると、何個selectしたかという表示や、クリックの際のイベントハンドラも設定できます。 すべて選択、すべて解除もついてて細かいところにも気が利いてますね。 毎度ですが、必要なJS/CSSを読み込んだら次のように実装は1行
ブラウザ上でサクッとCSSデザインできちゃう超便利なjQueryプラグイン「Design in the Browser」 2010年01月28日- Use jQuery - Blog - Brosho 'Design in the Browser' jQuery Plugin ブラウザ上でサクッとCSSデザインできちゃう超便利なjQueryプラグイン「Design in the Browser」。 インスタントにCSSでデザインというと、Firefox の EditCSS とか CssMate とか サイトのCSSを見たままリアルタイムに編集するツール色々 で紹介したもの等色々ありますね。 今回紹介するのは jQuery のプラグイン形式でインクルード後、初期化すると、以下のサイクルでサイトデザインが出来ます。 (1) エレメントをクリック (2) CSSを記述 (3) 1,2 の繰り返し
色々とjQueryのサンプルやプラグインが掲載されていて、眺めてるだけで楽しくなるエントリー。 ナビゲーションメニューで悩んだ時に使えそうです。 45 jQuery Navigation Plugins and Tutorials - Noupe さて、いまや多くの人たちから支持を得ているjQueryで、もっと楽しいブログにしてみるのもいいかもしれない。 jQueryは何もWEBサイトだけのものではありません。条件さえクリアすればブログだって使えるのです。 あなたのブログがほんの少しのjQueryで生まれ変わるかもしれない。 わかる方はさくっと上のリンクを叩いて色々試して見てください。 jQueryってそもそも何、って言う人が居ましたら以下を。 jQueryって、美味しいの? 結構美味しいです。 多くの方に支持されるにはやはりそれなりの理由があります。 超、簡単に説明すると あなたが書いた
これは凄い、Excelの関数も使えちゃうスプレッドシート実装jQueryプラグイン「jQuery.sheet」 2010年01月26日- jQuery.sheet これは凄い、Excelの関数も使えちゃうスプレッドシート実装jQueryプラグイン「jQuery.sheet」。 参照に対応していて、A1 に 2 が入っていたとして、A2に「=A1*2」とするとちゃんと4と表示されたり、色々なおなじみのExcel 関数(ABS, AVERAGE, CEILING, COUNT, IF, MAX, MIN, PI, ROUNDなど)をそのまま使うこともできてしまいます。 デモページ 単にソート機能がついたり、そのまま編集できるだけではなく、本当にExcel っぽいところがすごいですね。 デザインは上記固定ではなく、色々なデザインテーマを適用することもできるようです。 あと、実装もjQueryプラ
sexyCycle シンプルな紙芝居を実装できるjQueryプラグイン「sexyCycle」。 画像をクリックでなめらかにスライドしながら画像を切り替えるというシンプルなものなのですが、タイマーで自動で画像を切り替えたり、アニメーションの種類を変えたりと多機能で使えそうだったのでご紹介。 クリックやタイマーで画像を切り替え 実装は、div 要素の中に ul リストで画像を並べて初期化するだけです。 <div class="cycle" id="box0"> <div class="wrap"> <ul class="sexyCycle-content"> <li><img width="320" height="480" src="img/1.png"></li> <li><img width="320" height="480" src="img/2.png"></li> <li><im
jQuery Footnotes | PlanetHolt.com エントリに脚注を入れる場合に超便利な「jQuery Footnotes」。 脚注(きゃくちゅう)とは、ご存知、(※1) とかであとで詳しく補足したりするもののことですが、これをルールにのっとったHTMLとして書いておくことで自動で脚注を作成してくれます。 生成した脚注の例は次のようなもので、[1] とか [2] とかなっていて後ほど説明がはいってます。 このライブラリを使わずにやってしまうと、1と2の間に入れる場合とかに結構厄介なことになったりしそうですが、番号を自動でライブラリが振ってくれるので、ルールに沿って脚注をHTMLとして書いていくだけでOKです。 例えば、<span class="footnote">説明です</span> とか、<blockquote title="説明です2"> とか書いておくだけでOKなの
twitter facebook hatena google pocket グラフをイラレとかで作るのはめんどくさい・・・ そんなあなたにJavaScriptでグラフを描画できるBluff: Beautiful graphs in JavaScriptを紹介します。 サイズも小さいので使いやすいのではないでしょうか。 sponsors 使用方法 Bluff: Beautiful graphs in JavaScriptからファイルをダウンロードします。 <script language="javascript" src="js-class.js" type="text/javascript"></script> <script language="javascript" src="bluff-src.js" type="text/javascript"></script> <script
30 Websites To Download Free Stock Photos フリーの写真素材が入手出来る30サイトがまとまってました。 すでにご存知のところもあるかもしれませんが、全部網羅したエントリを知っておくと探すときに便利ですね。 stock.xchng Studio7designs Woophy 沢山あるものですね。 関連エントリ フリーフォト、無料写真素材サイト「足成」 5000枚以上のパブリックドメインな写真素材集「Free Stock Photos」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く