前の記事 ≪:2011年8月5日 管理人のブックマーク
次の記事 ≫:Google+風の円形リストを作成できるjQueryプラグイン「CircleList」

appleスタイルのクールなインプットフィールド実装チュートリアル

2011年08月06日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
Creating an Apple-Style Input Field With Display Labels | Design Shack

appleスタイルのクールなインプットフィールド実装チュートリアルが公開されています。
次のようにグラデーションがかかっており、カーソルをあわせると青くハイライトされます。
普通のインプットフィールドと比べてなかなかかっこ良くなってます。サンプルのダウンロードも可能



デモページ

border-radius、text-shadowなどCSS3を駆使してるようです。

関連エントリ
関連の記事検索:apple, チュートリアル, jQuery, CSS3, Webデザイン
スポンサード リンク

By.KJ : 2011年08月06日 12:04 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)