かぴぶろぐ

またかぴったかと思った・・・(´A`;)

衝撃!デザインで使えるサイト

カテゴリ[ サンプルコード ]

フォームAjaxフォーム
http://www.noupe.com/css/47-excellent-ajax-css-forms.html
submitを使わずbuttonタグを使って彩る
http://particletree.com/features/rediscovering-the-button-element/

http://www.cssplay.co.uk/menu/form.htmlボタンが良い
http://www.badboy.ro/assets/articles/niceforms1.0/niceforms.htmlフォーム角丸
http://lipidity.com/fancy-form/チェックボタンがかっこいい
http://24ways.org/examples/showing-good-form/demo.html IPアドレスフィールドとかにいいかも

http://tetlaw.id.au/upload/dev/validation/ jsバリデーターこれかっこよすぎる
http://www.livevalidation.com/examples jsバリデーター。フォームの背景もよい
http://www.askthecssguy.com/examples/validationhints/formfieldhints.html jsバリデーターシンプルでかっこいい

http://digitalbush.com/projects/masked-input-plugin 日付整形とかすげー
http://wufoo.com/gallery/ これ最強
http://www.jotform.com/ これもすげい

http://www.shauninman.com/archive/2007/09/10/styling_file_inputs_with_css_and_the_dom inputtype=fileをimageに。

WEBジェネレータIzzyMenu.com メニューを作ってくれる
http://www.izzymenu.com/

formジェネレータいろいろ
http://caramel-tea.com/2006/03/form_generator/

メニュージェネレーター
http://www.cssmenumaker.com/index.php

デザイン集フォームパーツのデザイン集
http://www.smileycat.com/design_elements/

すげーぶろぐ紹介
http://e0166.blog89.fc2.com/blog-entry-384.html

クリーンなものからクリエイティブなものまで、フォームのデザイン集
http://coliss.com/articles/build-websites/operation/design/1013.html

黒くて渋くてかっこよい
http://vandelaydesign.com/blog/galleries/dark/

インパクトのあるウェブデザイン40選
http://www.designwalker.com/2008/02/impact-webdesigns.html

ブラウザの見え方チェック
http://browsershots.org/

テキストエリアドラッグ
http://www.itsavesyou.com/TextArea_Resizer_example.htm

OSのロゴやパーツ
http://www.designerstoolbox.com/designresources/elements/


無料で手に入るPhotoshopのPSDグラフィック集『Free PSD Graphics』
http://blog.creamu.com/mt/2008/05/photoshoppsdfree_psd_graphics.html
PSD FREEBEE
http://psdfreebee.com/


メニュースライドするメニュー
http://people.cs.uchicago.edu/~meweltman/sliding_tabs.html

Vista風なナビゲーションメニュー
http://web.hirot.jp/archives/000233.php


Dockメニュー作成javascript「A Mac OS X-style Dock In JavaScript」
http://www.skuare.net/2008/01/dockjavascripta_mac_os_xstyle.html
http://www.safalra.com/web-design/javascript/mac-style-dock/

ぼかしとかかっけー
http://d.hatena.ne.jp/aratako0/20080213/p1

かっこいいナビゲーションメニュー集『Navigation Menus: Trends and Examples』
http://www.smashingmagazine.com/2008/02/26/navigation-menus-trends-and-examples/

メニューいぱーい
http://www.noupe.com/ajax/13-awesome-java-script-css-menu.html

Photshopphotoshopで作る45のボタンメニューチュートリアル
http://gura5.blog120.fc2.com/blog-entry-56.html

PhotoshopのPSD素材を無料でダウンロードできる14の凄いサイト
http://digimaga.net/200805/14-amazing-free-photoshop-psd-resource-sites.html


ボタンボタンいぱーい
http://www.dragnet.se/webbdesign/button_collection.html


おまけベクター形式の車の画像素材。その数6000!
http://gura5.blog120.fc2.com/blog-entry-78.html



テクニックCSS で簡単にメニューの上下中央揃えを実現する
http://blog.webcreativepark.net/2008/03/17-020321.html

CSSでdivをまたいでCenter配置
http://bitesizestandards.com/files/77/cross-browser-transparency-example.html
CSS 3カラムレイアウト
http://www.pmob.co.uk/temp/3colfixedtest_4.htm
CSSレイアウトに詳しい
http://desperadoes.biz/style/dan/
CSS テクいぱーい
http://sixrevisions.com/css/30_css_techniques_examples
管理画面サンプル
http://webresourcesdepot.com/wp-content/uploads/file/admin-template/index.html#
CSS かっこいいイメージビューア Hoverbox Image Gallery
http://host.sonspring.com/hoverbox/#
CSS - dtをfloatする場合の注意点
http://www.d-spica.com/try/dt-float.html

CSSbuttonの基本みたいなもん
http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html

Footerを常に一番下に配置
http://ryanfait.com/sticky-footer/

Logo国内企業のロゴを網羅。ベクターデータでダウンロードできる「ロゴ&マーク大辞典!」
http://design-develop.net/design/logo-mark-daijiten.html
ロゴタンク(Logo Tank)
http://www.logo-tank.com/

ロゴデザインのインスピレーション
http://gura5.blog120.fc2.com/blog-entry-55.html

表示切替できるカレンダー
http://pixelspread.com/demo/calendar/


素材・アイコン50 Free Icon Sets
http://www.thewebsqueeze.com/articles/50-free-icon-sets-42.htm

デザイン素材.com 【無料Web素材・イラストアイコン・ライセンスフリー・商用利用可】
http://designsozai.com/

PSDアイコン集24
http://www.ganato.com/free_icons/free_icons.php

ステッカーのような可愛いフリーアイコン「Sticker Pack 2」
http://phpspot.org/blog/archives/2008/05/sticker_pack_2.html

http://kapi.jp/kapi_blog/143

2008年05月02日

この記事のコメント

この記事にコメントする