好網站
簡單說要變強就是多練功就是了。
設計師自學手冊
50 Totally Free Lessons in Graphic Design Theory
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTskdLvi6lumeiLN44sPInUOrdwnxT2MYP1wgmlBA5JUX2WNpywH_TGBWqf74JqzvIpG9BCIUrNASyMJX7Qg_UqY6IucAX8VTspgMUU2FeQoPPVZyI7p_qvLSjnI5sLsYFy9qcNDP77LYU/s128-rw/psd.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDZvfEMCzOB9TsFvwGYhnwdVnFyX146YpIiI79VXnLoZuc4B00IScR_J-0ZZwwItorXUNhs-DTypb518z29bSPfD9hSIrmS1MVrlKfwzP_zaCyFJlh7090X6YwArlO-uk7bW1uVvoP7daD/s128-rw/ai.png)
Photoshop, illustrator
photoshop essentials
photoshop star
Adobe TV
good-tutorial
computer arts
celoxDesign
pswish
loreleiwebdesign
psd tuts+
hv-designs
photoshop tutorials
PSD FAN
you the designer
abduzeedo
Layers
![](http://www.downgraf.com/wp-content/uploads/2012/09/New-Logo-of-Downgraf.png)
downgraf
http://www.premiumpixels.com/- 很多便宜或是免費 PSD 下載
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKibD45lzMNQojgrH8UlDAV8S-y8Cp1hVWF23wUNZN6189Wqltvc4OEZwXYsFJFHRZkoJgDqP-FRZaZjoRRoCXcbSywtWzbLhqf8JxFBJnQiYV2tE8VhJlS1Z2XQ4_r0JXBoZWvE2GZBa2/s128-rw/aep.png)
After Effect
Video Copilot
Aetuts+
開發工具
Sublime Text 手冊
各式前端工具整理
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0NDlHWpVxUKncuCN8pPbAyv-1oRSLgfv9BaE33hwIckJBjumoEKpwl1Gx5pTNq8i5zp1Kc_n6nRd84D7JEN3GGQSvhNzjO5ZrMEedMNgoSyQlzeURkD3CI9tNQ91Jedf3NWho8rIc6BJs/s128-rw/html.png)
Web
W3Schools
DecDocs
Nettuts+
WebPlatformTools- 網站工具蒐集
awwwards- 收集好網站
Web Developer Checklist- 上線前用這個檢查一下
BROWSERHACKS- 瀏覽器HACK大全
resizeMyBrowser- 測不同解析度下的web樣子
favicon cheat sheet
壓縮工具
CSS Compressor Logo- CSS 壓縮
Compressor- js 壓縮
CDN
cdnjs- 整理CDN的網站
CSS
Less
SASS
Compass
Media Queries
CSS-Tricks
clean CSS- 幫你產出更漂亮的CSS
CSS Layout Generator- CSS Layout產生器
50 Useful CSS Snippets Every Designer Should Have
Effeckt.css- 用CSS 做動畫
Animate.css- Animate.css
CSS 筆記、建議與指導方針總整理
Quick Tip: Easy CSS3 Checkboxes and Radio Buttons
Building a Circular Navigation with CSS Transforms
CSS Galleries / CSSMania
siteInspire - Web Design Inspiration
UI Framework
Bootstrap
Themes for Twitter Bootstrap
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7a6-ig7YiT6QpZJeiWyB_793zZA5f45htQyAX_Vo9C2E3NehbW8YdZglsD63tGynRz7MBsAlT6u7rhM8HFToeSqVk9N5RP3RvW0UnT-JbUEp31ihXriXAdO6nRMqgcfZopX__Ht40_5cz/s128-rw/js.png)
javascript
jQuery的免費教學-學習 jQuery 從入門到精通只要兩小時!
Javascript Territory- 蒐集javascript libray
Unheap- 收集jQuery Plugins
30 Days to Learn jQuery
jQuery Fundamentals
jQuery UI
JSONLint- 檢查JSON格式
jsPerf- 測js效能
js壓縮
Lazy Load Plugin for jQuery- 延遲載圖
html5shiv- 讓 ie8 以下支援 html 的 tag
Respond.js- 讓 ie 8 以下支援 media query
css3-mediaqueries-js- 讓 ie 8 以下支援 media query
JSVerbalExpressions- VerbalExpressions is a JavaScript library that helps to construct difficult regular expressions.
AngularJS
AngularJS- javascript framework
"AngularJS" 中譯本 -《AngularJS》
AngularJS 範例
AngularJS Data Binding
Website Usability Checklist
25-point Website Usability Checklist
247 web usability guidelines
Git
git入門
tryGit
免費git書
Web Icon Font
Ligature Symbols
Fontello
UI
Smashing-理論、商業模式、技術、設計通包的網站
站酷- 對岸的網站
lovelyui
Ui Parade
Dribble
Android Patterns
pttrns
Pattern Tap
Checkout Step Types
Premium Pixels
Inspired UI
Mobile Patterns
UI Cloud- 輸入關鍵字找UI
Colllor- 配色的好幫手
Grids & Layout
Baseline
960.gs
icon
Icons Guide
icon finder
Icon Archive
iOS Icon Gallery | iOS Icon Design Gallery
素材
Subtle Patterns
FREEBIESbug- 免費素材
產生器
Form builder- 漂亮的表單產生器
dabblet- 線上看html跟css的效果
moqups- 快速產生網站的Mockup
QR Code Generator- QR Code產生器
CSS3 Generator- CSS3產生器
TinyPNG- 壓縮png
CSS load.net- CSS loading動畫產生器
Html-css 產生器- 好用的產生器
htaccess Editor- 線上 htaccess 產生器
![iPhoneLineUp](http://farm9.staticflickr.com/8532/8491570209_a8cc931176_m.jpg)
iOS UI guideline
![Android UI Guide](http://farm9.staticflickr.com/8107/8508242681_0523df136d_m.jpg)
Android UI Design Guide
Android cheatsheet for graphic designers
設計師自學手冊
50 Totally Free Lessons in Graphic Design Theory
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTskdLvi6lumeiLN44sPInUOrdwnxT2MYP1wgmlBA5JUX2WNpywH_TGBWqf74JqzvIpG9BCIUrNASyMJX7Qg_UqY6IucAX8VTspgMUU2FeQoPPVZyI7p_qvLSjnI5sLsYFy9qcNDP77LYU/s128-rw/psd.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDZvfEMCzOB9TsFvwGYhnwdVnFyX146YpIiI79VXnLoZuc4B00IScR_J-0ZZwwItorXUNhs-DTypb518z29bSPfD9hSIrmS1MVrlKfwzP_zaCyFJlh7090X6YwArlO-uk7bW1uVvoP7daD/s128-rw/ai.png)
Photoshop, illustrator
photoshop essentials
photoshop star
Adobe TV
good-tutorial
computer arts
celoxDesign
pswish
loreleiwebdesign
psd tuts+
hv-designs
photoshop tutorials
PSD FAN
you the designer
abduzeedo
Layers
![](http://www.downgraf.com/wp-content/uploads/2012/09/New-Logo-of-Downgraf.png)
downgraf
http://www.premiumpixels.com/- 很多便宜或是免費 PSD 下載
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKibD45lzMNQojgrH8UlDAV8S-y8Cp1hVWF23wUNZN6189Wqltvc4OEZwXYsFJFHRZkoJgDqP-FRZaZjoRRoCXcbSywtWzbLhqf8JxFBJnQiYV2tE8VhJlS1Z2XQ4_r0JXBoZWvE2GZBa2/s128-rw/aep.png)
After Effect
Video Copilot
Aetuts+
開發工具
Sublime Text 手冊
各式前端工具整理
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0NDlHWpVxUKncuCN8pPbAyv-1oRSLgfv9BaE33hwIckJBjumoEKpwl1Gx5pTNq8i5zp1Kc_n6nRd84D7JEN3GGQSvhNzjO5ZrMEedMNgoSyQlzeURkD3CI9tNQ91Jedf3NWho8rIc6BJs/s128-rw/html.png)
Web
W3Schools
DecDocs
Nettuts+
WebPlatformTools- 網站工具蒐集
awwwards- 收集好網站
Web Developer Checklist- 上線前用這個檢查一下
BROWSERHACKS- 瀏覽器HACK大全
resizeMyBrowser- 測不同解析度下的web樣子
favicon cheat sheet
壓縮工具
CSS Compressor Logo- CSS 壓縮
Compressor- js 壓縮
CDN
cdnjs- 整理CDN的網站
CSS
Less
SASS
Compass
Media Queries
CSS-Tricks
clean CSS- 幫你產出更漂亮的CSS
CSS Layout Generator- CSS Layout產生器
50 Useful CSS Snippets Every Designer Should Have
Effeckt.css- 用CSS 做動畫
Animate.css- Animate.css
CSS 筆記、建議與指導方針總整理
Quick Tip: Easy CSS3 Checkboxes and Radio Buttons
Building a Circular Navigation with CSS Transforms
CSS Galleries / CSSMania
siteInspire - Web Design Inspiration
UI Framework
Bootstrap
Themes for Twitter Bootstrap
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7a6-ig7YiT6QpZJeiWyB_793zZA5f45htQyAX_Vo9C2E3NehbW8YdZglsD63tGynRz7MBsAlT6u7rhM8HFToeSqVk9N5RP3RvW0UnT-JbUEp31ihXriXAdO6nRMqgcfZopX__Ht40_5cz/s128-rw/js.png)
javascript
jQuery的免費教學-學習 jQuery 從入門到精通只要兩小時!
Javascript Territory- 蒐集javascript libray
Unheap- 收集jQuery Plugins
30 Days to Learn jQuery
jQuery Fundamentals
jQuery UI
JSONLint- 檢查JSON格式
jsPerf- 測js效能
js壓縮
Lazy Load Plugin for jQuery- 延遲載圖
html5shiv- 讓 ie8 以下支援 html 的 tag
Respond.js- 讓 ie 8 以下支援 media query
css3-mediaqueries-js- 讓 ie 8 以下支援 media query
JSVerbalExpressions- VerbalExpressions is a JavaScript library that helps to construct difficult regular expressions.
AngularJS
AngularJS- javascript framework
"AngularJS" 中譯本 -《AngularJS》
AngularJS 範例
AngularJS Data Binding
Website Usability Checklist
25-point Website Usability Checklist
247 web usability guidelines
Git
git入門
tryGit
免費git書
Web Icon Font
Ligature Symbols
Fontello
UI
Smashing-理論、商業模式、技術、設計通包的網站
站酷- 對岸的網站
lovelyui
Ui Parade
Dribble
Android Patterns
pttrns
Pattern Tap
Checkout Step Types
Premium Pixels
Inspired UI
Mobile Patterns
UI Cloud- 輸入關鍵字找UI
Colllor- 配色的好幫手
Grids & Layout
Baseline
960.gs
icon
Icons Guide
icon finder
Icon Archive
iOS Icon Gallery | iOS Icon Design Gallery
素材
Subtle Patterns
FREEBIESbug- 免費素材
產生器
Form builder- 漂亮的表單產生器
dabblet- 線上看html跟css的效果
moqups- 快速產生網站的Mockup
QR Code Generator- QR Code產生器
CSS3 Generator- CSS3產生器
TinyPNG- 壓縮png
CSS load.net- CSS loading動畫產生器
Html-css 產生器- 好用的產生器
htaccess Editor- 線上 htaccess 產生器
![iPhoneLineUp](http://farm9.staticflickr.com/8532/8491570209_a8cc931176_m.jpg)
iOS UI guideline
![Android UI Guide](http://farm9.staticflickr.com/8107/8508242681_0523df136d_m.jpg)
Android UI Design Guide
Android cheatsheet for graphic designers
留言
Click Here: photo manipulation service