knowledgeカテゴリー「knowledge」の一覧

div要素などをスクロールに追随させるjavascript【その2】

div要素などをスクロールに追随させるjavascriptの続きです。

クラス化と、間違いや、効率的でないところの修正もしています。

div要素などをスクロールに追随させるjavascript

よくメニューがスクロールと一緒にくっついてくる、あれです。

smartrollover.jsを改造

CSS HappyLife さんの smartrollover.js を複数タグに対応できるように改造してみた

flickr API × Thickbox

flickr から画像を読み込んで、サムネール表示と拡大表示をやってしまおうという実験。

flickrAPIxThickbox.png

今さらflickrの画像をFLASHに読み込んでみた

やさしい読者のみなさんには一度も突っ込まれなかったのですが、ほったらかしだったトップページの“Recent Shots”をついに作成しました。

flickr

IEがローカルのアクティブコンテンツ再生にうるさい

IEは、ローカルでの Javascript の使用や SWFファイルの再生などをしようとするとブラウザのウィンドウ上部に「セキュリティ保護のため、コンピュータにアクセスできるアクティブコンテンツは表示されないよう・・・」というアラートがでる。画面が真っ白のままでこのアラートはユーザー体験としてひどすぎる。

標準モードでIE6で疑似フレーム(position:fixed;もどき)

IE6 以外では、position: fixed; がサポートされているのでどうってことはないが、IE6は position: fixed; が使えないので、ごにょごにょしてなんとかしないといけない。

効果てきめん!?

先日、タイトルと説明をいじった結果かな?

IE6でfloatした要素が兄要素のmarginを継承(?)する

出現条件を説明するのが難しい。IE6はfloatを指定した要素の親要素にwidth属性を指定するとfloatした要素の高さが親要素に含まれるバグがあります(詳しくはIEでfloat属性を指定した要素の親要素のborderが消えるバグを見て下さい)。このバグが発生している場合に、float属性を指定した子要素が兄要素に指定されているmargin-bottomを継承するみたい。

vertical-align属性と画像の垂直位置

どうも、IEだけ異なる挙動をするので、検証してみました。vertical-align 属性のキーワード指定の初期設定が違うだけなのかと思いきや。

ロールオーバーエフェクトなんて無くなればいいのに

以前、画像置換法の問題点について書きましたが、時は過ぎ、すっかり画像置換法のお世話になっています・・ 通常と hover 時の画像を1枚にしておくとプリロードの必要がないので便利です。ですが、最近は再び、その問題点についての議論が諸処で巻き起こっているようです。

mac版 Firefox でのフォント名指定

プラグインの対応状況を調査してないので、いまだに ver.1.5 です。
最近、mac版の表示フォントがおかしくなった。MS Pゴシックになってる。

Illustratorに付属の小塚フォントは商用使用できるか

ヒラギノに続き小塚です。
小塚は IllustratorCS2 にバンドルされていたと思うのですが、
定かではありません。違ってたらすいません・・・

kodzuka.gif

OSX付属のヒラギノは商用利用できるか

大日本スクリーン製造
字游工房

hiragino.gif

仕事ではモリサワで間に合うので使っていないが、素朴な疑問。

IE5.5を回避/IE5.5だけに適用

対応しなければいけない可能性がでてきたので windows 版IE5.5に関するCSSハックを調査。

NetStream.onStatusをASクラスファイル内で使う

FLVを再生するASクラスファイルを作成していて、ちょっとハマった。

ムービーの初期化をするメソッドinit()を定義して、その中でonStatus関数を定義しても、中からクラスのプロパティにアクセスできない。onStatusでムービーの終わりを検出して再初期化したいのだけど。

スタンドアローン版IE7がベーシック認証を越えられない

今のところ、表示確認しか使わないので、特に気にすることも無いかもしれないが・・・

AutomatorによるPDFの結合

mac は acrobat いらずです。

automator_icon.jpg

mac は acrobat をインストールしなくてもPDF形式で印刷できます。
これでも十分素晴らしいのですが、そのPDFを結合できるとは・・・!

IE6とIE7の共存環境構築のメモ

Windows Vista はさておき、来年の4月に Internet Explorer 7 が自動更新で提供されるらしいので、環境を作っておこう、ということでインストールしてみました。

windowsからairmac経由でCANON MP950を使う

mac からは当然カンタンなairmac(express)でのプリント。
windows ではかなりややこしい上に、こんな盲点があったとは・・・

Validな新規ウィンドウ

a要素のtarget属性は使用しないことが推奨されているが、別ウィンドウの必要性が無くなった訳ではないので、Valid な新規ウィンドウの開き方を考えてみた。既出かもしれませんが。

Firefox のデフォルトフォントサイズ

相対指定でも12px相当になるようなフォーマットを作っていたのだが。

float属性を指定した要素の親要素の高さ

2コラムレイアウトなどでfloatで左右に振る方法があるが、floatを指定した要素を包含する親要素のボックスは高さ0でレンダリングされてしまう。

FLV実験

FLVの実験。
とりあえず再生できたけど、このままだとロードが早すぎてストリーミング再生にならないな・・・

眠れぬ夜のTooltip+Simple API

寝付けなくて朝になってしまったので、Javascript で遊ぶ。

IEでの文書型宣言と(X)HTMLのレンダリング

たまたま、IE6でmarginプロパティによるセンタリングが再現できたので、原因を調査。

メイリオは本当に明瞭なのか

Microsoft の次期OS、Windows Vista で標準搭載される"メイリオ"。

メイリオを入れてみた - えむもじら

Flashの最大フレーム数

最近3分弱のムービーを作ったのですが、たかが3分といえど、大きい画角でBGMとか画像とか追加して行くと結構なファイルサイズになります。

¥に嵌る

Flashのダイナミックテキストに半角の円記号を出力しようとしてハマる(ハマったまま)。

Gmailをメインのメールクライアントにしようかと思案中

gmail.jpg

現在のところ招待でしか手に入らないGmailアカウントを折角、頂いたのでこれを活用しない手はない。で、困るのが携帯でアクセスできないってとこ。

lineToと疑似3Dのお勉強

休み中にちょっとだけ勉強。

MacBookProでIllustrator10

MacBookProにしてから、久々にIllustrator(10.0)をいじっていたら、temporary fileみたいな名前が数字だけのファイルがいっぱい発生。うーん、そろそろCSにすべきか・・・それ以外、使用上の問題点は特にないんですが。

Dreamweaverがテンプレートの編集可能領域外に勝手にjavascriptを追加して下さる件について

テンプレートをネストしてる場合の弊害ですが、いろいろ試した結果、回避方法がわかったのでメモ。

table周りのCSS

<table>関係のタグでのCSSの挙動について。

画像置換法と印刷

僕自身はこの画像置換法というやつは使ったことがありません。なぜかというと・・・

MTのDBをSQLiteに

MT3.2でBerkeley DBをSQLiteにコンバート。

Safariの文字列折り返し

width指定した<table>内の文字列折り返しで、Safariだと指定したwidthを越えてしまう現象を発見。

Lightbox JS

WEB2.0的なポップアップ画像の出し方。

Lightbox JS

MTでデータベースサイト化

使ったことのある人なら誰もが思う、CMSと呼ぶには、微妙に「痒いところに手が届かない」MT。このプラグインを使えば、痒いところに手が届くかも!

prototype.js

AJAXが声高に叫ばれる今日このごろ。とりあえず、これをやってみようかな。

Prototype is a JavaScript framework

ログ解析

技林さんのdopvSTAR*というログ解析を入れてみた。

mac-Bluetooth-W31Tでダイヤルアップ

忘れないうちにメモ。
W31Tを購入した時に実験して以来、ほぼ無用の長物だったUSB Bluetooth アダプタ。これで、ダイヤルアップができることが判明した。モバイルだ。ユビキタスだ(すでに死語?)。

国鉄方向幕フォント

やばいです。ものすごく創造意欲を掻き立てます。

「国鉄方向幕ロゴTTF/OTF」… JRの方向幕フォント

CSSの文字コード指定

ちょっと思い出したのでメモ。

Firefoxのデフォルトフォント

windows版のFirefoxではスタイルシートでMS Pゴシックを指定していても明朝系フォントになってしまう。なんでだろうと[ツール]-[オプション]を眺めていて思った。"Serif"が上にあるってことは"Sans-serif"の指定をしないと"Serif"を優先するのでは?

MTIfNonEmpty

MTタグに関するメモ。

<MTIfNonEmpty>を使って画像を表示するページとしないページを切り分けようと考えたのだが、どうもうまくいかない。

nodeValueの取得

action scriptでnodeValuenullになってしまい、苦戦しました。

スーパースクリーンショット

https://addons.mozilla.org/extensions/moreinfo.php?id=1146&vid=5435

FireFox使っている人は、こんな拡張いかがでしょう。
どんな長いページも一発スクリーンショット!!
これは便利だ!!

MOVABLE TYPEのテンプレートをドリで編集

DreamweaverでMovableTypeのテンプレートファイルを編集!
MOVABLE TYPE(以下MT)でCMSなサイトを作るにあたって、MTの管理画面でタグ編集なんてやってられない。ドリもっているんだからドリで編集したいなあと思って調べた。

MTインストール完了

MTをインストールしました。
初期設定でログインしたまではよかったものの、移動するたびにユーザ名とパスワードを入れないと進めないという症状に遭遇。

IEで画像の上下に余計なスペースが空く

CSSでコーディングしていると、<li>要素とか<td>要素に配置した画像の上下が妙にあいてたりするんだけど、これがひとつの要因ぽい。

リスト要素のスペース

<li>タグはmargin、paddingだけでは意図したスペースが指定できない場合がある。モダンブラウザではwidth、heightを指定するとイケテル。それでもIE6では2pxぐらい余分なスペースが空く。。。アンダースコア・ハックで別な値を指定しないとだめっぽい。。。

文字コードを宣言しないと

Safariで文字化けするのは<head>内で文字コードを宣言してないかららしい。
古いコンテンツを焼きなおすときは気をつけないとね。

上に戻る

Archives[アーカイブ]