前回に引き続いて、jQueryネタ。
jQuery のエフェクト機能を使って、写真のスライドショーを実装してみた。
デモは、こんな感じ。
続きを読む
「javascript」タグアーカイブ
jQuery でリストの折りたたみ表示
コードのサイズを圧縮する!
JavaScript のコードから、不用な文字を削除してコードのサイズを小さくしようと言う提言。
JavaScript圧縮ツールや難読化ツールを用いれば、比較的簡単にできます。
これは、かなり効果が期待できるので、是非対応したいところ。
難読化ツールだと、バグフィックスが面倒なので、圧縮ツールを使えばいいかと思われます。
オリジナルと別に圧縮したコードをサーバにおいておいて、mod_rewrite
で置き換えてやれば、メンテナンスも問題ないでしょう。
私が、試してみた圧縮ツールはこの辺り。
scriptは下に!
script がダウンロードされている間は、それより下に配置されたコンテンツはレンダリングされないので、script は可能な限り下に配置しましょうと言う提言。
言ってることは分かるんですが、中々難しいですね。
特に各プラグインが挿入している script タグは念入りにテストしないと、おいそれと下方に配置はできませんね。
ちなみに WordPress のプラグインで、ヘッダに JavaScript 等を挿入している箇所は
add_action('wp_head','hogehoge');
なので、ここを
add_action('wp_footer','hogehoge');
にしてやれば、下方に配置させることができます。
# ただ、JavaScript と同時に CSS も HEAD 内に吐き出してることが多いので、注意が必要。
DOCTYPE 宣言による Property の違いについて
今回、Wordpress 用プラグイン WP-AutoPager を作成した際、色々調べ物をしたことの自分用のまとめ。
マウスカーソル位置を監視する関数を実装したのだが、ブラウザの表示領域を取得するプロパティが DOCTYPE 宣言の有無、ブラウザの違いで違ってくるよと言うお話。
サムネイル画像を拡大表示する
サムネイル画像を拡大表示するcoolな方法が無いものかと探していたら、色々出てきたのでメモ。
続きを読む