CSS

2007年04月19日

サイトマップ作成にも便利なAJAXとCSSのメニューサンプル18サイト!3

知っておいて損はないAJAXやCSSを駆使したタブインターフェース18種類 - GIGAZINEこのエントリーを含むBuzzurlこのエントリーを含むBuzzurl



AJAXやCSSをしたメニューのサンプルです。

アプリケーションでAjaxとCSSのメニューを生成できるサイトまで登場しました。
その内、DreamWeaverやGoliveにも機能が搭載されそうですね。

どれも良い感じで、中ではWindowsやMacintoshのウインドウをイメージして作られたメニューは最高!
コンテンツが多くなってくるとどうしても縦に長くなってしまうサイトマップなんかで使えそうですね。
デザインもここまで来ると難しいなと色々悩んでいましたが、まずは完成したものが増えてきましたので見て研究するのが一番だなと思いました。



関連リンク|サイトマップAJAXCSSメニューデザインサンプルWindowsMacintosh



posted by Buzzurl[バザール]



hyrox at 10:16|Permalinkclip!

2007年03月13日

CSSのfont-family:ヒラギノとMS Pゴシックとメイリオの悩ましい関係 : webデザイナーのナナメガキ

webデザイナーのナナメガキ: CSSのfont-family:ヒラギノとMS Pゴシックとメイリオの悩ましい関係このエントリーを含むBuzzurlこのエントリーを含むBuzzurl

DOCTYPE(ドキュタイプ)文字コードによってい表示が変わってしまう問題。
CSSで作成すると、最初に文字コードを決めておくという事はかなり重要。
margin(マージン)とpadding(パディング)の計算方法が違ってくるからだ。
更に、フォントの高さがブラウザによって違うのも悩ましいところだ。
これはブラウザ側の問題に感じるがなかなか改善されない。
IEとFirefoxでもかなり違う。Macはもっと違ってきますからね・・・涙。
今回、紹介したサイトは文字コードによって変わってしまうケースの例と対応方法が書かれているので参考にしたい。


関連リンク|CSSfont-familyヒラギノMS Pゴシックフォントレイアウトブラウザ文字コード


posted by Buzzurl[バザール]



hyrox at 16:49|Permalinkclip!

2007年03月09日

最高品質のCSSメニューナビゲーションのサンプル(一押し8サイト)4

最高品質のCSSメニューナビゲーションデザイン(8種類)このエントリーを含むBuzzurlこのエントリーを含むBuzzurl

CSSで作られたナビゲーションやメニューのサンプルがありました。
8サイト分ありまして、どのサイトもかなり作り込んでいます。
サンプルには圧縮ファイルのダウンロードもできますので、
BLOGやホームページにちょっと変わったナビゲーションがほしいって人にはいいかな。
OSXのDOCK形式メニューはかなりめずらしいですね。
見てみると、左が基準で伸び縮みするのでちょっと違和感ありますけどね。
ちょこっとカスタマイズしてデザインで使用したいですね。



関連リンク|CSSメニューナビゲーションデザインホームページサンプルAppleMacintosh



posted by Buzzurl[バザール]



hyrox at 22:57|Permalinkclip!

2007年03月08日

CSSでやってはいけないこと!画像置換は禁止?!2

CSSで「text-indent:-9999px;」や「display:none;」の画像置換は使ってはいけない : webデザイナーのナナメガキこのエントリーを含むBuzzurlこのエントリーを含むBuzzurl

取り急ぎブックマーク。結構、このやり方で作っていました。自分のサイトならともかくお客さんのサイトでこれを進めてはマズイですね。display:none;がダメなのは知ってましたが、text-indent:-9999px;もダメとは・・・。簡単な方法がどんどん厳しくなっていくように思えますが、一度、使えばまた使えるのがCSSの良いところでもあります。少しずつキレイなソースが書けるようにがんばっていきたいと思います。


関連リンク|CSS画像置換使用禁止ソース


posted by Buzzurl[バザール]



hyrox at 17:57|Permalinkclip!