DesignWalker » フォーム http://www.designwalker.com ロサンゼルスで働くウェブデザイナーの日記。 Wed, 29 Jun 2011 06:24:51 +0000 ja hourly 1 http://wordpress.org/?v=3.0 フォームのデザインいろいろ http://www.designwalker.com/2007/10/form-design.html http://www.designwalker.com/2007/10/form-design.html#comments Thu, 25 Oct 2007 17:44:07 +0000 admin http://new.designwalker.com/2007/10/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0%e3%81%ae%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%84%e3%82%8d%e3%81%84%e3%82%8d.html

ブログのコメントや、お問い合わせなどで使われるフォーム。

フォームをCSSできれいにデザインされているブログやウェブサイトをよく見かけます。

っちゅうわけで、本日はきれいにデザインされたフォームをいろいろ集めてみました。

1. The Watchmaker Project

2. Jonathan – Snook.ca

3. Infected-FX

4. Particletree

5. Binary Moon

6. 64k | Le blog de Soph et Ced

7. kgoule.com

8. Stu Nicholls | CSSplay

9. Tyssen Design

10. Niceforms

11. Microsoft® Expression®

12. rebelpixel productions

13. CSS Mania

14. Authentic Boredom

15. SaraJoy Pond

16. Picment.com

17. ShaunInman.com

18. A List Apart

どのサイトも、とってもきれいなフォームばかりですねぇ～。

]]> http://www.designwalker.com/2007/10/form-design.html/feed 0 OSとブラウザでのフォームの違いまとめ http://www.designwalker.com/2006/12/form.html http://www.designwalker.com/2006/12/form.html#comments Thu, 14 Dec 2006 18:11:37 +0000 admin http://new.designwalker.com/2006/12/os%e3%81%a8%e3%83%96%e3%83%a9%e3%82%a6%e3%82%b6%e3%81%a7%e3%81%ae%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0%e3%81%ae%e9%81%95%e3%81%84%e3%81%be%e3%81%a8%e3%82%81.html

ブログのコメントとか、メールとかで使われてるフォームですが、ボタンとか、テキストボックスってそれぞれのOSとかブラウザごとに微妙に違いがございます。

最近では、このブログの、コメントのところみたいに、CSSでフォームのデザインをいじってる人が多いですが。。何も指定しなかった場合は結構な違いがあるみたい。

っちゅうわけで、まとめ。

1. ボタン

buttons_d.png

2. セレクトボックス

select_d.png

3. テキストボックス

text_input_d.png

4. チェックボックス

checkboxes_d.png

5. ラジオボタン

radio_buttons_d.png

6. ファイルアップロード

file_d.png

OS、ブラウザごとに結構違いがありますねぇ。。。


]]> http://www.designwalker.com/2006/12/form.html/feed 0