THE HAM MEDIA BLOG

jQueryのロールオーバーもたくさん出ていますが、
多くで使われているのは、画像のsrcを変化させるものだと思います。
例えばyuga.jsでのロールオーバーもsrcを変化させるものだ。

僕もそのスクリプトをを今まで使っていたが、
それだとIE6などでは何度も画像をダウンロードしにいってしまう。
また、場合によっては他のブラウザでもちらつきなどが起きる場合もある。

特に問題はないのだけど、気になる人もいるという話を聞いて、
ちらつきが起きなかったり、何度も読みに行かないようにするスクリプトを
考えて作ってみることにした。

WEBコンでお世話になっている株式会社ノイエカの浜垣さん、
今日はそのノイエカの会社にお邪魔してきました！

自分の会社以外の様子を、僕は一切しらないので、
どんな雰囲気でどんな様子で仕事をしているのか、
それを知りたくて、最近時間があるので、訪問させていただきました。

以前紹介したSameHeight Plugin
これの実験をしているうちにふと気づいたことがある。
CSSの指定の仕方によって、.css()で取得してくる値がなんだか違う。

実はそのせいで、サンプルを作ったときは、
SafariとChromeで若干表示が違ったということが判明！

気づいたことをサンプルとメモで残しておく。

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

今回は地域系ポータルサイトの運営ノウハウのお話でした。
どのようにサイトを運営しているのかというのは、
たくさんの人が興味のある話だと思います。
成功しているサイトの運営のお話を聞けるというのは、
めったにないことですしね。

そんな今回のセミナーの内容を、
いつものようにメモ程度に書いておこうと思います。

「一般常識・礼儀とブログマナー - ☆女の徒然草☆ - Yahoo!ブログ」と、
「ネット上のサービスを現実の何かに例えることの限界 - 北の大地から送る物欲日記」

この二つの記事を読んでの感想及び疑問を簡潔に書いておく。

いつも読んでいる「ホームページを作る人のネタ帳」で、
『１１月といえば自分の読んでいるブログを告白する月（2008）』
というエントリーがあがっていた。

僕もそれに便乗して、読んでいるブログを告白してみようと思う。

CSSのpositionのプロパティに、fixedというのがある。
これは指定の部分を固定配置にして、画面がスクロールしても、
画面の同じ位置に表示させておくものである。

ところがこのプロパティ、IE6だとうまく固定されない。

CSSの設定の仕方で実現できるようなので、メモエントリー。

先日作った「jQuery SameHeight Plugin」
今まではclassにsameHeightをつけなければ使用できませんでしたが、
ブクマコメントに、「$('hoge')sameHeight();みたいに使いたい」
というのが書いてあったので、対応してみました。

今までどおり、class="sameHeight"に対応はもちろん、
ユーザー指定のセレクタにも対応するようにしました。

北海道、かなり寒くなってきて、いつ雪が降り積もるのかヒヤヒヤな最近。。。
大人は風の子じゃないので温々布団に包まっていたいななんて思う。
余談でした(；´Д`A ```

さて、今月も北海道WEBコンソーシアムのセミナーが開催されます。
今月は地域で成功するネットメディアの運営ノウハウのセミナーになります！

サイトの企画運営に携わっている方や興味の有る方など、
ネットに携わる方はぜひ参加しませんか？

以前のエントリーで、
「jQueryメモ：親要素だけ消すってどうやるんだろう？」
というのをエントリーしたのですが、
cyokodogさんから別な方法も教えてもらいました。

そこでcontents()というjQueryの関数を使っていたのですが、
after()と一緒に使うと、「こんな風になるのか！？」
と驚いたというか、動作について勘違いしていたことに気づきました。
メモのためにエントリーしておきます。続きを読む »

CSSのfloat関係って、基本的に覚えておくべき事ですが、
動作がいまいちわかり辛かったり、バグが多かったりと、
float一つとっても覚えておくべきことって多いと思います。

なのでfloat関連の問題で覚えておくべき解決方法や
回避方法のことなどについてをまとめてみた。

上の画像のようなリストで、
リストの中を縦の列でそろえたいような場合、
どのようなマークアップをするのがいいだろうか？

昔にも考えたことがあっだのですが、
再度考えてみようかなって思ってエントリーします。

※追記(2008/11/13 22:28)
サンプル５を追加して、最後の文も少し変えました。

先日の日曜日、コーディングを専門としている企業の方と僕と共同して、
「XHTML＆CSSコーディングハンズオン勉強会」というのを行ってみた。

講師はそのコーディング専門の企業の方で、
年間100サイト以上をコーディングを行うという凄腕の方。
今も数百ページにも及ぶサイトのコーディングを行っているとか・・・
僕からしてみたら恐ろしいくらいのスピードでコーディングしている方で、
その方を講師として、今回実践形式の勉強会を開催しました。

コーディングの実践についてなので、まとめることも少ないですが、
勉強会で学んだことなどをメモしておこうと思います。

先日高さの違うブロックを同じ高さにするプラグインを作りましたが、
（高さの違うブロックを同じ高さにするプラグイン”jQuery SameHeight Plugin”）
それの横幅バージョンを作ってみました。

また、カラム落ちを防ぐ機能もついているので、
横幅が揃っている場合でも使えるものになるのではないかと思います。

高さの違うブロックを同じ高さにする方法は既に沢山でているのですが、
jQueryでできないかなって考えてみて、作ってみた。
これを使えば、内容量によってブロックの高さが変わっても、
自動的に揃えることができます。

昨日のエントリーで「JavaScript：文字を数値に変換する方法」を書いたのですが、
そのコメントにてcyokodogさんが他の方法を教えてくれました。

そっちの方が記述少なく行けることが判明したので、
それも使ってみて動作を確かめようと思います。

jQueryとかでCSSのpaddingとかを抜きだした時、
pxやemがついたまま抜きだされてくる。
これをreplace()などで数値だけにして足し算とかをしようとしても、
文字列として扱われてしまうことになる。

つまり、文字を数値へ変換しなければならないのだけど、
JavaScriptでどうやれば数値になるのか知らない。
調べたらたまに使っているeval()を使う事で、
文字を数値として使うことができるらしいので、
メモとしてエントリーしておく。

１１月に入りましたね。
今日の札幌の天気は雪・・・
もう本格的な冬到来です。

雪、たのむからつもらないでくれ！！！
そんなことを祈るばかりです。

さて、先月のアクセスの多かったエントリーをまとめてみます。