小粋なインターフェースを実現する25のコード (パート3)

SPONSORED LINK

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

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

edit_in_place.gif

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

fader.gif

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

css_button.gif

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

tree.gif

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

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

» 25 Code Snippets for Web Designers (Part3)

SPONSORED LINK

このエントリーを共有する

  • このエントリーをはてなブックマークに追加