最近のGoogle Analyticsのコードは</head>の直前に入れるべし - Webtech Walker
今まではGoogle Analyticsのコードが非同期で実行できなかったので、AnalyticsのJSが読み込まれるまでコンテンツの描画をブロックしてしまうのでbodyの一番下とかにコードを置くのが普通でしたけど、最近は非同期で実行できるようになったので</head>の直前に入れるのがよいみたいです。 ヘルプに書いてあります。 コードを確認できたらコピーしてウェブページに貼り付けます。終了タグの直前に貼り付けてください*。 *非同期トラッキング コードの主なメリットの 1 つは、HTML 文書の一番上に配置できることです。これによって、ユーザーがページを離れる前にトラッキング ビーコンが送信される可能性が高くなります。JavaScript コードは セクションに配置することが慣例となっており、このコードを セクションの一番下に配置すると最高のパフォーマンスが得られます。 トラッキング コ
wedataでMicroformatsのデータを共有する - Webtech Walker
セマンティックウェブ勉強会というのに参加して、その場でジャストアイデアで思いついたものを実装してみました。 OperatorというFirefoxのMicroformatsのデータを表示できるAddonがあります。例えば、これをインストールしてatndをみてみると、イベントというアイコンが押せるようになって、Googleカレンダーと連携できたりするわけですが、こればatnd側がMicroformatsに対応してるからです。 Microformatsはclassを指定するだけなので、AutoPagerizeみたいにこれをwedataでサイトとMicroformatsをひもづけるデータを共有しておいてそれをGreasemonkeyから使えばいいんじゃないかと思ったわけです。 で、作ったのでこれ。 アイテム: test - データベース: mf-test - wedata gist: 402095
word-break:break-allをFirefox等でも実現するjavascript - Webtech Walker
最近やたらとURLなどの文字列が折り返されない現象で頭を悩まされます。IEとSafari3以降はCSSでword-break:break-allを指定すれば折り返してくれます。Firefox3はハイフン(-)やスラッシュ(/）があればそこで折り返すのですが、半角英数のみだと折り返してくれません。word-break:break-allと少し挙動が違うようです。Firefox2はハイフン等の記号があっても折り返さず、突き抜けてしまします。 to-RさんがFirefoxとOperaでword-break:break-allを実現する「wordBreak.js」を公開していますが、tableだけにしか適用されずFirefox2をサポートしていないので、自分で書いてみました。（追記：ソースをgistにあげました） wordbreak.js for jQuery — Gist IEとFirefox2
target疑似クラスを用いて、CSSのみでLightBox風UIを実現する方法 - Webtech Walker
DesignWalkerさんのScriptを使わないCSSエフェクト、Tipsいろいろというエントリーの中に、「Scriptを使わないLightbox」というのがありました。本当にCSSのみで実現させていて、すごいなぁと思ったのでやり方を紹介します。 実装にはtarget疑似クラスを用います。IEとOperaがサポートしていなので、まだまだ実用的ではないと思うのですが、CSS3レベルのセレクタをうまく使えばこんなこともできるんだなーと感動しました。 具体的なコードは以下のような感じ。 <div id="thumb01"> <a href="#large01"><img src="sample_s.jpg" alt="sample" /></a> </div> <div id="large01" class="lightbox"> <a href="#thumb01"><img src="s
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery1.4でhtmlとremoveのベンチマーク - Webtech Walker
CSS Naked Dayを忘れないためのJS - Webtech Walker
