誰が使うの？何の役にも立たないjQueryプラグイン10選 :: 5509
jQueryプラグインなにそれおいしいの？役に立つプラグインばっかりで面白くない！ぼくらはもっと面白くて役に立たないものを求めてるんだ！あまのじゃくな人たちのために（面白いかどうかは別として）何の役にも立たないプラグインを集めました。全力で行きます。全力で。 Windowを広げると逆にカラムを縮めるプラグイン jDTreverseLiquid リキッドレイアウトはテキストメインのサイトで見やすさを発揮しますね。でもそんなの当たり前です。Window幅に反比例してカラムサイズが変わるのがこれからの主流ですね！ 右クリックどころかクリックすらも禁止するjQueryプラグイン jDTNeverClick 右クリック禁止のサイトあるじゃないですか。あれ本当に最低のユーザビリティだと思ってたんですけど、違いますね。クリックまで禁止して始めて最悪のユーザビリティが生まれるんです。これからはクリックも禁
aaencode - Encode any JavaScript program to Japanese style emoticons (^_^)
aaencode - Encode any JavaScript program to Japanese style emoticons (^_^)
JavaScript入門講座
今日の内容 JavaScriptを勉強し始めくらいの人を対象にしたJavaScript入門講座的なもの 文法とかは調べればわかるのでふれません 一人で勉強してもわからなそうな概念などを重点的に説明します ライブコーディングするのでJavaScriptってこんな感じて作るんだなーというのがわかってもらえればと アジェンダ JavaScriptを勉強する前に JavaScriptの基礎知識 ライブコーディング part1 jQueryの基礎知識 ライブコーディング part2
blog.8-p.info: Facebook の BigPipe と TTI
Posted at 2010/10/22 01:59, Modified at 2010/10/22 03:42 Facebook のフロントエンドは結構かわったことをやっていて、例えば、ログイン後の http://www.facebook.com/home.php には <div id="pagelet_home_stream"></div> みたいな空の HTML があり、その後に <script>big_pipe.onPageletArrive({ … });</script> <script>big_pipe.onPageletArrive({ … });</script> ... と script 要素が何個もならんでいる。 BigPipe: Pipelining web pages for high performance この仕組みは (変数名のとおり) BigPipe と呼
Flashや動画にもlightbox効果をあたえてくれるJavascript『Shadowbox.js』 | CREAMU
画像だけでなく、Flashや動画もかっこいいインターフェースで見せたい。 そんなあなたにおすすめなのが、『Shadowbox.js』。Flashや動画にもlightbox効果をあたえてくれるJavascriptだ。 『Shadowbox.js』では、画像やFlashや動画をクリックすることで、周りがグレーアウトするインターフェースを作ることができる。 周りがグレーアウトすると、Flashや動画が映えてとても綺麗だ。 以下のブラウザに対応しているほか、 ・Firefox 1.5+ ・Camino ・Safari 2+ ・Opera 9+ ・Internet Explorer 6+ ライセンスは GNU Lesser General Public License となっている。 かなり使えるJavascriptではないだろうか。 Flashや動画にもlightbox効果をあたえてくれるJava
複数のライブラリに対応したLightboxスクリプト -Shadowbox.js
Shadowbox.jsは、Prototype、jQuery、YUI、Extなど複数のJavaScriptのライブラリに対応した、画像や動画などを拡大表示できるLightbox風のスクリプトです。 Shadowbox.js Media Viewer デモ ダウンロード Shadowbox.jsは複数のライブラリに対応しているというだけでもすごいですが、画像や動画の拡大表示にもさまざまなオプションがあり、多数あるLightbox風スクリプトの中でも充実した機能を持っていると思います。 下記に主な特徴を挙げます。 拡大する際のコードは、簡易です。 <a href="image.jpg" rel="shadowbox">Image</a> 併用するJavaScriptのライブラリは、下記の中から好きなものを選べます。 jQuery Prototype + Scriptaculous YUI Ex
ブログの右上に貼り付けるリボンが作れる『Website Ribbon』 | 100SHIKI
昨日に引き続き便利なジェネレータのご紹介。 Website Ribbonではサイトの右上に貼り付けられるリボンをつくることができる。 もちろんリボンの色やテキストのフォント、色も選ぶことができる。またリンクも設定することが可能だ。 出来上がったリボンはJavascriptを貼り付けるだけで自分のサイトなりブログに設置できる。実にお手軽だ。 サイトも長く運営しているとちょこちょこ手をいれたくなるものだ。こうした「ちょこっとだけリニューアル」的ツールは需要があるかもしれないですな。
TAKESAKO @ Yet another Cybozu Labs: Shibuya.js 24 - JavaScript.GIF x LiveConnect 発表資料公開しました
ちなみに、LiveConnectでUSBミサイルランチャーを制御するデモは、先日のJapan Linux Conference 2007 で行なったものと同じなのですが、ストリーミング中継と録画に失敗していたため、急遽リベンジすることにしました。 Google Video / YouTube 動画アーカイブ Mozilla24 / 出張Shibuya.js 24 各発表の動画が公開されています。 Shibuya.js 24 - Google Video Mozilla24 / 出張 Shibuya.js 24 関連の感想リンク集 TAKESAKO @ Yet another Cybozu Labs: Mozilla24リアルタイム中継（shibuya.jsもあるよ） 兼雑記 - 2007-09-15 出張Shibuya.js 24の発表資料 (mitsunari@cybozu labs)
JavaScript で波○拳を繰り出すことはできるか？（「お知らせ:「コナミコマンド」を実装しました」を読んで） - Akasata's Page（あかさたのページ）
2007-07-26 13:15 : JavaScript で波○拳を繰り出すことはできるか？（「お知らせ:「コナミコマンド」を実装しました」を読んで） 「お知らせ:「コナミコマンド」を実装しました」によると、コナ○コマンドはできるらしいです。コードを見てもらうとわかりますが、if 文で普通に分岐しています。これはこれでお手軽な実装ですが、こういうものを見ると一般化してみたくなります。 上記サイトより抜粋： var konmaiFlag = 0; function konmaiCommand(konmaiKey){ if (konmaiKey == 38 & konmaiFlag == 0){//上 konmaiFlag = 1; }else if (konmaiKey == 38 & konmaiFlag == 1){//上 konmaiFlag = 2; }e
JavaScript でバナーをクロスフェード表示
以前、「div要素をクロスフェード表示する JavaScript」 として紹介した 「Javascript / CSS Crossfader」 を実際に当サイトで使用したので、ひとつの使用例として公開したいと思います。 といっても普通に使っているだけで特に変わったことをやっているわけではないのですが、前回紹介した際に div 要素をクロスフェードすると書いたので div 要素専用っぽい説明になっていましたが、実際は div 要素以外でも使用することができるので、その辺も合わせて説明を。 実際に使用しているものは、サイドメニュー部分に設置してありますのでそちらを参考に。では実際の使用方法です。 2007/12/14 追記 サイトリニューアルでサンプルとなるバナーは撤去してしまいました。 まずは JavaScript ファイルをダウンロードして、文書に読み込んでおきましょう。 <script
高反発マットレスの選び方 | アフィブログに騙されない為の高反発マットレス手記
ウレタン系高反発マットレスでよく言及されるのが密度です。それを頑張って分かりやすく説明してみます。
CSS Dock Menu
May 08, 2007 17,799 Comments Tags: Javascript If you are a big Mac fan, you will love this CSS dock menu. It is using Jquery library and Fisheye component from Interface and some of my icons. It comes with two dock position: top and bottom. This CSS dock menu is perfect to add on to my iTheme. Here I will show you how to implement it to your web page. CSS dock menu screenshot Update: I no longer s
JavaScriptでIEかどうかをたったの1行で判別する方法:phpspot開発日誌
Dean Edwards: Sniff! My current frog exaggerator of choice JavaScriptでIEかどうかをたったの1行で判別する方法。 なんと、次の1行だけで、isMSIE 変数に、IEで見れば true 、そうでなければ false を代入することが出来ます。 var isMSIE = /*@cc_on!@*/false; 次のサンプルコードで確認しました。 <html> <script language="javascript"> var isMSIE = /*@cc_on!@*/false; if (isMSIE) { alert('IE!'); } else { alert('not IE!'); } </script> <body> </body> </html> IEであれば IE! を alert し、そうでなければ not I
Lightbox.js のような写真のスライドショーするライブラリ沢山：Goodpic
This shop will be powered by Are you the store owner? Log in here
Suckerfish HoverLightbox Redux - Jon Christopher
When the original Suckerfish HoverLightbox was published, I was honestly surprised at the amount of attention it received. I was a fan of the technique, and I was also really glad that many people took the time to read the entire article instead of just playing with the demo and move on. One thing I was disappointed in, however, was the lack of attention to detail on my part in the demo and exampl
吹き出しバリデータと TMT Validator を組み合わせてみた
■ 吹き出しバリデータと TMT Validator を組み合わせてみた TMT Validator っていうフォームの入力値チェック用のライブラリがありまして、これって結構見た目とか簡単にカスタマイズ出来て、何気にすごい便利なライブラリなんで、この前紹介した 吹き出しバリデータ でやってるのと似た方法でエラーを表示するコールバック用のコードを書いてみました。 実際の動作サンプル この TMT Validator は、吹き出しバリデータと違ってエラーメッセージも簡単にカスタマイズ出来たりとか、かゆい所に手が届く感じなので、そういう柔軟性を求めてる上に吹き出し表示が気に入ってる方はこっちを使ってみて下さい。 オリジナルの配布ファイルに、以下のファイルを追加すれば使えるようになります。CSS と画像ファイルは 吹き出しバリデータ のやつと同じものです。 baloon_validator.js
Lightbox Plus
ウィンドウサイズよりも大きな画像を表示した際に、画像の拡大ができます。 表示画像のサイズと表示位置がリアルタイムでウィンドウサイズに追従します。 効果画像を貼付けることができます。 マウスホイールで画像の拡大率を変更することができます。 拡大した画像はマウスでドラッグできます。 設置方法は Lightbox JS とほとんど同じです。 html ヘッダに lightbox_plus.js を追記します。 <script type="text/javascript" src="lightbox_plus.js"></script> Lightbox を有効にする全てのリンクに rel="lightbox" 属性を追記します。 ver 20090707 より spica.js が不要になりました。lightbox_plus.js に全ての内容が記述されています。 "lightbox_plus.
超クールな画像スライドショーを実現するためのJavaScriptライブラリ「FrogJS」:phpspot開発日誌
Programming and Designing for the Web FrogJS Javascript Gallery FrogJS is a simple, unobtrusive javascript gallery. It is not a replacement for other thumbnail galleries such as Lightbox JS, but rather a different way of showing galleries. 超クールな画像スライドショーを実現するためのJavaScriptライブラリ「FrogJS」。 以下のデモサイトを見ると分かりますが、今までにない超クールなスライドショーを実装できます。 実装方法は、まずスクリプトを読み込みます。 <script type="text/javascript" src="scripts/p
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Browser Pong
http://kakera.tarenari.jp/document/show/154