そろそろ商用でもHTML5でサイトをつくろう。
そんな事を思いながらはや○○ヶ月。
来るべきその時のための自分用メモ。
html5のサイトをまとめたギャラリー
HTML5 Gallery | A showcase of sites using HTML5 markup
2011年8月アーカイブ
2011年8月16日 15:09
html5でつくってるサイトのギャラリー
2011年8月 2日 11:36
TwitPic投稿した画像の表示
TwitPicの画像を表示させるのを
今更やりたくて出来たのでメモ。
Twitterに投稿した際
mhp3
というタグが振ってある（想定）条件で検索して、
Twitpicの画像を５件分表示させる、、という動きにしています。
まずHTMLから。
<div id="images"></div>
の中にulを動的に作り、最大件数まで
liを追加する事にします。
次に、通信を行なうのに何かと便利なのでheadタグ内でjqueryを読んでおきます
そして肝のtwitpicのapiから情報を取得する部分はこのようにしてます。
popupの処理はおまけなので特になくてもok。
そこは_blankをつけたくないだけ（jsだとvalidator関係ないかもですが）
最後にCSSでかるく整えて完成です。
デモはこちらにおきました。
» "mhp3"というタグつきでTwitPic投稿された画像を５件表示 demo
2011年8月16日 15:09
html5でつくってるサイトのギャラリー
そろそろ商用でもHTML5でサイトをつくろう。
そんな事を思いながらはや○○ヶ月。
来るべきその時のための自分用メモ。
html5のサイトをまとめたギャラリー
HTML5 Gallery | A showcase of sites using HTML5 markup
2011年8月 2日 11:36
TwitPic投稿した画像の表示
TwitPicの画像を表示させるのを
今更やりたくて出来たのでメモ。
Twitterに投稿した際
mhp3
というタグが振ってある（想定）条件で検索して、
Twitpicの画像を５件分表示させる、、という動きにしています。
まずHTMLから。
<div id="images"></div>
の中にulを動的に作り、最大件数まで
liを追加する事にします。
次に、通信を行なうのに何かと便利なのでheadタグ内でjqueryを読んでおきます
そして肝のtwitpicのapiから情報を取得する部分はこのようにしてます。
popupの処理はおまけなので特になくてもok。
そこは_blankをつけたくないだけ（jsだとvalidator関係ないかもですが）
最後にCSSでかるく整えて完成です。
デモはこちらにおきました。
» "mhp3"というタグつきでTwitPic投稿された画像を５件表示 demo
