library

8 件の記事

facebox.jsの角丸をIE6でも実現する方法

先日の「facebox.jsを使用してIE6だとセレクトボックスが前面に出てしまう件の対処法」に引き続き、今日も似たようなネタですが、この記事に、次のようなコメントを頂きましたので、その対処法を紹介します。 facebox.jsを使用してIE6だとセレクトボックスが前面に出てしまう件の対処法 - かたつむりくんのWWW ほっとひと安心したところまたひとつ問題が... 調べるとこれもIE6のバグ(未...

facebox.jsを使用してIE6だとセレクトボックスが前面に出てしまう件の対処法

昨日、「Facebox 1.2 - LightBox風に角丸で画像をポップアップ」という記事に次のようなコメントをいただいたので、その対処法を考えてみました。 そんな中、もう一つだけ困ったことが出てきてしまいました。 絶対にプルダウンリストが必要な画面で使いたいのですが、 IE6のバグでプルダウンが前面に表示されてしまうのです...。 サンプルにプルダウンを付けてみました。(IE6のみ変なようです...

google-code-prettify + jQuery でソースコードをハイライトする

ソースコードをハイライト表示してくれる JavaScript ライブラリは数多くありますが、今回、このブログに google-code-prettify というライブラリを導入してみました。 少し前までは dp.SyntaxHighlighter(ソースコードをカラフルに読みやすくする - dp.SyntaxHighlighter )を使っていましたが、どうもイマイチ好きになれなかったので使用を...

Facebox 1.2 - LightBox風に角丸で画像をポップアップ

Facebox 1.2を導入してみました。 これまで、画像のポップアップ表示には yuga.js で使われていた「ThickBox 3.1」を使用していました。ThickBox 3.1 は非常に軽い動作で良いのですが、ブラウザの表示領域より大きい画像を表示させると、自動的に縮小されてしまいます。この自動縮小は基本的には便利なんだけど、画像に書かれている文字も読ませたいときなどはちょっと不便になっ...

yuga.js 0.5.3 にアップデート

yuga.js を、0.5.1 から 0.5.3 にアップデートしました。 0.5.1 のファイルを少しだけ自分で変更していた部分があったので、一度「WinMerge 日本語版」で2つのファイルを比較して最新版を修正するという手間がかかってしまいました(物忘れが激しいので)。...

yuga.js 0.5.1 を導入してみた

yuga.js 0.5.1 - 優雅なWeb制作のためのJavaScriptをこのブログで使ってみました。 これがどういった機能があるのか、また導入方法はyuga.js 0.4.2 - 優雅なWeb制作のためのJSとデモ(CSS HappyLife)で説明されています。ただし、こちらはyuga.js 0.4.2の説明なので、最新版の0.5.1はちょっとだけ変わっています。変更点と最新版のダウンロー...

画像もHTMLもオーバーレイ表示 - ThickBox 3

2008-02-27 説明を詳しくしました。 画像やHTMLをオーバーレイで表示するAjaxライブラリ、ThickBox 3.1を導入しました。導入方法は【ハウツー】ゼロからはじめるThickBox 3 - 画像もHTMLファイルもスイスイ表示(マイコミジャーナル)を見れば問題なく導入できると思いますが、ここでも素人なりに丁寧に手順を載せておきます。 まず簡単なサンプル作ったので見てやってください...

ソースコードをカラフルに読みやすくする - dp.SyntaxHighlighter

いろいろな人のブログを見ていると、ソースコードがとても見やすく載っているので、どうやってるのかな~と思ってぐぐってみました。行き着いたのがdp.SyntaxHighlighterというJavaScriptライブラリです。 僕もさっそく導入してみました。参考にしたのは「dp.SyntaxHighlighter - Movable Type備忘録」です。結構苦戦しましたが、一応うまくいったので自分がや...