JavaScript カテゴリのアーカイブ

jQuery と PHP でテンプレートの CSS を簡単に作れるなにかを製作中ですが、意味不明になってきたので基礎を学びたいと思いますヽ(・ω・)ﾉ

というのも、とりあえず動けば御の字！と思って書いていたのを見かねた nic せんせーが、こうやったらいいよと書いてくれたお手本の中身がさっぱりわからんからです。
var とか : とかの意味がわかったらもうちょっと何とかなるかもと企んでいます。

プログラムの構造を再利用性を高くするのを抽象化といいます。
たくさんのタイピングをしないことと、タイプミスを減らすこと、プログラム全体の見通しをよくする、などといったメリットがあります。

2008-05-02 IRC のログ nicせんせーの発言より抜粋

とのこと！なんかよくわかったような気がするよ！

JavaScript のおべんきょう の全文を読む

以前から IE 6 で透過 png を表示したいときに愛用していた iepngfix.js がバージョンアップしていました。

• 帰って来た IEPNGFIX 改め PNG-TR | YungSang’s
• PNG-TR | Google グループ

私的注目機能は iepngfix.js だと png 画像が要素のサイズに合わせて拡大・縮小されていたのですが、PNG-TR では behavior の指定方法が 3 種類 (後方互換も含めると 4 種類) 用意されており、画像のサイズを維持して表示することもできます。

何ができるようになったのかというと、例えばリストアイコンとか要素のサイズは横幅いっぱいだけど画像サイズは 15 x 15 なんていうとき、iepngfix.js では無惨に拡大された画像に胸を打ち砕かれ諦めるしかなかったのですが、PNG-TR を使うとハッピーターンを 10 袋大人買いしたようなうれしさでいっぱいになりますヽ(・ω・)ﾉ

IE 6 で透過 png を表示する「PNG-TR」 の全文を読む

About のページを更新しました。ページ右上の ？ をクリックしてみてください。

自己紹介として是非掲載したいと思ったのが、自分のサイトや各種利用ツールへのリンク。
リストアイコンのように favicon を表示してみたくて探したところ発見しました。
favicon API javascriptライブラリ [jQueryプラグイン] | jigelog
jQuery を使わない通常版もありましたが、すでに jQuery を利用しているのでこちらのプラグインを使わせていただくことに。

もう jQuery も怖くないので、大体何が書いてあるのかわかりましたヽ(・ω・)ﾉ
使い方も簡単で、普通のリンクに class=”（任意の class 名）” をつけるだけ。私は class=”favicon” としました。
こんなかんじ。About のページにいっぱいあるよ！

任意のリンクに favicon を表示する jQuery プラグイン の全文を読む

miniturbo 先生にテンプレートでけたよ！とご報告したところ、早速厳しいチェックが入りました。
彼は、私が初めて jQuery を触ってよろこんでいたときにステキなお祝いをくれた方です。

for( ; ; ){alert('Hello world !')}

それと nic 先生から聞いた話をメモ。

jQuery の書き方メモ の全文を読む

これはすごいと噂の Google Analytics を使ってみることにしました。今さらジロー。

サイトの登録までは簡単にできたのですが、トラッキングコードを挿入したところで問題が発生。
難しいことはよくわからんのですが、ナビゲーションをうにょーんと開閉するやつは通常表示されているものが JavaScript を読み込むことによって非表示に、Navigation Open をクリックすると表示されます。
ところが nicせんせーによると onLoad がどうのこうので、Google Analytics のコードも読み込みしてから非表示になるので数秒間ナビゲーションが表示されてしまうようになってしまいました。

これを回避するには JavaScript の読み込みに優先順位をつけたらいいんじゃないかということで、以下がヒントになるかもとのこと。
JavaScriptで外部ライブラリを読み込むためのスクリプトをCodeRepos.orgに上げた。 – holidays-l開発ブログ
jQuery とナビゲーションうにょーん.js を先に、Google Analytics のコードを後に読み込めばいいってところまではわかったけど、実際やってみるとなかなかうまくいきません。
ちょっとかっちょ悪いですがスルー願います＞＜