タグ

ブックマーク / blog.chibatch.jp (5)

  • YUI CompressorでjavascriptやCSSを連結・圧縮 | チバのブログ

    GoogleのPage SpeedやYslowの項目の中に「gzipで圧縮してね」みたいなものがある。Java ScriptやCSSをgzipで圧縮することについては前に試して結構圧縮されたんだけど、どうせやるならもっと圧縮してやろう!ってことになりまして、YUI Compressorに手をつけました。YUI Compressorっていうのはヤフーが配布しているJava ScriptやCSSの圧縮用のライブラリです。 圧縮といってもzipにするとかそういうものではなくて、余計な改行なんかを取り除いてくれるツールです。圧縮後はjquery-min.jsの中身みたいに何が何だか分からなくなりますが、動作としては同じように動いてくれます。 このブログでいえば、jquery.js・yuga.js・jquery.corner.jsをほとんどのページで読み込んでいるので、これを1つのファイルにまとめ

  • DD_belatedPNG.js。IE6で透過pngを表示させる決定版! | チバのブログ

    IE6で透過pngを表示させるためのJavaScriptについて、IE6で背景画像に透過pngを指定してリピートさせるという記事でiepngfixを紹介したのですが、あれ重いですよね。 IE6で透過pngを表示させるためとはいえ、重い。 ということを思っていたら、ITキヲスクさんのIE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」という記事にDD_BelatedPNG.jsというとてもよさげなスクリプトが紹介されていたので、試してみました。 ダウンロードページ DD_belatedPNG.jsのデモページ DD_BelatedPNG.jsとその他のJSの違い 今までいくつかIE6で透過pngを表示するためのスクリプトはありましたが、それはAlphaImageLoaderフィルターを使って表示させていましたが、 AlphaImageLoaderを使うの

  • MT4でプラグインを使わないカテゴリーの並べ替え方 | チバのブログ

    MT4から追加になったregex_replaceというもディファイア(正規表現で置換が出来るモディファイア)を使えば、カテゴリーの並び順の変更がノープラグインでできるのでは? と思い、試してみたらできちゃいました。 MT3のやり方で 基的な並び替え方はMT3の時にやっていた「カテゴリーの頭に数字をつける」方法です。 頭に数字をつけておけば数字順にカテゴリーが並び替えられて表示されるのでそれを利用します。 ただ、そのままではカテゴリー名に数字が付いたまま表示されてしまうため、どうにかしてその頭の数字を消す必要があります。 MT3の時にはFirstCutCharやpmHeadChangerなどのプラグインを使って数字を消していましたが、MT4ではregex_replaceもディファイアを使います。 regex_replaceを使うと正規表現による置換ができるので、とても便利です。 カ

  • 携帯サイトを作るのに便利なfirefoxアドオン

    携帯サイト制作の際にあったら便利なアドオンを紹介します。 ここで紹介したもの以外に他にも便利なものがあれば教えてください! Mobile BarCoder 実機確認するときに便利なアドオンです。 携帯電話のテンキーでURLを打ち込むっていうのはかなり面倒な作業ですが、MobileBarcoderをインストールしておくと、表示しているURLをQRコードで表示してくれます。 インストールすると、firefoxのウィンドウ右下にバーコードのアイコンが表示されるのでそのアイコンにマウスを乗せるだけです。 Mobile Barcoder :: Firefox Add-ons FireMobileSimulator 実機で確認しようにも個人で全ての携帯を揃えることは難しいですよね。趣味であればなおさら。 そんなときに役立つのがFireMobileSimulatorです。 [ツール]→[メニュー]

  • JavaScript(jQuery)で簡単にCookieを使う事が出来るプラグイン | チバのブログ

    開閉式メニューやフォントサイズの変更など、jQueryを使って作ったスクリプトの状態をCookieを使って保存できないか...?と思って探してみたら結構見つかってしまいましたので、備忘録も兼ねて書いておきます。 jQuery.cookie.jsプラグイン jQueryを使ったスクリプトでCookieを使うには、jquery.cookie.jsというプラグインがとても便利です。 使い方はデモページのソースを見てもらえればわかると思いますが、それだけでは備忘録にならないので簡単な使い方を書いておきます。 jquery.cookie.jsは以下のサイトからダウンロード出来ます。 Plugins | jQuery Plugins 基的な使い方 jquery.cookie.jsを使ってCookieの読み込んだり書き込んだりする時の基的な使い方です。 読み込み $.cookie('クッキー名'

  • 1