[B! js] bascinetのブックマーク

改行削除するくらいなら gzip したらいいじゃない

CSS や JavaScript ファイルなどを gzip 圧縮して転送量の削減や Web サイト表示速度の向上を実現する方法を解説。既存 Web サイトのソースには一切手を加えない方法でまとめています。おまけでキャッシュ関連の記述もあり。いや、1バイトの無駄もゆるせねぇんだよとか、難読化したいとかなら別にやればいいんですけど、CSS や JavaScript ファイルの改行やスペースを削除しただけでファイル容量圧縮、読み込み速ーい的なこという人がいるので今さらですが書いてみます。すでに色々なところで書かれてるのでかぶるのは承知の上で。改行や無駄なスペースなどを削除すること自体が悪いと言ってるわけではありませんのでその辺は誤解ないようにお願いします。ただ、gzip 使って圧縮するのに比べたら、改行削除して削れるファイルサイズなんて微々たるものです。もちろん、両方やれば最大限ファイルサイ

bascinet 2012/11/15

リンク

iframe の高さを内容に応じて自動で調節する JS 他 | ヨモツネット

概要 iframe の高さを、iframe の内容に応じて自動で調節するための JavaScript です。サーバーとシステムの都合でどうしても iframe を使わざるを得ないケースなどの使用に向いています。動作確認用の demo この JavaScript を利用すれば、iframe で参照したページが、親ページの一部であるかのように、シームレスな表示にすることができます。ページ読み込み時に自動で高さを調節します。その後は 0.75 秒毎に高さを自動調節するので、文字サイズを変更するなどしても、それに合わせて再度iframeの高さを調節します。使い方まずは、iframe 要素を使用するページ(親ページ)の設定を行います。 iframe 要素に任意の id 属性を設定します。 e.g. <iframe src="demo-frame.html" id="sample1"></i

bascinet 2010/09/10

リンク

JavaScript初級者から中級者になろう

JavaScript。「ジャヴァスクリプト」と読みます。主にWebページに動きを与えるものです。現在では結構多くのページに使われていますが、その多くはとてもレベルが低く不適切なものです。もっと質の高いJavaScriptを使える人が増えるといいなという思いから、このページを作りました。初級者の基礎知識本文を理解するにはJavaScriptの知識がそれなりに要るので、JavaScriptがそもそもあまり分からない人は、この辺を読んでみましょう。基礎第一回基礎第二回基礎第三回基礎第四回基礎第五回基礎第六回第一章　オブジェクトオブジェクトとはオブジェクトの実体配列のコピーオブジェクトと関数第二章　DOMの基礎 HTMLと木構造 DOMとは基本的な操作とテキストノード木構造の操作：ノードの除去木構造の操作：ノードの追加木構造の操作：さまざまな機能木構造の操作

bascinet 2010/08/30

リンク

重い画像を順番に読み込むjavascript「Lazy Load Plugin for jQuery」

ブロードバンドが浸透しているとはいえ、画像を多く使用するとページが重くなり、表示速度が遅くなります。また解像度を高くしたり、画像サイズを大きくしても重くなります。 Lazy Load Plugin for jQueryはディスプレイ範囲の画像のみを順番に表示するためページの読み込む時間を短縮できます。 sponsors 使用方法 Lazy Load Plugin for jQueryからjquery.lazyload.jsをjQueryからjquery.js、jQuery Dimensions Pluginからjquery.dimensions.jsをダウンロードします。 <script type="text/javascript" src="http://yourdomain/jquery.js"></script> <script type="text/javascript" src