2011-02-14 - 人工無脳が作りたかった
Twitter上で画像を共有する際に、国内外問わず広く使われているtwitpicですが、公開されているAPIドキュメント上にはフルサイズ（元画像のサイズ）での画像取得用のAPIが公開されていません。これがサーバーの負荷を抑える為か、それとも元画像に近いサイズで見たいならtwitpicのサイトに来て見てね!!!というメッセージなのかは私にはわかりませんが、仕事でどうしてもフルサイズの画像が必要になったのでちょっと調べてみたところ、以下のような方法でフルサイズの画像を取得する事が出来ました。 まず、これがTwitterに良くポストされているtwitpicにアップされた画像のURL。 http://twitpic.com/3xoeo9 これがサムネイル画像取得用のAPI http://twitpic.com/show/thumb/3xoeo9 これがミニサイズの画像取得用API http://t
CSS3 webkitTransitionEnd - スタジオ・アルカナ技術ブログ
前回の続きです transitionでアニメーションした後に 何か処理をしたい場合には webkitTransitionEndイベントを使います 書くほどでもないですが、ソースです。
厳選！驚くほどデザイン性の高い無料のブログテンプレート５５個 | バズ部
ブログのデザインは、読者に与える第一印象に大きな影響を与える。どれだけコンテンツが優れていても、デザインが悪ければ台無しになってしまう。一方、質の高いコンテンツと好印象を与えるのブログデザインが組み合わさると、読者の記憶に残るブログになる。 だからこそ、ブログのデザインに悩んでいる方は多いのではないだろうか？しかし、実は、ブログテンプレートを使うと、あっという間に質の高いブログデザインを作ることができる。 そこで、本日は、驚くほどデザイン性が高く、無料で使えるブログテンプレートを厳選して５５個ご紹介する。 あなたの気に入るものが、きっとあるはずなので、ぜひ使ってみよう。 Exhibition デモ ｜ ダウンロード Palladiumize デモ ｜ ダウンロード Architekt デモ ｜ ダウンロード ※有料版はレスポンシブデザイン対応 Grid Portfolio デモ ｜ ダウン
twitpicAPIを通じでtwitterの投稿画像を一覧表示させる方法 (#タグ検索) | Stronghold Archive
どうもこんばんは。今回のtipsは【twitpicAPIを通じでtwitterの投稿画像を一覧表示させる方法】です。twitpicAPIはv2が出てから触ってなかったのですが、結構便利なのでいつか使ってみたいと思っております。 twitpicAPI APIではXML,json,jsonpのどれかでデータの処理が行えます。ここではjsonpの例を書いておきます。ちなみに tag : "????" の部分でtwitterのタグで絞り込んでいます。 jQuery 本例では… ・ユーザー名 ・アバター画像URL ・投稿時間 ・投稿画像URL ・閲覧数 ・詳細ページURL ・地域 を取得、表示させています。 この他にも色々表示できますが詳細はRTM $(function(){ $.ajax({ url : "http://api.twitpic.com/2/tags/show.jsonp", dat
jQuery 一定間隔で画像を切り替えるアニメーションの作り方 – setInterval replace image animate | Stronghold Archive
jQuery 一定間隔で画像を切り替えるアニメーションの作り方 – setInterval replace image animate どうもこんばんは！ 今日もjQueryのネタです。 一定間隔で画像を切り替えるアニメーション ・HTMLの記述 <div id="animateField"> <img src="/images/abcd1.png"> </div> ・JSの記述 $(function(){ var count = setInterval(changeImg, 2000);//2秒間隔 i = 1; function changeImg(){ $("#animateField").children("img").attr("src","/images/abcd" + i + ".png"); if(i <= 5){//6枚の画像を順に切り替え i++; } else{ i
マウスに合わせてメニューに要素が付いてくる
Result jQuery//マウスホバーイベント $('li a').hover(function() { var p = $(this).position().left; //マウスが乗るとclass="arrow"がアニメーションでポジションを変更 $('.arrow').animate({ //数値で位置を決める・・これだと汎用性が無いね:( left: (p + 60) + 'px'}); }, function() {});css.content { position: absolute; width: auto; height: 400px; } .arrow {/*矢印部分*/ position: absolute; margin-top: 0px; border-color: #696868 transparent; border-style: solid; border
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
