メニューの折りたたみ（滑らかバージョン） (ウェブのあれこれ格納庫)
ブログのサイドメニューなどでたまに見かける『メニューの折りたたみ』。 サイト内をスッキリできるとか実用的な面でのメリットもあるけど、ニョ～ンと伸びたりすると見た目的にもなんだかカッコイイよね(-∀- これを自分の力のみで作成するのは結構大変な話だけど、汎用性の高い javascript ライブラリを利用する事でわりと簡単に滑らかなアニメーション付き『メニューの折りたたみ』を作成する事が可能。 今回折りたたみ機能で使うライブラリは[ script.aculo.us ] URL: http://script.aculo.us/ ver. 1.7.0（2007.06.07現在） メニューに『 Who use it ? 』というのがあり、[ GUCCI ]や[ Apple ]などなど有名ブランドでも実装してるくらいの優れ物。 そんなワケで、[ script.aculo.us ]を利用した『
blockquoteでの引用を美しく表示するCSSサンプル:phpspot開発日誌
Natalie Downe Blog Archive Inline image quotes I have been meaning to write about this technique for some time now. The aim is a block quote looking something like this, with speech marks at the front and termination of the text but without the nastiness of inline images. blockquoteでの引用を美しく表示するCSS。 次のようなシンプルなblockquoteのHTMLがあったとします。 <blockquote cite="Brian Littrell"><p>Shoot for the moon. Even if
CSSだけで文字にドロップシャドウをつける方法（あまり良くない方法） | SIMPLE*SIMPLE
Jim Wimpeyさんのサイトで「CSSだけで文字にドロップシャドウをつける方法」が紹介されていました。これ、便利そう。 » Good-Looking, Sharp Offset, CSS Text Styling 実例はこちら。 ↑ 適用前。 ↑ 適用後。かっくいい。 やり方はいわれてみれば簡単で、1pxずらして影をつけただけ（というか影を先に書くのか）。 実際のコードは以下のような感じですね。スタイルシートには次のように記述します。 h1 { color: #000; position: relative; } h1 span { color: #fff; display: block; position: absolute; top: -1px; left: -1px; } 実際のHTMLの方はこんな感じ。 <h1><span>Lorem Ipsum</span>Lorem Ips
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryでの開閉式のアコーディオンの動きいろいろ | CSS Lecture
oitake blog ブルブル 3