デフォルトスタイルをリセットするCSS - Good Sleep｜Webデザイナーの日々のスキマ
リセットCSSとフォントCSS｜Web Designing 4月号 Web Designing４月号の特集「“読みやすさ”のためのXHTML＋CSSデザイン」は、スタイルシート中級者とって非常に役立つ特集でした。 僕も今まで本や既存のサイトを参考にしながら、毎回いろいろと試行錯誤してCSSを組んできましたが、リセット用CSSとフォント用CSSに関しては、今回スッキリとまとまったような気がします。 基本はYahoo! UI Libraryの「YUI Reset CSS」と「YUI Fonts CSS」を使います。ただし、YUI Fonts CSSは英字を想定しているので、カスタマイズした方がいいです。 それでは、サンプルはこちらから（それぞれのスタイルシートが開きますので、コピーしてお使い下さい） リセット用CSS フォント用CSS また、もっと上級者の方には下記のサイトで実践と解説されてい
JavaScriptでプルダウンメニュー - Good Sleep｜Webデザイナーの日々のスキマ
ドロップダウンメニュー｜DropDownMenu.js プルダウンメニュー化する方法もいろいろあるみたいですが、今回紹介させてもらうのは、JavaScript + Ajax 実践サンプル集さんのドロップダウンメニューです。 タブの「分割コード」をクリックすると、JavaScript、css、htmlのソースが記述されているので、コピー＆ペーストで使えるようになっています。 いままでプルダウンメニューをいろいろと試してみたんですが、ブラウザによる表示のズレもなく、画像も問題なく使えました。何よりいつも使っているJavaScript（画像のロールオーバー時に使用）との相性も良かったので気に入っています。 編集も簡単なのでオススメの一品です。 では、サンプルです。 ↑このサンプルはこちらからダウンロードできます。 他にもfaLogさんのCSS(とJS)でシンプルなドロップダウンメニュー - 2と
JavaScriptで階層型プルダウンメニュー - Good Sleep｜Webデザイナーの日々のスキマ
Ajaxで作る階層型メニューバー｜SpryMenuBar.js 以前、「JavaScriptでプルダウンメニュー（DropDownMenu.js）」という記事をこのブログで紹介しました。するとこの前、階層を増やしたサンプルはできませんか？という問い合わせがあり、試しに作ってみたしだいです。 以前プルダウンメニューを作る際、実は右の本に出ていたSpryMenuBar.jsを使って作ろうと思っていました。ただ、CSSの設定が結構複雑でちょっと触るとレイアウトが崩れてしまうし、ウチの環境では、IE6で２階層目のメニューがズレて表示されてしまうので、別の方法で作りました。それが前回のDropDownMenu.jsを使った方法です。 しかし、DropDownMenu.jsで３階層目を作ろうとした所、結構大変だという事が分かり、もう一度、SpryMenuBar.jsに挑戦せざるを得なくなりました。 S
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
