お問い合わせやアンケートなどユーザーとの窓口に様々なWEBサイト、WEBサービスで利用されているフォーム。今日紹介する「20+ Resources and Tutorials for Creative Forms using CSS」はクリエイティブなフォームをCSSで実現する為のTipsをまとめたエントリーです。
20+ Resources and Tutorials for Creative Forms using CSS
今日はその中からいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
■Adding Style with CSS
シンプルながら、チョットした所を気にしたフォームデザイン。サンプルのソースがダウンロードできるようになっています。
■Turn postcard photo into a stunning comment form using CSS
手紙のようなアナログ感のあるメールフォーム。こちらもサンプルのソースがダウンロードできるようになっています。
■Niceforms
テキストボックスが角丸だったり、タブメニューに色がついていたりとクリエイティブなフォーム。ソースファイル有り！
上記の他にも全部で20個のTipsやリソースが公開されています。ユーザーとの接点だからこそ気を使うべき所なのかもしれませんね。味気ないただテキストボックスが並んでいるフォームがちょっと気に食わな買ったと言う方は是非原文もごらんください。
20+ Resources and Tutorials for Creative Forms using CSS : Speckyboy Design Magazine
Related Articles:
- 商用可！Twitterアイコンセット「50 Free and Exclusive Twitter Icons」
- クリエイティブでユニークなWEBデザイン集「25 Websites with Creative and Unique Layouts」
- ワンページにすべてをおさめるWEBデザイン集「41 Sleek Single Page Websites」
- 好きな色でダウンロードできるアイコンセット「iconza」
- 音楽プレイヤーからスライドショーまでjQueryチュートリアル10「Top10 Simplest jQuery Tutorial」
One Trackback
[...] クリエイティブなフォームをCSSで実現する為のTips「20+ Resources and Tutorials for Creative Forms using CSS」 | DesignDevelop クリエイティブなフォームをCSSで実現する為のTips「20+ Resources and Tutorials fo [...]