THE HAM MEDIA BLOG

jQuery:何度も画像の読み込みをしないロールオーバー

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery plugin自作
タグ:
jquery
javascript
プラグイン
plugin

何度も画像の読み込みをしないロールオーバー

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

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

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

続きを読む »

企業訪問をしてみた:株式会社ノイエカ編

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
日記
タグ:
札幌
企業

企業訪問をしてみた:株式会社ノイエカ編

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

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

続きを読む »

jQueryメモ:.css()の取得値で気づいたこと

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery
タグ:
jquery
メモ
CSS

jQueryメモ:.css()の取得値で気づいたこと

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

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

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

続きを読む »

第11回北海道WEBコンソーシアム終了 セミナーのまとめ

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
北海道WEBコンソーシアム
タグ:
札幌
セミナー
WEBコン
hwcon

第11回北海道WEBコンソーシアム終了

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

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

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

続きを読む »

公開ブックマーク禁止というなら検索されるようにしておくべきではない

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
つぶやき
タグ:
つぶやき

公開ブックマーク禁止・・・?

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

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

続きを読む »

11月といえば自分の読んでいるブログを告白する月らしいので告白してみる

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
サイトクリッピング
タグ:
ブログ
まとめ
blog

読んでいるブログを告白

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

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

続きを読む »

CSSのpositionのまとめ

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
CSS
タグ:
fixed
position
CSS

positionのまとめ

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

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

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

続きを読む »

jQuery自作:”jQuery SameHeight Plugin”を使いたいセレクタを指定して使えるようにした

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery plugin自作
タグ:
javascript
jquery
Height

jQuery SameHeight Plugin

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

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

続きを読む »

第11回北海道WEBコンソーシアムの定例会は地域ネットメディアの運営ノウハウについて

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
北海道WEBコンソーシアム
タグ:
札幌
WEBコン
hwcon
セミナー

第11回北海道WEBコンソーシアムの定例会は地域ネットメディアの運営ノウハウについて

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

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

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

続きを読む »

jQuery:contents()で気づいたこと

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery
タグ:
jquery
javascript
contents()

jQuery:contents()で気づいたこと

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

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

float関連の問題で覚えておくべき5つの対策

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
CSS
タグ:
コーディング
バグ
CSS
float

float関連で覚えておくべきこと

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

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

続きを読む »

綺麗に並んでいるリストのマークアップ方法は?

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
HTML
タグ:
XHTML
CSS
マークアップ

綺麗に並ぶデザインのマークアップ?

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

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

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

続きを読む »

XHTML&CSSコーディングハンズオン勉強会に参加した

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
CSS
タグ:
XHTML
CSS
コーディング

XHTML&CSSコーディングハンズオン勉強会に参加してきた

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

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

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

続きを読む »

jQuery自作:カラム落ちも防止できる!幅の違うブロックを同じ幅にする”jQuery SameWidth Plugin”

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery plugin自作
タグ:
jquery
javascript
width
plugin
プラグイン

幅の違うブロックを同じ幅にする”jQuery SameWidth Plugin”

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

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

続きを読む »

jQuery自作:高さの違うブロックを同じ高さにするプラグイン”jQuery SameHeight Plugin”

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery plugin自作
タグ:
jquery
プラグイン
javascript
sameHeight
plugin

高さの違うブロックを同じ高さにするプラグイン”jQuery SameHeight Plugin”

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

続きを読む »

JavaScript:文字を数値に変換する方法その2

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
JavaScript
タグ:
javascript
文字
parseFloat
parseInt
数値

文字を数値に変換する方法その2

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

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

続きを読む »

JavaScript:文字を数値に変換する方法(非参考版)

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
JavaScript
タグ:
文字
数値
eval
javascript

文字を数値に変換する方法

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

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

※文字列を数値とする場合はevelは利用しないように!!
本エントリーはJavaScriptを勉強する過程で書いた記事です。文字列を数値に変える場合、本エントリーのようなevelを利用するのではなく、次のエントリー「JavaScript:文字を数値に変換する方法その2」を参照し、parseInt()やparseFloat()を利用するようにしてください。
続きを読む »

10月の人気エントリー ベスト10

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
月別人気エントリー
タグ:
ブログ
blog
人気エントリー

10月の人気エントリー ベスト10

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

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

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

続きを読む »

トップに戻る

×

この広告は1年以上新しい記事の投稿がないブログに表示されております。