小粋なインターフェースを実現する25のコード (パート3)
April 18, 2007 9:06 AM written by

シリーズもの第三弾が発表されていました。ウェブ製作に使えるちょっとした小技集です。パート1と2もあわせてどうぞ。

今回も全部で25個ありますが、気になったものをいくつかピックアップ。

edit_in_place.gif

↑ Flickrのようにクリックするとその場で編集できるようにする方法。

fader.gif

↑ テキストがフェードイン、フェードアウトしていくような効果を作る方法。

css_button.gif

↑ CSSだけで上のようなボタンを作る方法。

tree.gif

↑ CSSだけでリストをこのようなツリーのようにする方法。

全部見たい方は以下からどうぞ。一度試しておくと技の幅が広がりそうですね。

» 25 Code Snippets for Web Designers (Part3)

この記事のトラックバックURL (トラックバックは承認後に公開されます)

コメント一覧

コメント投稿 (コメントは承認後に公開されます)

名前
メールアドレス (表示されませんのでご安心を)
URL
情報保存?
コメント
※ Let's Add Value. Thank You.

クリエイティブ・コモンズ・ライセンス

ユーザビリティ向上支援ビービット
Usability tested by BeBit

Powered by
MovableType 3.34

Icons powered by famfamfam.

人気ブログランキング - 100SHIKI
ワード