CSS
2007年04月19日
サイトマップ作成にも便利なAJAXとCSSのメニューサンプル18サイト!
知っておいて損はないAJAXやCSSを駆使したタブインターフェース18種類 - GIGAZINE
AJAXやCSSをしたメニューのサンプルです。
アプリケーションでAjaxとCSSのメニューを生成できるサイトまで登場しました。
その内、DreamWeaverやGoliveにも機能が搭載されそうですね。
どれも良い感じで、中ではWindowsやMacintoshのウインドウをイメージして作られたメニューは最高!
コンテンツが多くなってくるとどうしても縦に長くなってしまうサイトマップなんかで使えそうですね。
デザインもここまで来ると難しいなと色々悩んでいましたが、まずは完成したものが増えてきましたので見て研究するのが一番だなと思いました。
関連リンク|サイトマップ|AJAX|CSS|メニュー|デザイン|サンプル|Windows|Macintosh
posted by Buzzurl[バザール]
2007年03月13日
CSSのfont-family:ヒラギノとMS Pゴシックとメイリオの悩ましい関係 : webデザイナーのナナメガキ
webデザイナーのナナメガキ: CSSのfont-family:ヒラギノとMS Pゴシックとメイリオの悩ましい関係
DOCTYPE(ドキュタイプ)文字コードによってい表示が変わってしまう問題。
CSSで作成すると、最初に文字コードを決めておくという事はかなり重要。
margin(マージン)とpadding(パディング)の計算方法が違ってくるからだ。
更に、フォントの高さがブラウザによって違うのも悩ましいところだ。
これはブラウザ側の問題に感じるがなかなか改善されない。
IEとFirefoxでもかなり違う。Macはもっと違ってきますからね・・・涙。
今回、紹介したサイトは文字コードによって変わってしまうケースの例と対応方法が書かれているので参考にしたい。
関連リンク|CSS|font-family|ヒラギノ|MS Pゴシック|フォント|レイアウト|ブラウザ|文字コード
posted by Buzzurl[バザール]
2007年03月09日
最高品質のCSSメニューナビゲーションのサンプル(一押し8サイト)
2007年03月08日
CSSでやってはいけないこと!画像置換は禁止?!
CSSで「text-indent:-9999px;」や「display:none;」の画像置換は使ってはいけない : webデザイナーのナナメガキ
取り急ぎブックマーク。結構、このやり方で作っていました。自分のサイトならともかくお客さんのサイトでこれを進めてはマズイですね。display:none;がダメなのは知ってましたが、text-indent:-9999px;もダメとは・・・。簡単な方法がどんどん厳しくなっていくように思えますが、一度、使えばまた使えるのがCSSの良いところでもあります。少しずつキレイなソースが書けるようにがんばっていきたいと思います。
posted by Buzzurl[バザール]