#pragma section-numbers off
[[TableOfContents]]

= 概要 =
Webをデザインする時は非常に苦労します。デザインセンスがあるわけではないので。。

[http://www.designvitality.com/blog/2007/07/the-open-source-web-design-toolbox-100-tools-resources-and-template-sources/ Design Vitality > The Open Source Web Design Toolbox: 100 Web Design Template Sources, Tools and Resources]

[http://www.kotono8.com/2006/10/26mobile.html ケータイ族の特性を生かしたケータイサイトの作り方 絵文録ことのは 2006/10/26]

[http://websae.net/wireframe-20150303/ HP作成の初心者でワイヤーフレームの作り方をよく知らない人へ]

= 運営指針系 =
[http://way101.net/column/muunoo.htm ムーノーローカルに学ぶサイト運営の心構え]

[http://www.kk19.net/1213/moonooday.htm １２／１３はムーノーデー♪]

[http://www.yasuhisa.com/could/entries/000585.php C O U L D：サイトはこう見られる]

= ユーザビリティ =
別にWebだけの事ではありませんが、とりあえずここに分類しておきます。

[http://developer.yahoo.net/ypatterns/index.php Yahoo! Design Pattern Library]:Yahoo!でのデザイン部品関連

[http://members.jcom.home.ne.jp/jintrick/Personal/index.html Personnel]ウェブページの利用と作成に関するサイト

http://www.usability.gr.jp/

[http://iidateruhisa.fc2web.com/ THE 管理人〜管理人への嘆願〜]：みやすいサイトとはどんなか

[http://nekoshiki.poke1.jp/guidline/ Webデザイン指針 一覧]

[[ASIN(4839913110 Designing with Web Standards―XHTML+CSSを中心とした「Web標準」によるデザインの実践)]]：Zeldman

[http://togetter.com/li/8513 Togetter - まとめ「pukiwiki、はてなトップページの妙な恐怖感」]

http://www.siiimple.com/

= ライブラリ =
 * [https://github.com/OfficeDev/Office-UI-Fabric OfficeDev/Office-UI-Fabric · GitHub]
 * [http://developer.yahoo.com/yui/ The Yahoo! User Interface Library (YUI)]
 * [http://developer.yahoo.com/yui/grids/ Yahoo! UI Library: Grids CSS]はCSSデザインするときかなり便利です
 * [http://mtl.recruit.co.jp/sandbox/rui/ リクルート WEBサービス UI Library]

== Bootstrap ==
 * [http://getbootstrap.com/ Bootstrap · The world's most popular mobile-first and responsive front-end framework.]
 * [http://startbootstrap.com/template-overviews/sb-admin-2/ SB Admin 2 - Free Bootstrap Admin Theme - Start Bootstrap]

 * [https://almsaeedstudio.com/ Free Bootstrap Admin Template]
 * [http://todc.github.io/todc-bootstrap/ TODC Bootstrap · A Google-styled theme for Bootstrap.]
 * [https://select2.github.io/examples.html Examples - Select2]
 * [https://github.com/todc/todc-select2 todc/todc-select2 · GitHub]
 * [http://keenthemes.com/preview/metronic/ Metronic Bootstrap Admin Dashboard Theme]

= 素材関連 =
 * [http://www.famfamfam.com/lab/icons/mini/ famfamfam.com: Mini Icons]：Free
 * [http://www.iconspedia.com/ Icons & Icon Packs - Download Free PNG Icons | IconsPedia]
 * [http://openclipart.org/ Open Clip Art Library Drawing Together]：public domain
 * [http://19eighty7.com/icons Icons : 19eighty7]：GPL
 * [http://thenounproject.com/ The Noun Project]：CCライセンスのためライセンス内容確認のこと

[http://www.iconsweets2.com/ iconSweets2 — Yummygum]

[http://speckyboy.com/2009/02/02/50-of-the-best-ever-web-development-design-and-application-icon-sets/ 50 of the Best Ever Web Development, Design and Application Icon Sets]

[http://www.greepit.com/open-source-icons-gcons/ Open Source Icons - gcons]

[http://www.moodflow.com/Wallpapers.html MoodFlow.com | Fantasy Wallpapers | Mood-Inspiring Music | Fantasy Art]：非商用、変更しないなら利用は自由

[http://www.vladstudio.com/ja/home/ Vladstudio.com - free desktop wallpapers, widescreen, dual monitors, iPhone wallpapers, backgrounds for mobile phones, wallpaper clocks, e-cards]：非商用、変更不可、サイトへのリンクを実施するなら利用は自由

[http://photo.v-colors.com/ PHOTO STOCKER フォトストッカーは無料の写真素材配布サイトです。 商用利用もOK!]



[http://eyes-art.com/pic/ EyesPic - フリー画像素材]

[http://www.iconsweets.com/ iconSweets » Free icons by Yummygum]

[http://www.desktopnexus.com/ Desktop Nexus Wallpapers - Wallpaper, Desktop Wallpapers, Computer Backgrounds]

[http://www.best-wallpapers.com/ Free Computer Desktop Wallpapers & Animated Backgrounds]

[http://openclipart.org/index.php?PHPSESSID=24c518a98febfa25adde1b9bab8fa209 Open Clip Art Library :: openclipart.org]

[http://phpspot.org/blog/archives/2006/10/free_logo_maker.html クールなロゴをオンラインでお手軽作成「FREE Logo Maker」:phpspot開発日誌]

http://www.sxc.hu/

http://www.stockxpert.com/

http://www.burningwell.org/gallery2/main.php

http://www.freephotosbank.com/

http://www.iconarchive.com/

= デザインテンプレート =
Free、および商用のデザインテンプレートが存在します。

[http://www.templateworld.com/free_templates.html TemplateWorld - FREE Website Templates (Valid XHTML And CSS)]：リンクは必須のようだが、フリーで利用できるらしいテンプレート郡

[http://phpspot.org/blog/archives/2006/10/80zymic.html 80種類のフリーのテンプレート配布とチュートリアルサイト「Zymic」:phpspot開発日誌]

[http://zymic.com/show_templates.php?id=1 Zymic ¨ Free Templates & Tutorials]

[http://www.opendesigns.org/ Open Design Community - Download Free Web Design Templates - OpenDesigns.org]

[http://www.freecsstemplates.org/ Download free CSS templates - Free CSS Templates]

[http://choco--late.com/archives/198 １００の無料で使えるWebデザイン テンプレートとツールのまとめ | Chocolate（チョコレート）]

== OSWD ==
Freeのデザインテンプレート配布サイト

http://www.oswd.org/

上記サイトのデザインは利用制限がありません。直接そのまま利用するのではなく多少改変して利用した方がいいでしょう。

http://www.oswd.org/userinfo.phtml?user=haran

http://www.oswd.org/viewdesign.phtml?id=1083&referer=%2Fuserinfo.phtml%3Fuser%3Dnix

http://www.oswd.org/viewdesign.phtml?id=1084&referer=/search.php?type=advanced&validtype=xhtml1_0strict&contrast=darkonlight&pricolor=any&seccolor=any&category=any&css=on&x=30&y=3

http://www.oswd.org/userinfo.phtml?user=shaniber

http://members.aardvark.net.au/haran/oswd/

== TemplatesBox.com ==

[http://gigazine.net/index.php?/news/comments/20060716_templatesbox/ GIGAZINE - 高品質でフリーのウェブサイトテンプレート集「TemplatesBox.com」]

== templatemonster ==
テンプレート販売サイト

[http://www.templatemonster.com/ (Website Templates | Flash Templates | Web Templates) templatemonster]

[http://www.templatemonster.co.jp/ ホームページ・Flashテンプレートのテンプレートモンスタージャパン]

= favicon =

http://www.tokyo-ouja.com/favicon/

http://www.chami.com/html-kit/services/favicon/

= アクセス制御 =
[http://www.futomi.com/lecture/env_var/http_user_agent.html futomi's CGI Cafe - 環境変数 HTTP_USER_AGENT]

= ツール =
http://design.fujitsu.com/jp/universal/assistance/colorselector/

http://design.fujitsu.com/jp/universal/assistance/webinspector/

= 関連 =
ContentManagementSystem 

CascadingStyleSheets 

[[ASIN(4839913765 ノンデザイナーズ・デザインブック Second Edition: 本)]]

[[ASIN(4844356399 配色アイデア見本帳MdN design basics: 本)]]

[http://labs.unoh.net/2006/11/web.html ウノウラボ Unoh Labs: デザインセンスの無い人がwebサイトを作成する際に参考にしているサイト]


= 参考サイト =

----
CategoryWebTechnology