THE HAM MEDIA BLOG

今回のお勉強はconsole.log()について。

JavaScriptを構築しているときに、
どのような結果が返ってくるのかというのを確認する時は、
HTML上に書き出させたり、alertで確認する方法を使ったりするけど、
この今回のconsole.log()は、Firefoxのプラグインの
Firebugのコンソール欄に結果を表示させるものらしい。

知らなかったのでメモエントリー

Art and web design by Matthew James Taylorというサイトで、
「Equal Height Columns with Cross-Browser CSS & No Hacks」
というエントリーがあがっていたので読んでみた。

高さを揃える方法っていろいろあるのですが、
この方法もクロスブラウザに対応しているので、なかなか便利かもしれないです。

現在作りたいことを勉強しようとしているのですが、なかなか進まない。

作りたいものの参考としているスクリプトを
どんな構造になっているのかを考えながら見ているのですが、
変数とかどこがどうなっているのかとか、頭が混乱してくる。

なかなか勉強もうまく進まないものですね。

実はまだまだ知らない事が多いJavaScriptの基本、
ちゃんと勉強しないとなーなんて思うのですが、
ちょくちょく気づいた時にしかできなかったりします。

そんな今回「あれ？なんだっけな、これ？」
なんて思ったのが「?」の使いどころ。
調べてみたら、条件演算子ということ。
どういう使い方ができるのか、少し試してみた。

ジョイマン風ゆるＲＡＰジェネレータ

最近はまっているお笑い芸人のひとつ、ジョイマン。
そんなジョイマン風のゆるRAPを生成してくれるジェネレータがこれ。

ちょっとだけ試してみた。

先日jQueryの実験をして、
head部分にもアクセスできることがわかったので、
CSSを切り替えられるようなものを作ってみた。

部分的なCSSの変更であれば、
jQueryのCSSで変更するほうが簡単だけど、
たくさんの量のCSSを変更するような場合は
あらかじめCSSを書いておいて、
それに切り替えるようするほうが楽。

なので、簡易的に切り替えられるものを作ってみた。

前回のエントリーで画面にレイヤーなどが表示されるような
jQueryのプラグインを試して紹介したが、
今回はそれっぽいものを自分で作ってみることにした。

Lightboxにしろムーダルボックスにしろ、
半透明のレイヤーで画面が覆われるスクリプトが多々あって、
どうやって作るんだ？なんて思っていたけど、
画面全体を覆うレイヤーがあればいいのか！
なんて思ってみたので、実験してみることにした。

jQueryのプラグインとかを見ていた時に、
なにやら面白そうなプラグインを発見。

「jQuery BlockUI Plugin」

画面全体やもしくは要素に対して、
半透明のレイヤーを表示させてブロックするプラグインだ。

使う機会はでてくるかわからないけど、
とりあえず使って試したくなったので、
勉強のためにメモエントリーしておく。

先日(17日)の金曜日に第10回北海道WEBコンソーシアムのセミナーがありました。

気づけばもう10回も集まっているのですね。

そんな10回目のセミナーは「映像コンテンツについて」でした。
映像コンテンツを作る際に気をつける事や、
映像コンテンツの今後などについてのお話でした。

今回も簡単にですがまとめてみようと思います。

jQueryを使うと、HTML内のいろいろなタグにアクセスできて、
簡単にそれらを操作することができる。
けど、head内って操作することできるのかな？
一応htmlだしできるよね？なんて疑問に思ったので、
とりあえず試してみた。

いつもロールオーバーを設定するときは、
パッとすぐに切り替わるものを使っていたのですが、
以前紹介した、「透明度を利用したロールオーバー」
これを使えばフワッとしたロールオーバーができな〜
なんて思ったのでさっそく作ってみた。

10月ももう半ばを過ぎるころになってしまいましたが、
９月の人気エントリーを載せてなかったということを
いまさら思い出したので、載せておこうと思います。

今月も北海道WEBコンソーシアムの定例会が行われます。

今月はWebにおける映像コンテンツについてのセミナーになります。

映像コンテンツの制作事例や構成、制作事例についてのお話になるようです。

はっ！？内容とリード文があってない！？
ってことでいつのまにやら修正しておく。

背景色とか文字色とか、色関係をアニメーションさせようと思っても、
どうやらjQuery単体ではアニメーションできない。

なぜ！？

とまぁ、背景とか色関係をアニメーションで使いたいなと思ったので、
色関係を扱えるようにするプラグインを見つけたので、メモエントリーしておく。

jQueryを使うとロールオーバーとかも楽に設定できるし、
先日のように、クリックで背景を変更することも可能だ。

今日はロールオーバー部分でクリックしたとき、
クリックした部分の画像は、ロールオーバー時のままにしておきたい、
そのままの状態にしておくようにするスクリプトにしてみた。

最近jQueryのプラグインの紹介ばかりですが、
今日もjQueryのプラグインの紹介。

今日はjQueryのプラグインで、
簡単に角丸にしてしまうものを紹介します。

『JQuery Curvy Corners』

有名なのだと「jQuery Corner」なのですが、
JQuery Curvy Cornersの方が画像とかにも使えるので、
こっちのほうが利用するケースが多いかなと思い使ってみました。

最近PNGでの表現が流行り？

ちょっとその辺は情報不足なので省略しますが、
今日はjQueryのプラグインを使って透過PNGをIE6に対応させてみます。

透過PNGを使えるほうにする方法は、
すでにいろいろな方法が紹介されていて、最近でも、
「IE6にPNG画像のアルファチャンネルを効かせる方法のまとめ」
なんてのが紹介されたりしています。

今回紹介するjQueryのは、もうかなり前からあるのですが、
個人的に知らなかったので、メモとしてエントリーしておきます。

jQueryを使って、マウスオーバーやクリックをしたときに、
背景画像を変更するという案件が入りそうだったので、
実験的に作ってみました。

マウスオーバーしたときや、クリックした時に、
背景の画像が変わります。

jQueryを使えば基本的な事だけでできることです。

以前pandola.jpで記事を載せてくれたべにぢょさん、
そのべにぢょさんが働く会社で、なにやら新サービスがリリースされたらしい。

「apolon（アポロン）」

このapolonは、お仕事と才能をつなげるサービスらしい。
なにはともあれ、使ってみよう！ってことで登録してみた。