画像が並ぶようなコンテンツで、サムネールが以下のように配置される可能性がある場合、

サンプル

→続きを読む

tag

jQuery

js

タイトル通りの件で悩んだのでメモ。

同じサーバの場合は話が早いです。
jsでiframeで呼び出すコンテンツの高さを取ってきて、動的に書き換えればOK。

ie6以外のブラウザは、

contentWindow.document.documentElement.scrollHeight;

ie6は、

contentWindow.document.body.scrollHeight;

で、iframeの内容の高さを取って来れます。
それを、jQueryの$('iframe').height();とかで設定してやればいけます。

→続きを読む

tag

jQuery

js

json

去る、6/5にWCAN mini MUに参加してきました。

今回のお題は、「CSS3＋jQueryを実際に使ってみよう！」という事で、WCAN x CSS Nite 2009 SPRINGの時に益子さんがお話された内容を踏まえ、各自CSS3や、jQueryを使用したサンプルを作成し、発表してしまおうという内容。

→続きを読む

tag

css3

jQuery

miniMU

WCAN

セミナー

プラグイン

jQueryのプラグインを作る。
とりあえずこう書きます。

$.fn.hoge = function(引数){
    return this.each(function(){
        //ここに処理を書く
    });
}

これで例えば、hoge.jsと保存し、hoge.jsとjQuery本体を読み込みます。
そして、

$(function(){
    $('div').hoge();
});

とすれば実行できます。すげー。

ちなみに、

(function($){
    $.fn.hoge = function(){
        return this.each(function(){
            //ここに処理を書く
        });
    };
})(jQuery);

という書式もあった。どっちが正解なんだろう？

tag

jQuery

js

プラグイン

WCAN × CSSnite 2009SPRING に参加してきました。

今回は初の試みという事で、WCANとCSSの共同開催でした。

内容は、

• SESSION-1　CSS3+jQueryで行こう！　益子貴寛さん
• SESSION-2　CSSレイアウト：IE6対応のかんどころ　小林信次さん
• Lightning Talks　３名
• SESSION-3　デザインビュー派？　コードビュー派？　鷹野雅弘さん
• SESSION-4　ブランディングの正体　古庄正尚さん

の、4セッションとライトニングトーク。

→続きを読む

tag

CSS_nite

css3

Dreamweaver

IE6

jQuery

WCAN

セミナー

ブランディング