そろそろ商用でもHTML5でサイトをつくろう。
そんな事を思いながらはや○○ヶ月。
来るべきその時のための自分用メモ。
html5のサイトをまとめたギャラリー
HTML5 Gallery | A showcase of sites using HTML5 markup
TwitPicの画像を表示させるのを
今更やりたくて出来たのでメモ。
Twitterに投稿した際
mhp3
というタグが振ってある（想定）条件で検索して、
Twitpicの画像を５件分表示させる、、という動きにしています。
まずHTMLから。
<div id="images"></div>
の中にulを動的に作り、最大件数まで
liを追加する事にします。
次に、通信を行なうのに何かと便利なのでheadタグ内でjqueryを読んでおきます
そして肝のtwitpicのapiから情報を取得する部分はこのようにしてます。
popupの処理はおまけなので特になくてもok。
そこは_blankをつけたくないだけ（jsだとvalidator関係ないかもですが）
最後にCSSでかるく整えて完成です。
デモはこちらにおきました。
» "mhp3"というタグつきでTwitPic投稿された画像を５件表示 demo
ActionScript3 用ライブラリ集のメモ。
AS3 Code Libraries (APIs)
http://www.adrianparr.com/?p=83
古い記事でしたが、ちょいちょいアップデートされている模様。
すごく多くて試しきれない、、
すばらしき開発者たちに感謝感謝
すごくカッコいい演出。リアルで見てみたかった。。
ディズニーのホーンテッドマンションでこの技術を使ってほしいな。
prototype.jsのメモ。
あるブロック要素を、ボタンを押したタイミングで閉じたり開いたりする時。
HTML要素がある事をあてにした書き方だとIEでのみエラーがでた。
これだとエラー。.innerHTMLで中身はいってる？とかにしても駄目。
Event.observe(window, "load", function(){
var element = $("panel");
if (element.length>0) {
Event.observe("btn_open", "click", function(){
$("panel").show();
$("btn_open").hide();
$("btn_close").show();
}, false);
Event.observe("btn_close", "click", function(){
$("panel").hide();
$("btn_open").show();
$("btn_close").hide();
}, false);
$("panel").hide();
$("btn_close").hide();
}
}, false);
※開くボタンと閉じるボタンも見栄えが変わる様表示切り替え、という設定
これで上手くいった。jQueryのセレクタでなれてるのでこっち使おうと思う。というメモ。
Event.observe(window, "load", function(){
var element = $$("#panel");
if (element.length>0) {
Event.observe("btn_open", "click", function(){
$("panel").show();
$("btn_open").hide();
$("btn_close").show();
}, false);
Event.observe("btn_close", "click", function(){
$("panel").hide();
$("btn_open").show();
$("btn_close").hide();
}, false);
$("panel").hide();
$("btn_close").hide();
}
}, false);
