[B! web制作][jquery] mellow_punchのブックマーク

IE6 position:fixed の諸問題を解決する jQuery.exFixed.js - Cyokodog :: Diary

最近の更新履歴 2011-12-07 Ver 1.3.2 リリース jQuery 1.7.1に対応しました。 2010-12-27 Ver 1.3.1 リリース fixed 要素がブラウザ表示エリアから隠れ１度非表示状態になると、ウィンドウをリサイズし表示エリア内におさめても非表示状態が続いてしまう不具合を修正しました。 2010-11-14 Ver 1.3.0 リリースしました。exAPI ベースの実装に変更しました。サイズに auto を指定できるように変更しました。 2009-12-08 Ver 1.2.2 リリースしました。IE6 にて fixed 対象要素を非表示にしても表示されてしまう不具合を修正しました。Ver 1.2.1 でサイズを明示せずプラグインを実行すると fixed されない不具合を修正しました。 more jQuery exFixed を使用すると、IE6 で p

mellow_punch 2011/07/28

リンク

IE6でposition fixedを利用する方法 fixed.js & jQueryプラグインexFixed.js | 知らないはリスク

珍しくFlashネタです＾＾つい最近Flashのフローティングブログパーツを作る機会があったのですが、スクロールしても画面に固定されるposition:fixedがIE6に対応してないことを知って対応させるために調べたものを共有します。 ■状況ブログパーツといってもサイト内で利用するキャンペーン用のブログパーツでした。サイトにアクセスすると自動的に画面に出現し、動きまわるという要求でした。 ■実装にあたって利用した物昔Flashのフローティングブログパーツを作った際は１からすべてJavaScriptを組み、ちょこちょこブラウザ対応とか検証とか大変だったのですが、今はカヤックさんが公開しているブログパーツフレームワーク「suzunari」というのがあったので利用させていただきました。 Bl ogparts Framework suzunari http://coderepos

mellow_punch 2011/07/28

リンク

「ノンプログラマーのためのjQuery入門」のスライドが凄く分かりやすいですね - かちびと.net

Twitterに流れてきたスライドがとっても分かりやすかったのでブログでより多くの方に拡散。ノンプログラマー向けの jQueryの基本講座。これからjQuery を使おう、という方は読んでおくと良さそうですね。ノンプログラマー向けにjQueryの基礎をスライド化してくれています。 @pocotan001さん作のスライドです。このスライドを見ながらコーディングする、というより、基礎知識を頭に入れるのに適したスライドだと思いますので気軽にご覧になってみて下さい。ハードルがかなり下がると思います。また、当ブログでもjQueryプラグイン等の情報を取りあえげていますので合わせてどうぞ。 jQueryのリファレンスサイトと入門書籍 [2011.09.21アップデート] よくアクセスいただくのでハブ的な役割くらいは果たそうと思います。 jquery / jQueryの本家です。 jQuer

mellow_punch 2011/04/20

リンク

[JS]省スペースに最適、コンテンツをローテーションで拡大表示するチュートリアル

複数のコンテンツをサムネイルで配置し、ローテーションで打ち出しエリアに拡大表示するフィチャーボックスを実装するチュートリアルを紹介します。 Rotating Feature Boxes デモページ [ad#ad-2] デモでは右側に配置されたサムネイルのコンテンツをクリックすると、打ち出しエリアにアニメーションでスライド移動して、全文が表示されます。 ※アニメーションはCSS3で実装されているためChrome, Safariのみで、非対応ブラウザはアニメーション無しです。デモページ 2番をクリックして、2番が打ち出しエリアに。 [ad#ad-2] ローテーションするフィチャーボックスの実装 HTML 3つのコンテンツはdiv要素で実装されており、それぞれidとclassを付与し、全部をdiv要素で内包します。 <div id="rotator"> <div id="block-1" cl

mellow_punch 2011/01/27

リンク

ウェブサイトの使い方を目の前でアニメーションして説明するスクリプトをどんなサイトにでも埋め込める「Embedded Help System」

目の前でマウスカーソルを動かして説明すると理解してもらえるという場合に使えるのがこのjQueryのプラグインとして動作する「Embedded Help System」です。どのようなサイトにでも埋め込んで使うことが可能となっており、最大の特徴は実際のフォームやチェックボックスなどを操作する様子を目の前で見せてくれるという点。一体何を言っているのかわからないと思いますが、これは実際に目の前でデモを見てもらうのが一番わかりやすいです。デモは以下から。 Embedded Help System http://embedded-help.net/ デモを見るにはこの「Usage」ページにまずはアクセスします。次に「Search database」をクリックするとこのようにしてクリックして使う順番の数字がふわっと浮かび上がります。これだけでも割とわかりやすいのですが、ここからが真価を発揮すると