[B! css] [5ページ] u1_113のブックマーク

Google Code Archive - Long-term storage for Google Code Project Hosting.

Code Archive Skip to content Google About Google Privacy Terms

u1_113 2008/11/25

フォームをきれいにレイアウトするフレームワーク

design
css

リンク

複雑なCSSレイアウトもサクッと実装できるCSSフレームワーク「emastic」:phpspot開発日誌

emastic - Google Code 複雑なCSSレイアウトもサクッと実装できるCSSフレームワーク「emastic」。以下はemasticを使ったサンプルレイアウトです。例えば、次のように書くと、20 : 20 : 30 の比率で３つのブロックが生成されます。 <div class="dr20"> 20 em </div> <div class="dr20"> 20 em </div> <div class="dr30"> 30 em </div> <div class="clear"> </div> 次のようなレイアウトも簡単に作れます。もちろん、クロスブラウザ。複雑なレイアウトを素早く作りたい場合に使えそうですね。関連エントリ Yahoo!が提供するレイアウト用CSSライブラリ

u1_113 2008/11/25

css

リンク

CSSでルビを表示する - mukaken's blog

銑鉄網(暫定公開版)さんのページにて配布されているファイルです。凄くきれいに表示できるルビのCSSを発見しました。いままでｈFxやSafariなどではきれいに表示できなかったのですが、これだときれいに表示できます。元ファイル http://roheisen.net/dl/sim2ruby.css （銑鉄網(暫定公開版)さんのページにて配布されているファイルです。）以下、一部抜粋したものです。 @charset "UTF-8"; /* 主にWii用の指定 */ @media tv { /* ルビの縦ずれを補正 rbやrtのfont-size、line-heightによらず0.5em */ html body ruby { padding-bottom: 0.5em; } } /* ruby（ルビ文字組み全体のインライン領域） ------------------------------

u1_113 2008/11/25

リンク

[JS]グラデーションのように色が変化するナビゲーション

david walsh blogのエントリーから、マウスオーバーに合わせてグラデーションのように背景色が変化するナビゲーションを実装するスクリプトを紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <ul> <li><a href="#" class="nav">Nav It em 1</a></li> <li><a href="#" class="nav">Nav It em 2</a></li> <li><a href="#" class="nav">Nav It em 3</a></li> <li><a href="#" class="nav">Nav It em 4</a></li> <li><a href="#" class="nav">Nav It em 5</a></li> </ul> </textarea>