タグ

2007年7月27日のブックマーク (4件)

  • Yahoo!製、Webサイト高速化の改善点を調べ上げるFirefox拡張機能「YSlow」:CodeZine

    Yahoo!は24日、Webサイトを表示する際のチューニングポイントを調べるFirefox拡張機能「YSlow」をリリースした。Yahoo! Developer Networkより無償でダウンロードすることができる。なお、あらかじめFirebugをインストールしておく必要がある。 インストールするとFirebugに「YSlow」のタブが作成されるので、オプションの「Autorun」にチェックを入れておく。この状態でWebサイトにアクセスすると、自動的に解析が行われ、チューニングポイントが表示されるようになる。 各項目はプルダウンとなっており、より詳細なステータスを知ることができる。また、各項目をクリックすることで、チューニングポイントの解説ページ(英語)に遷移するようになっている。 その他、「Stats」「Components」「Tools」といったタブも用意されている。 参考サイト

  • ブロックレベル要素の高さを揃えるheightLine.js[to-R]

    ブロックレベル要素の高さを揃えるheightLine.js Web標準の日々のグループディスカッションで出たライブラリ案を作っていく企画、第一弾。 ブロックレベル要素の高さを揃えるjsライブラリを作ってみました。 このライブラリは新バージョンがあります。 レスポンシブWebデザインに対応した「jquery.heightLine.js」 CSSでは複数のブロックレベル要素の高さを揃えれないという問題があります。 このheightLine.jsは、複数のブロックレベル要素の高さを揃える事ができ、2カラムレイアウトや3カラムレイアウトのそれぞれのカラムの高さを揃えたり、複数のブロックレベル要素をfloatで配置する際の高さを揃えたりできる、便利なライブラリになります。 設置方法 head要素内にダウンロードしたheightLine.jsを読み込みます。 <script type="text/ja

    ブロックレベル要素の高さを揃えるheightLine.js[to-R]
  • MOONGIFT: » ActionScriptをブラウザ上でデバッグ「ThunderBolt」:オープンソースを毎日紹介

    最近、Flashにはまっている。元々素晴らしい技術であることは分かっていたが、デザイナー的な位置づけが大きいと二の足を踏んでいた。が、ActionScriptだけでも様々なアプリケーションが開発できそうだと分かり、面白さを感じている。 Flash自体の開発環境は無料でも構築できる。が、デバッグが非常に面倒くさい。全てtraceで出力するしかない。だが、これを使えばFirefox上でデバッグが可能だ。 今回紹介するオープンソース・ソフトウェアはThunderBolt、Firebugを使ったActionScriptデバッガだ。 ThunderBoltを使ってFlashを表示すると、FirebugからコマンドベースでFlashを操作できるようになる。表示の大きさや表示開始位置の取得も可能だ。 コンソールからFlashの内容を動的に書き換えることもできる。サンプルスクリプトではうまく動作するが任意

    MOONGIFT: » ActionScriptをブラウザ上でデバッグ「ThunderBolt」:オープンソースを毎日紹介
  • fladdict.net blog: jsがメッサ楽しくなるフレームワークjQuery(1)

    HATENA-TUBEで使っている、jQueryというjsフレームワークが楽しすぎる件について。 jQueryは、ちょっとダーティだけどスゴイお手軽に、色々なことができるステキライブラリっす。小さい実験でのプロダクティビティはもうprototype.jsの100倍ぐらいスゴイっす。 色々実験中なのでそのメモ。 まず、最新版を右クリックから保存して適当なフォルダに入れる。 まず、jQueryではdobument.body.onloadに相当する部分が、ちょっと独特なのでおまじないのつもりで以下のように書きます。 初期化 $(document).onready( function(){ //ここに初期化系の処理 }) で、jQueryもプロトタイプみたいに$()関数を多様するのだけど、その強力さが半端ありません。例えば、ノードの一括定義とかができちゃいます。 全ての<p>ノードの中身を”Hel