css3 demo photo zoom

http://www.tympanus.net/Tutorials/PhotoZoomOutEffect/

Rich Snippet Tool Google

http://www.google.com/webmasters/tools/richsnippets?url=http://2009.dconstruct.org/&view=

マイクのHTML5の訳

http://www.w3.org/TR/2010/WD-html-markup-20100304/

フリーでつかえる素材集

http://abduzeedo.com/amazing-design-freebies-3

IE９がサポートするCSS3

CSS3 セレクター

CSSでスピーチバブル

http://nicolasgallagher.com/demo/pure-css-speech-bubbles/bubbles.html

CSS3gradientとフォールバックについて

http://tumblog.themeforest.net/post/429561339/speed-up-with-css3-gradients-webkit-browsers

iPhone ユーザーキーパッド

http://developer.apple.com/safari/library/codinghowtos/Mobile/UserExperience/index.html#GENERAL-CONTROL_WHICH_KEYBOARD_IS_DISPLAYED_WHEN_A_USER_TOUCHES_A_TEXT_FIELD

HTML5 video demo

http://jilion.com/sublime/video

オフィスアイコン

http://vandelaydesign.com/blog/site-news/office-icons/

超ハイクオリティなフォント、しかも無料

http://webdesignledger.com/freebies/20-high-quality-free-fonts-for-designers

CSS3 コレクション

http://owltastic.com/2010/01/a-collection-of-css3-awesomeness/

オンライン画像ツール10選

http://www.1stwebdesigner.com/design/online-photoshop-alternatives-photo-editing/

3Dアイコン20選

http://www.pinkmoustache.net/20-amazing-3d-social-icons/

ウェブフォントにピッタリなフォント

http://www.paper-leaf.com/blog/2010/02/10-best-font-face-fonts/

ベクターデザインテンプレート

http://www.orphicpixel.com/vector-design-freebies/

twitter アイコンセットVol2

http://www.yourinspirationweb.com/en/trends-in-webdesign-free-icons-and-inspiration-for-twitter/

すばらしいナビゲーションのデザイン

http://webdesignledger.com/inspiration/a-showcase-of-website-navigations-with-serious-click-appeal

わすれがちなCSSセレクター

http://www.456bereastreet.com/archive/201002/forgotten_css_selectors/

バレンタインの壁紙65選

http://www.graphicmania.net/65-cute-valentines-wallpapers-collection/

フローラルなタイポグラフィー

http://vandelaydesign.com/blog/design/showcase-of-floral-typography/

隠し絵

http://www.webdesignerdepot.com/2010/02/the-hidden-art-of-camouflage-photography/

５つの実践的Ajaxの使い方

http://designreviver.com/tips/5-practical-ways-using-ajax/

究極のフリーフォント集

http://www.webbyfreebies.com/fonts/12-mind-blowing-collections-of-free-fonts/

大きくて太字のロゴデザイン：ダークな感じ

http://www.mostinspired.com/blog/2010/02/01/monday-marvels-13-big-blod-light-on-dark-designs/

無料！細字のフォント30選

http://aext.net/2009/09/30-thin-and-light-fonts-that-should-not-be-free/

無料の写真ダウンロードサイト30選

http://www.webdesignbooth.com/30-websites-to-download-free-stock-photos/

ユニークなロゴデザイン

http://www.logonest.com/2010/01/40-amazingly-clever-and-unique-logo-designs/

すばらしいデジタルペイント

http://www.designzzz.com/digital-paintings-by-gary-tonge/

iPadアイコン

http://line25.com/articles/free-apple-ipad-icon-set-for-your-website-designs

クリエイティブなフッター

http://webtoolfeed.com/blog/2010/01/25-creative-footer-designs/

クリエイティブなフッターデザイン25

http://webtoolfeed.com/blog/2010/01/25-creative-footer-designs/

UXシンプルデザイン 2010

http://www.webdesignerwall.com/trends/what-to-expect-in-2010-uxui-design-simplicity/

ウェブデザインのコントラストについて

http://webdesignledger.com/tips/the-principle-of-contrast-in-web-design

ショッピングサイト作品例

http://www.pvmgarage.com/en/2010/01/digging-into-e-commerce-website-design-overview-best-practices-and-examples/

グランジテキスチャー

http://grungetextures.com/

ロイヤリティフリー写真 150

http://www.animhut.com/inspiration/huge-list-for-royalty-free-stock-images/

超シンプルな仕事場

http://www.webdesignerdepot.com/2010/02/a-showcase-of-minimalist-workstations/

Multiple background （非公開用）

http://snook.ca/archives/html_and_css/multiple-bg-css-gradients

グランジや手書きのアイコン20選

http://webdesignledger.com/freebies/20-different-and-beautiful-icon-sets

200+トップアイコン2009

http://www.webdeveloperjuice.com/2009/12/24/200-icon-set-from-top-6-best-web-resources-for-designers/

高品質な背景テキスチャー30選

http://www.graphicmania.net/30-high-quality-cg-textures/

煙のアート30選

http://www.graphicmania.net/30-art-of-smoke-creative-collection/

Jason Santa Maria のおすすめデザイン本 Part2

http://jasonsantamaria.com/articles/on-the-subject-of-design-2/

ナイスオレンジデザイン

http://cappuccino.org/

素晴らしいヘッダーのウェブサイト35選

http://net.tutsplus.com/articles/web-roundups/inspiration-35-wonderful-website-headers

フォトショップ20年の歴史

http://www.webdesignerdepot.com/2010/02/20-years-of-adobe-photoshop/

デザイナーの為のバレンタインデーのギフトのアイディア集

http://www.viget.com/inspire/valentines-day-gift-ideas-for-designers

インスピレーションを受けるポートフォリオサイト50選

http://webdesignledger.com/inspiration/50-inspiring-portfolio-designs

４０４ページ14選

http://www.webdeveloperjuice.com/2010/01/28/14-funny-yet-creative-404-error-pages/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed:+WebDeveloperJuice+(Web+Developer+Juice+-+Jquery,+css+,+html,+ajax+,php+and+photoshop++tutorials)

まちがいないウェブデザインのヒントを得るための11選

http://www.webdeveloperjuice.com/2010/02/01/11-promising-resources-to-submit-your-web-design-and-development-related-articles-for-good-traffic-hike-2/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed:+WebDeveloperJuice+(Web+Developer+Juice+-+Jquery,+css+,+html,+ajax+,php+and+photoshop++tutorials)

うつくしい企業サイト40選

http://vandelaydesign.com/blog/galleries/corporate-websites/

jqueryについてのスライド7選

http://tutsvalley.com/tutorials/7-amazing-presentation-slides-to-teach-you-how-to-code-with-jquery/

IE6のもっともポピュラーなバグ9

http://net.tutsplus.com/tutorials/html-css-techniques/9-most-common-ie-bugs-and-how-to-fix-them/

SIMON COLLISON ウェブサイト

http://colly.com/

twitter アイコンセット

http://speckyboy.com/2009/08/25/35-original-and-creative-twitter-icon-sets/

グリーンのアイコンセット

http://speckyboy.com/2010/01/21/free-icon-set-for-designers-the-go-green-icon-set-108-icons/

アイコンサーチエンジン10選

http://www.webdeveloperjuice.com/2010/01/20/10-more-icon-search-engines-you-might-be-missing/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed:+WebDeveloperJuice+(Web+Developer+Juice+-+Jquery,+css+,+html,+ajax+,php+and+photoshop++tutorials)&utm_content=Google+Reader

オンラインカンファレンスCSS3

http://carsonified.com/online-conferences/css3/

HElVETICA を利用したデザイン

http://www.hongkiat.com/blog/beautiful-helvetica-inspired-artworks-fanart-posters-wallpapers-icons/

フリーのUIアイコン

http://medialoot.com/blog/freebie-massive-web-ui-button-set/

フリーのアイコン クリスタル系

http://sixrevisions.com/freebies/icons/free-exclusive-vector-icon-pack-web-user-interface/

ミニマルアイコン

http://somerandomdude.com/projects/iconic/

UXフレームワーク

http://userpathways.com/2009/11/ux-design-framework-visual-design/

プリント用スタイルシート

http://www.webdesignerdepot.com/2010/01/10-tips-for-better-print-style-sheets/

カラーツール

http://designreviver.com/general/color-tools-resources-and-inspiration/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed:+DesignReviver+(Design+Reviver)

Formで使えるJqueryのプラグイン

http://designm.ag/resources/jquery-form-plugins/

手書きのテキスチャー274種

http://thedesigned.com/2010/01/21/274-neat-handwritten-textures/

カラフルなパターン12選

http://www.pinkmoustache.net/12-free-colorful-patterns/

アイコン45選

http://psd.tutsplus.com/tutorials/designing-tutorials/design-a-detailed-compass-icon-in-photoshop/

デザインの基本

http://www.webdesignerdepot.com/2010/01/the-principle-of-proximity-in-web-design/

microdata parser

http://foolip.org/microdatajs/demo/live.html

ページのスピードを簡単にはかるツール

http://www.numion.com/Stopwatch/Start.html?Url=http://all-web.org

大きなロゴにぴったりなフォント

http://webdesignledger.com/freebies/20-fonts-ideal-for-big-and-powerful-headings

CSS3 のデモ

http://oo00.eu/

Fluid Grid

http://www.alistapart.com/articles/fluidgrids

SVGに関しての記事 ALA

• http://www.alistapart.com/articles/using-svg-for-flexible-scalable-and-fun-backgrounds-part-i/
• 
  http://www.alistapart.com/articles/using-svg-for-flexible-scalable-and-fun-backgrounds-part-ii/

ブラウザのSVGのサポート状況

http://www.codedread.com/svg-support.php

ブログデザインテーマ

http://webdesignledger.com/inspiration/30-creative-and-inspiring-blog-designs
やはり、トレンドは大きな文字か

カレンダーアイコンセット

http://www.knowtebook.com/8-free-daily-calender-icons-set-for-blogs-1456.htm

コーヒーのシミのテキスチャー

http://wegraphics.net/freebies/textures/8-free-coffee-stained-textures/

アイコンをダウンロードできるウェブサイト23選

http://wegraphics.net/articles/23-sites-where-to-download-free-icons/

カラーパレットを作るツール20選

http://spyrestudios.com/color-combination-tools/

グリッドシステム作成

http://www.spry-soft.com/grids/

CSSのボタン集

http://vandelaydesign.com/blog/galleries/showcase-button-design/

IE対応のスタイルシートをつくる方法

http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

タイポグラフィーについての特集

http://speckyboy.com/2009/08/31/50-essential-web-typography-tutorials-tips-guides-and-best-practices/

craigmod のウェブフォントのデモ

http://craigmod.com/journal/font-face/

フォントサイズと指定についての詳細

http://css-tricks.com/css-font-size/

レタープレスをCSSで

http://line25.com/tutorials/create-a-letterpress-effect-with-css-text-shadow

タイポグラフィーのツール

http://speckyboy.com/2009/01/12/21-typography-and-font-web-apps-you-cant-live-without/

CSSのフォントサイズの一覧表

http://speckyboy.com/2008/10/06/css-typography-reference-sheet-get-creative-with-your-headlines/

明るい色のウェブサイト50選

http://speckyboy.com/2009/12/02/50-bright-and-vibrant-web-designs-color-inspiration/

ウェブ制作会社ウェブサイト50選

http://speckyboy.com/2009/12/16/50-professional-web-design-agency-web-sites/

ヴィンテージデザインのインスピレーション

http://speckyboy.com/2010/01/15/50-creative-examples-of-vintage-and-retro-in-web-design/

しぬほどアイコン集

http://speckyboy.com/2009/12/21/the-top-50-web-development-icon-sets-from-2009/

Twitterのretweetボタンをつける方法

http://help.tweetmeme.com/2009/07/15/email-buttons/

フリーの写真のウェブサイト

http://www.webresourcesdepot.com/12-amazing-and-free-stock-photo-resources/

Mac用の美しくて便利なアプリケーション

http://designreviver.com/inspiration/20-beautiful-user-interface-examples-of-mac-applications/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed:+DesignReviver+(Design+Reviver)

メールマガジンの書き方

http://www.smashingmagazine.com/2010/01/19/design-and-build-an-email-newsletter-without-losing-your-mind/

smashing magazineから

ミニマムアイコンセット

http://webdesignledger.com/freebies/the-best-icon-sets-for-minimal-style-web-design

ベストフォント2009

http://creativenerds.co.uk/freebies/50-best-free-fonts-from-2009/

ハンドライティングのフォント集

http://creativenerds.co.uk/freebies/10-hand-written-great-free-fonts/

フリーのレタープレスアイコンセット

http://creativenerds.co.uk/freebies/330-free-letter-pressed-icons/

フリーのフォント45選

http://www.pvmgarage.com/en/2010/01/a-roundup-of-45-industrial-free-fonts/

@font-face generator

SVGフォントも作成することができるツール

http://www.fontsquirrel.com/fontface/generator

ブラウザの表示をテストするツール

Browsershot

http://browsershots.org/

Adobe Browserlab

https://browserlab.adobe.com/index.html#

よく使うショートカット６選

日常で使うショートカット、あまりアプリーケションに左右されて使えたり、使えなかったりすることはない。

保存

Ctrl+S

別名で保存

Ctrl+shift+S

ファイルを開ける

Ctrl+O

コピー

Ctrl+C

ペースト

Ctrl+V

切り取り

Ctrl+X

Tutorialが豊富なWDL

フォトショップの使い方や、背景のテンプレートなどが豊富。

WDL

http://webdesignledger.com/

基礎講座のリンク

W3C HTML validator

http://validator.w3.org/

Recommended Doctype Declarations to use in your Web document.

http://www.w3.org/QA/2002/04/valid-dtd-list.html

Mozilla Web標準化Tips

http://www.mozilla.gr.jp/standards/webtips0015.html

Stuffandnonsense - Andy Clarke

http://stuffandnonsense.co.uk/

For a beautiful web - Andy Clarke

http://forabeautifulweb.com/