2011-01-01から1年間の記事一覧
非常に便利・多機能なtwitterのタイムライン閲覧&ツィート作成用Chorome拡張。 twitterのTLが小さなウィンドウで出てきます。 「Mail Checker Plus for Google Mail」と同様、ネットライフに欠かせないChrome拡張です。
Windows XPからWindows 7に乗り換える際は、そのままバージョンアップすることはできません(Vistaから7は可能)。 新規にWindows 7をインストールすることになります。 その際、まず、マザーボード、ハードディスク、ビデオカード、光学ドライブといった最…
くるくるディスプレイくるくるディスプレイ - jsdo.it - share JavaScript, HTML5 and CSSEOF; ?>トップページでコンテンツ内のサムネイルを並べているようなサイトで、ちょっとしたアニメーションで遊びたい、という場合などに使っていただけるのではないで…
HTML5によるAndroidアプリ「はてぶリーダー」を作るにあたり利用したのがこの「Phone Gap」というツールである。HTML5によるアプリ制作の利点としては、iOS向け、Android向けを問わず、ひとつのプログラムソースから各プラットホームに対応したネイティブア…
ダウンロードはこちらからはてブリーダー
午前は余裕だと思っていたが答え合わせをしてみるとそれほど余裕でもない6割超の正答率だった(iTECの採点サービスを利用)。 午後は5割弱の正答率だった。合格は難しいだろう。 午前は暗記中心。知っているかいないかが全ての問題が多い。 午後は、午前の知識…
HTML5によるアプリ制作の利点としては、iOS向け、Android向けを問わず、 ワンソースで各プラットホームに対応したネイティブアプリを 生成可能である点があげられる。 私も代表的なオーサリングツールのひとつ、PhoneGapを使用しまずはAndroidのネイティブア…
HTML5によるアプリ制作の利点としては、iOS向け、Android向けを問わず、ワンソースで各プラットホームに対応したネイティブアプリを生成可能である点があげられる。私も代表的なオーサリングツールのひとつ、PhoneGapを使用しまずはAndroidのネイティブアプ…
インストール後、このような画面になってしまいブログにアクセスできず焦る。 落ち着いてエラーログを読むと「tweet-this」というプラグインが悪さをしてるっぽかったのでこのプラグインを削除したら復旧した。以下、エラーログ全文。Warning: require_once(…
「Swiffy」のトップ画面。 変換前のswfを選ぶ。 重要事項にチェックをいれるとUpload and convertが活性化する コンバート完了画面。左がコンバート前のswf、右がコンバート後のhtml5。 変換前後での、挙動の違いを確認できる。 コンバート時のエラーログも…
$(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は世界中の知を…
<select name="年"> <option selected="">*</option> " . $y . "</option>\n"; } ?> </select> <span>年</span> http://php.thm.jp/index.php?know=puldown
<select name="年"> <option selected="">*</option> " . $y . "</option>\n"; } ?> </select> <span>年</span> http://php.thm.jp/index.php?know=puldown
$(function(){ $("#checkform :checked").each(function(){ var isl = $(this).attr("id"); $("#btnAreaChecked").css("display","block"); $("#btnAreaUnchecked").css("display","none"); }); $("#btnAreaChecked").css("display","none"); $("#btnAreaUnc…