人妻夜夜爽天天爽三区丁香花-人妻夜夜爽天天爽三-人妻夜夜爽天天爽欧美色院-人妻夜夜爽天天爽免费视频-人妻夜夜爽天天爽-人妻夜夜爽天天

[p]一個高效的 web 設(shè)計者，不可能只是依靠僅有的幾個常用設(shè)計工具在工作，他一定有一個自己收藏的工具箱，這些有效的工具，可以配合設(shè)計師更好更高效地完成既定工作，因為這些小工具的功能針對性更強，可以更合理地幫助設(shè)計師進行高效的開發(fā)。[/p]
[p]所以，這里為有類似需求的 web 設(shè)計師整理了常用的25個設(shè)計工具，包括在線色彩搭配工具、css框架工具、javascript工具、瀏覽器兼容性工具等。收藏起來作為日常工作的補充，相信不久你就會離不了它們了。[/p]
1. [url=http://leftlogic.com/lounge/articles/entity-lookup/]html entity character lookup[/url]
[p]一個 html 字符查詢功能，可以幫助用戶更快地找到某些特殊字符。[/p]
[p][url=http://leftlogic.com/lounge/articles/entity-lookup/][img]http://bbon.cn/wp-content/uploads/2009/06/1153043qm.jpg[/img][/url][/p]
[p]html entity character lookup[/p]
2. [url=http://blueprintcss.org/]blueprint css framework[/url]
[p]一個優(yōu)秀的 css 框架，更合理的設(shè)計組織 web頁面。[/p]
[p][url=http://blueprintcss.org/][img]http://bbon.cn/wp-content/uploads/2009/06/115305pzw.jpg[/img][/url][/p]
3. [url=http://typetester.org/]typetester[/url]
[p]the typetester 是一個在線字體比對應(yīng)用，幫助用戶更合理地選擇適合的字體。[/p]
[p][url=http://typetester.org/][img]http://bbon.cn/wp-content/uploads/2009/06/115307t1y.jpg[/img][/url][/p]
4. [url=http://riddle.pl/emcalc/]em calculator[/url]
[p]em calculator 是一個簡潔的javascript工具，幫助用戶實現(xiàn)可擴展的可訪問性的 css 設(shè)計。[/p]
[p][url=http://riddle.pl/emcalc/][img]http://bbon.cn/wp-content/uploads/2009/06/115309hyv.jpg[/img][/url][/p]
5. [url=https://addons.mozilla.org/en-us/firefox/addon/60]web developer toolbar[/url]
[p]一個firefox插件，是web開發(fā)人員必備的工具。[/p]
[p][url=https://addons.mozilla.org/en-us/firefox/addon/60][img]http://bbon.cn/wp-content/uploads/2009/06/115311wcz.jpg[/img][/url][/p]
6. [url=https://addons.mozilla.org/en-us/firefox/addon/539]measureit[/url]
[p]一個firefox插件，用來測量web頁面中某個原色的高度和寬度。[/p]
[p][url=https://addons.mozilla.org/en-us/firefox/addon/539][img]http://bbon.cn/wp-content/uploads/2009/06/115312dha.jpg[/img][/url][/p]
7. [url=https://addons.mozilla.org/en-us/firefox/addon/271]colorzilla[/url]
[p]一個高級拾色器。非常實用。[/p]
[p][url=https://addons.mozilla.org/en-us/firefox/addon/271][img]http://bbon.cn/wp-content/uploads/2009/06/1153141s9.jpg[/img][/url][/p]
8. [url=http://getfirebug.com/]firebug[/url]
[p]firebug，一個整合到 firefox 瀏覽器的插件，可以在瀏覽器狀態(tài)下，調(diào)試你的網(wǎng)站，包括 css, html, javascript等，[/p]
[p][url=https://addons.mozilla.org/en-us/firefox/addon/1843][img]http://bbon.cn/wp-content/uploads/2009/06/1153164k1.jpg[/img][/url][/p]
9. [url=http://designerstoolbox.com/designresources/?phpsessid=23912cb4bfa11ff69efffe405e5e47ec]designers toolbox[/url]
[p]一個不能缺少的 web 設(shè)計工具箱，提供web文檔大小和印刷尺寸等必備信息。[/p]
[p][url=http://designerstoolbox.com/designresources/?phpsessid=23912cb4bfa11ff69efffe405e5e47ec][img]http://bbon.cn/wp-content/uploads/2009/06/115317ezp.jpg[/img][/url][/p]
10. [url=http://new.myfonts.com/whatthefont/]what the font?[/url]
[p]提交一張圖片，讓 whatthefont 找到最匹配的。[/p]
[p][url=http://new.myfonts.com/whatthefont/][img]http://bbon.cn/wp-content/uploads/2009/06/115318bmi.jpg[/img][/url][/p]
11. [url=http://formspring.com/]easy web form builder[/url]
[p]一個在線web 表單設(shè)計生成工具，可以整合網(wǎng)站數(shù)據(jù)。[/p]
[p][url=http://formspring.com/][img]http://bbon.cn/wp-content/uploads/2009/06/115320unk.jpg[/img][/url][/p]
12. [url=http://browsershots.org/]browser shots[/url]
[p]在線瀏覽器兼容性測試工具。[/p]
[p][url=http://browsershots.org/][img]http://bbon.cn/wp-content/uploads/2009/06/115322m8b.jpg[/img][/url][/p]
13. [url=http://iconfinder.net/]icon finder[/url]
[p]一個優(yōu)秀的在線icon圖標(biāo)搜索引擎，幫助你更快地找到所需的圖標(biāo)素材。[/p]
[p][url=http://iconfinder.net/][img]http://bbon.cn/wp-content/uploads/2009/06/115323qlv.jpg[/img][/url][/p]
14. [url=http://buttonbrowser.com/main/index.php]button browser[/url]
[p]又一個精致按鈕圖標(biāo)設(shè)計工具。[/p]
[p][url=http://buttonbrowser.com/main/index.php][img]http://bbon.cn/wp-content/uploads/2009/06/115325f3i.jpg[/img][/url][/p]
15. [url=http://roundedcornr.com/]rounded corner[/url]
[p]div圓角工具，幾個簡單的數(shù)據(jù)，就可以生成對應(yīng)的html圓角代碼。[/p]
[p][url=http://roundedcornr.com/][img]http://bbon.cn/wp-content/uploads/2009/06/115327ibe.jpg[/img][/url][/p]
16. [url=http://tools.blogflux.com/buttonmaker/]blogflux button maker[/url]
[p]在線web按鈕設(shè)計工具。[/p]
[p][url=http://tools.blogflux.com/buttonmaker/][img]http://bbon.cn/wp-content/uploads/2009/06/115329aq4.jpg[/img][/url][/p]
17. [url=http://vecteezy.com/]vecteezy[/url]
[p]下載或其免費的icon圖標(biāo)、矢量圖形素材.[/p]
[p][url=http://vecteezy.com/][img]http://bbon.cn/wp-content/uploads/2009/06/115330o0g.jpg[/img][/url][/p]
18. [url=http://lab.rails2u.com/bgmaker/]background image maker[/url]
[p]在線創(chuàng)建背景圖工具。[/p]
[p][url=http://lab.rails2u.com/bgmaker/][img]http://bbon.cn/wp-content/uploads/2009/06/115332fve.jpg[/img][/url][/p]
19. [url=http://brusheezy.com/brushes]photoshop brushes[/url]
[p][url=http://pelfusion.com/tag/photoshop-brushes/]photoshop brushes[/url] ，免費下載photoshop筆刷。[/p]
[p][url=http://brusheezy.com/brushes][img]http://bbon.cn/wp-content/uploads/2009/06/115334m4m.jpg[/img][/url][/p]
20. [url=http://tartanmaker.com/]tartan maker[/url]
[p]tartan maker，一個創(chuàng)意應(yīng)用，對熱愛時尚設(shè)計的用戶是個吸引。[/p]
[p][url=http://tartanmaker.com/][img]http://bbon.cn/wp-content/uploads/2009/06/115335byg.jpg[/img][/url][/p]
21. [url=http://colorschemer.com/]color schemer[/url]
[p]colorschemer 是一個專業(yè)的色彩搭配應(yīng)用服務(wù)，在線為用戶提供專業(yè)的高級色彩調(diào)試。[/p]
[p][url=http://colorschemer.com/][img]http://bbon.cn/wp-content/uploads/2009/06/115337jdu.jpg[/img][/url][/p]
22. [url=http://webs.com/]webs[/url]
[p]免費創(chuàng)建自己的網(wǎng)站。[/p]
[p][url=http://webs.com/][img]http://bbon.cn/wp-content/uploads/2009/06/115338bpq.jpg[/img][/url][/p]
23. [url=http://sampa.com/]sampa[/url]
[p]每天都有成千上萬的人用sampa創(chuàng)建個人網(wǎng)站、家庭網(wǎng)站或者幼兒網(wǎng)站。[url=http://sampa.com/][img]http://bbon.cn/wp-content/uploads/2009/06/115340sw3.jpg[/img][/url][/p]
24. [url=http://formatpixel.com/go/en/index.php]format pixel[/url]
[p]創(chuàng)建在線雜志、小冊子、目錄表、簡歷等。[/p]
[p][url=http://formatpixel.com/go/en/index.php][img]http://bbon.cn/wp-content/uploads/2009/06/115342i1d.jpg[/img][/url][/p]
25. [url=http://weebox.fr/]weebox[/url]
[p]基于flash的網(wǎng)站創(chuàng)建在線工具。[/p]
[p][url=http://weebox.fr/][img]http://bbon.cn/wp-content/uploads/2009/06/115343ess.jpg[/img][/url][/p]
[p]via：[url=http://pelfusion.com/tools/25-important-web-design-tools/]25 important web design tools[/url][/p]
[p][url=http://bbon.cn/2009/06/25%e4%b8%aa%e5%bf%85%e5%a4%87web%e8%ae%be%e8%ae%a1%e5%b7%a5%e5%85%b7.html]http://bbon.cn/2009/06/25%e4%b8%aa%e5%bf%85%e5%a4%87web%e8%ae%be%e8%ae%a1%e5%b7%a5%e5%85%b7.html[/url][/p]