2011-06-01から1ヶ月間の記事一覧
$(function(){ $('#wrapper:not(body #wrapper)').css({display:'block',opacity:'0'}); $('#wrapper:not(body #wrapper)').animate({opacity:'1'},500); $('body #wrapper').css({display:'block',opacity:'0'}); $('body #wrapper').animate({opacity:'1'}…
$(function(){ $('#wrapper:not(body #wrapper)').css({display:'block',opacity:'0'}); $('#wrapper:not(body #wrapper)').animate({opacity:'1'},500); $('body #wrapper').css({display:'block',opacity:'0'}); $('body #wrapper').animate({opacity:'1'}…
ウィンドウの高さを取得し、その高さを#container要素に適用したい時などは以下のように書きます。JS(jQuery) var wH = $(window).height(); //alert (wH); $(function(){ $('#container').css('height',wH+'px'); }); HTML <html> <head> </head> <body> <div id="container"> 本文本文本文 </div> </body> </html> さらにウィ…
ウィンドウの高さを取得し、その高さを#container要素に適用したい時などは以下のように書きます。JS(jQuery) var wH = $(window).height(); //alert (wH); $(function(){ $('#container').css('height',wH+'px'); });HTML <html> <head> </head> <body> <div id="container"> 本文本文本文 </div> </body> </html> さらにウィ…
下記のコードをHTMLにペーストすることで常にその時点でのバージョン1系の最新版(このエントリーを書いている時点では1.6)のjQueryを参照することができます。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> しかし、jQuery 2.X系になったら1系の最終バージョンしか取得できなくなりますよね。。常に最…
下記のコードをHTMLにペーストすることで常にその時点でのバージョン1系の最新版(このエントリーを書いている時点では1.6)のjQueryを参照することができます。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>しかし、jQuery 2.X系になったら1系の最終バージョンしか取得できなくなりますよね。。常に最…
高性能なカウントダウンライブラリ「jQuery Countdown」。 (http://keith-wood.name/countdown.html) 「僕は秒まで表示させたい」 「いや私は日付けだけの表示でいい」 「cssで細かくスタイル付けしたいのでhtmlタグを挿入したい・・・」 「カウントダウン完…
Flash→HTML5はFXG形式で書き出し可能(Flash CS5以降) swfからASを抜き出すフリーソフトあり ↓ 挫折 ↓ 一からHTML5アニメを作るには・・・こんなツールがあった (for Windowsでフリーのもの)Inkscape・・・フリーのベクター描画ツール SVG形式で書き出し Bl…
1.PC向け一般Web 一般のWeb閲覧向けのコーディングでは、まだ対応状況がまちまちなため、現状ではhtml5はcss3も含め、プログレッシブ・エンハンスメントの考え方で段階的な導入を余儀なくされている。 ◆プログレッシブ・エンハンスメントとは・・・ 全ての…
1.PC向け一般Web一般のWeb閲覧向けのコーディングでは、まだ対応状況がまちまちなため、現状ではhtml5はcss3も含め、プログレッシブ・エンハンスメントの考え方で段階的な導入を余儀なくされている。 ◆プログレッシブ・エンハンスメントとは・・・全てのブ…
①HTML・・・文書をタグにより構造化する。 例)見出し1をh1(...heading 1)タグで、本文をp(..paragraph「段落」)タグで囲い構造化する <html> <head></head> <body> <h1>私のページ</h1> <p>これは私のページです</p> </body> </html> ②css・・・HTMLのタグに対し、装飾に関する情報を付加する。 例)上記body(本体)…
?HTML・・・文書をタグにより構造化する。例)見出し1をh1(...heading 1)タグで、本文をp(..paragraph「段落」)タグで囲い構造化する <html> <head></head> <body> <h1>私のページ</h1> <p>これは私のページです</p> </body> </html> ?css・・・HTMLのタグに対し、装飾に関する情報を付加する。例)上記body(本体)に…
jQueryの.sizeでその要素の個数を取得できますので、 ボタンのliの個数を取得して、それが1つまりボタンがひとつのときは幅を500pxに、 そうでない場合つまりボタンが2つの場合は幅を250pxにするという指定をします。 $(function(){ var n_size = $("#btn li…
jQueryの.sizeでその要素の個数を取得できますので、ボタンのliの個数を取得して、それが1つまりボタンがひとつのときは幅を500pxに、そうでない場合つまりボタンが2つの場合は幅を250pxにするという指定をします。 $(function(){ var n_size = $("#btn li")…
話としては面白いが、詭弁にしか聞こえない。 「調べる」Googleと「つながる」Facebookは競合しない。コンセプトも全く違う。 Facebookは当時大学生だったザッカーバーグらが他の女子大生と簡単に出会えるためのプログラムを作りたい、Googleは世界中の知を…