HTML要素の位置取得 - elm200 の日記(旧はてなダイアリー)
趣旨 ウェブページとして描画された HTML 要素の画面上の位置を取得する。一見簡単そうに見えるこの作業が、現在実装されているブラウザ上ではとてつもなく難しい。そのことを以下で説明していく。 情報ソース この問題に関して調べたところ、最もよく出来ているエントリは、susie-t 氏による offsetTop/offsetLeft/offsetParentの闇 である。とてつもない力作で、実に多くのケースにわたって、包括的に探究が行われている。まるで犯人を追跡する刑事のような執拗さである。氏の自己紹介では「ナマケモノのプログラマ」とか謙遜されているが、これはとてもナマケモノにできる仕事ではない。 基本中の基本として W3C CSS 2.1 の次の章を抑えておきたい。 8 Box model 9 Visual formatting model 10 Visual formatting mode
MOONGIFT: » 必見！CSSを使って複数の画像を一つに「CSS Sprite Generator」:オープンソースを毎日紹介
Googleの表示速度の速さの秘密に、コネクションを極力減らすということがある。それが複数の画像を一つにまとめてしまい、CSSのポジションをずらすことで表示するという手法だ。これを使うと画像のダウンロードは一回で済むのでコネクションが少なくて済む。 実際、検索結果のGoogleロゴを見ると、複数の画像が混ざった結果なのに気づくはずだ。これをやるのは非常に面倒に感じるだろう。だが、小さなアイコンなどはこういう手法をとればサイトの負荷軽減、高速化につながる。それを手軽に実現できるのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはCSS Sprite Generator、CSSによる画像分割補助ソフトウェアだ。 CSS Sprite Generatorは複数の画像をZipで固めてアップロードすると、その画像を連結し、さらに表示するためのCSSを生成してくれる。これを使えばまさに
ニコニコ動画のAPIのメモ - picasの日記
http://www.nicovideo.jp/api/getflv/[動画IDかスレッドID] flv取得URL、コメントXML取得URLなどが得られます。getflv?v=[動画IDかスレッドID]でもアクセスできます。 [動画IDかスレッドID]は、http://www.nicovideo.jp/watch/sm...のsm...の部分、もしくはスレッドIDでもよいみたい。 参考にさせていただいたところ flvの取得 - poChiの日記 http://msg.nicovideo.jp/[数字]/api/ コメントなどが得られます。 POSTでほしいものを投げます。 [数字]というかアクセスURLそのものはhttp://www.nicovideo.jp/api/getflv?v=[動画IDかスレッドID]にアクセスして取得してください。 参考にさせていただいたところ コメントの取得
ブログ同士で“SNS”が作れる，Googleが「Social Graph API」サービス公開：ITpro
Googleは2008年2月1日，Web上のリンクから交友関係を抽出するWebサービスのAPI「Social Graph API」を公開した。ブログやプロフィール・ページのURLなどを入力すると，Googleが収集した，そのサイトを友人としてリンクしている友人のサイトを出力する。このサービスを使うことで，SNS（ソーシャル・ネットワーキング・サービス）サイトを利用しなくともブログ同士でSNSのような機能を実現することが可能になる。 交友情報は，サイトに埋め込んだXHTML Friends Network(XFN)，Friend of a Friend(FOAF)と呼ばれるフォーマットから抽出する。XNFでは，例えば <a href="http://bradfitz.com" rel="friend" >Brad</a> のように，リンクに「friend」など，どのような関係かを示す情報を埋
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
So-net blog:港区赤坂四畳半社長:グローバルニッチ。日本人としてどこまでやれるか