为设计师和开发者提供的 50 个免费的在线工具

openkk 13年前
     <p><strong><a href="/misc/goto?guid=4958323036810427449" target="_blank">Logotype Maker</a></strong></p>    <hr />    <p><a href="/misc/goto?guid=4958323036810427449"><img class="aligncenter size-full wp-image-20065" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/620d07fff9011c83105f21473c998a32.jpg" width="500" height="388" /></a></p>    <p>Logotype Maker 是一个简单而且免费的 Logo 制作工具,可以通过简单的几步来创建一个 logo</p>    <hr />    <p><strong><a href="/misc/goto?guid=4958323038355881314" target="_blank">BgPatterns</a></strong></p>    <hr />    <p><a href="/misc/goto?guid=4958323038355881314"><img class="aligncenter size-full wp-image-20066" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/dbbca08c525d40290562a249dd2acd0d.jpg" width="500" height="261" /></a></p>    <p>该工具让你轻松设计各种背景图效果</p>    <hr />    <p><a href="/misc/goto?guid=4958323039913497173" target="_blank"><strong>FreshGenerator</strong></a></p>    <hr />    <p><a href="/misc/goto?guid=4958323039913497173"><img class="aligncenter size-full wp-image-20067" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/f23622680bda533f007a4631e5088e03.jpg" width="500" height="229" /></a></p>    <p>用来创建在多数 Web 2.0 网站中使用的图形元素</p>    <hr />    <p><a href="/misc/goto?guid=4958323041477178018" target="_blank"><strong>Bannersketch</strong></a></p>    <hr />    <p><a href="/misc/goto?guid=4958323041477178018"><img class="aligncenter size-full wp-image-20068" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/32aedeb25e12977c62452e262ce470c5.jpg" width="500" height="213" /></a></p>    <p>这是一个用来创建广告元素的网站,无需设计知识,可创建 banner 图、headers、footers、名片等。</p>    <hr />    <p><a href="/misc/goto?guid=4958323043017311055" target="_blank"><strong>Businesscardland</strong></a></p>    <hr />    <p><a href="/misc/goto?guid=4958323043017311055"><img class="aligncenter size-full wp-image-20069" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/8a8fab0b184baf6660ac4d6ecf661a6a.jpg" width="500" height="187" /></a></p>    <p>如果网站的名称所示,这是一个用来创建可打印的名片的网站,可输出PDF文档并打印成名片。</p>    <hr />    <p><strong><a href="/misc/goto?guid=4958323044533958605">Golden Ratio</a></strong></p>    <hr />    <p><a href="/misc/goto?guid=4958323044533958605"><img class="aligncenter size-full wp-image-20071" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/1880ec156ceb55b23c9e0f65f454690b.jpg" width="500" height="234" /></a></p>    <p>一个计算器,用于计算宽度匹配的列</p>    <hr />    <p><strong><a href="/misc/goto?guid=4958323046043727244" target="_blank">SpiderScribe</a></strong></p>    <hr />    <p><a href="/misc/goto?guid=4958323046043727244"><img class="aligncenter size-full wp-image-20072" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/a0722b538f2e76b44bb57033cd8eeae0.jpg" width="500" height="301" /></a></p>    <p>这个工具太专业了,用来组织你的思维,类似思维导图工具,而且还可以跟别人分享。</p>    <hr />    <p><strong><a href="/misc/goto?guid=4958323047564795934" target="_blank">Manifested</a></strong></p>    <hr />    <p><a href="/misc/goto?guid=4958323047564795934"><img class="aligncenter size-full wp-image-20073" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/dbccc7c56647811ceac567ad1b620f75.jpg" width="500" height="104" /></a></p>    <p>该工具可以让你将现有网站转成支持离线的 HTML5 网站,可缓存的包括图片、样式和脚本文件。</p>    <hr />    <p><strong><a href="/misc/goto?guid=4958191061138938956" target="_blank">repl.it</a></strong></p>    <hr />    <p><a href="/misc/goto?guid=4958191061138938956"><img class="aligncenter size-full wp-image-20074" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/035eb095ee800e05f7cf63154f94a306.jpg" width="500" height="234" /></a></p>    <p>这是一个在线社区,用于编程语言知识交流,提供一个终端模拟器和代码编辑器,超过15中语言的解释引擎,完全基于 JavaScript 编写,可在桌面和手机以及平板上使用。</p>    <hr />    <p><strong><a href="/misc/goto?guid=4958323050544908748" target="_blank">Subtle Patterns</a></strong></p>    <hr />    <p><a href="/misc/goto?guid=4958323050544908748"><img class="aligncenter size-full wp-image-20075" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/2edcd76360963f9c6dda7e58f8d3d062.jpg" width="500" height="166" /></a></p>    <p>在这里你可以找到一个伟大的收集93个高品质的设计模式,您可以自由使用。</p>    <hr />    <p><strong><a href="/misc/goto?guid=4958323052065447756" target="_blank">Timeslot</a></strong></p>    <hr />    <p><a href="/misc/goto?guid=4958323052065447756"><img class="aligncenter size-full wp-image-20077" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/4a203b0052e904c3bc523c31738d7a89.jpg" width="500" height="222" /></a></p>    <p>这是一个让你轻松制定每天计划的工具</p>    <hr />    <p><strong><a href="/misc/goto?guid=4958323053586155107" target="_blank">LayerStyles</a></strong></p>    <hr />    <p><a href="/misc/goto?guid=4958323053586155107"><img class="aligncenter size-full wp-image-20078" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/4795e9d09959ce75b98db36fba08c954.jpg" width="500" height="262" /></a></p>    <p>LayerStyles 是一个很棒的图形编辑器,运行在浏览器之上。可为你制作的效果生成 CSS 代码</p>    <hr />    <p><strong><a href="/misc/goto?guid=4958323055104398464" target="_blank">The Web Font Combinator</a></strong></p>    <hr />    <p><a href="/misc/goto?guid=4958323055104398464"><img class="aligncenter size-full wp-image-20079" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/327bad8a7eaf7aa0e955d9c61e766da4.jpg" width="500" height="122" /></a></p>    <p>这个工具的目的是让您预览Web字体的组合。许多印刷字体的例子集合,可为读者结合起来,以查看如何标题和正文字体一起来看一下。</p>    <p><strong><a href="http://www.problem.se/labs/gridcalc/?width=960&columnMin=20&columnMax=60&marginMin=10&marginMax=20" target="_blank">Grid Calculator And Generator</a></strong></p>    <p><a href="http://www.problem.se/labs/gridcalc/?width=960&columnMin=20&columnMax=60&marginMin=10&marginMax=20"><img class="aligncenter size-full wp-image-20080" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/d0dcb2fc4cada2db5bb2d8f4d0b50600.jpg" width="540" height="225" /></a></p>    <p>这是一个非常方便的网格计算器。所有你所要做的的是输入您希望您的页面列和排水沟宽度大致范围,然后计算器会显示你所设置的范围内的所有可能的组合 的宽度。为您提供了一个非常好的结果的可视化表示。点击它会允许预览,你会得到一个如何可用于网格更好的介绍。选择您的网格配置后,下载在您的项目中使用 一个CSS文件的配置是可能的。</p>    <hr />    <p><a href="/misc/goto?guid=4958323058156718322" target="_blank"><strong>CSS3 Shapes</strong></a></p>    <hr />    <p><a href="/misc/goto?guid=4958323058156718322"><img class="aligncenter size-full wp-image-20081" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/c89e685fced1e8df48c384099c190209.jpg" width="500" height="314" /></a></p>    <p>CSS3 Shapes 是一个很酷的 CSS3 代码片段源网站,你可以找到很多CSS3的代码</p>    <hr />    <p><a href="/misc/goto?guid=4958323059681490575" target="_blank"><strong>FontFont Subsetter</strong></a></p>    <hr />    <p><a href="/misc/goto?guid=4958323059681490575"><img class="aligncenter size-full wp-image-20082" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/17aba45a15deef3dc00652aa373d639e.jpg" width="500" height="101" /></a></p>    <p>该工具可让你通过简单的 3 步来完成 Web 字体的优化和定制,也可以用来减小 Web 字体文件的大小。</p>    <hr />    <p><strong><a href="/misc/goto?guid=4958323061195156899" target="_blank">WhatFont Tool</a></strong></p>    <hr />    <p><a href="/misc/goto?guid=4958323061195156899"><img class="aligncenter size-full wp-image-20084" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/2d0d4ff7d8c3813a260a4c269c49f6a5.jpg" width="500" height="400" /></a></p>    <p>这个工具用来提供字体相关信息,当你把鼠标移到文字上方后会显示这些信息。支持 Typekit and Google Font API.</p>    <hr />    <p><a href="/misc/goto?guid=4958323062732272320" target="_blank"><strong>Cssizer</strong></a></p>    <hr />    <p><a href="/misc/goto?guid=4958323062732272320"><img class="aligncenter size-full wp-image-20085" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/c68aa0a7b50a377b387f11b790b483bf.jpg" width="500" height="289" /></a></p>    <p>这是一个方便的工具,允许编辑一个HTML页面。然后你可以使用你的网址,与他人分享您的设计。</p>    <hr />    <p><a href="/misc/goto?guid=4958323064268407170" target="_blank"><strong>Clickable Mockups</strong></a></p>    <hr />    <p><a href="/misc/goto?guid=4958323064268407170"><img class="aligncenter size-full wp-image-20086" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/9898d3767d3652904dbdc08a4e62fe28.jpg" width="500" height="265" /></a></p>    <p>这个工具使用一种改良的方式来传达您的设计。它将您的网站,移动和软件实体模型转换成可点击的原型。然后你可以从你的客户,朋友和同事的批注和反馈。你不再需要以电子邮件,PDF文件,希望获得通过的消息的线程反馈。</p>    <hr />    <p><a href="/misc/goto?guid=4958318555336987140" target="_blank"><strong>CSS Pivot</strong></a></p>    <hr />    <p><a href="/misc/goto?guid=4958318555336987140"><img class="aligncenter size-full wp-image-20090" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/eb96238ac5edfced2c57420ef8e48777.jpg" width="500" height="287" /></a></p>    <p>你可以在这个网站上增加 CSS 样式,并通过一个短网址来分享你的设计</p>    <hr />    <p><a href="/misc/goto?guid=4958323067240606681" target="_blank"><strong>Prefixr</strong></a></p>    <hr />    <p><a href="/misc/goto?guid=4958323067240606681"><img class="aligncenter size-full wp-image-20091" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/7d92493ee52657150a7251b5ea49d8be.jpg" width="500" height="295" /></a></p>    <p>Prefixr update CSS3 properties al by itself with all the necessary browser prefixes.</p>    <hr />    <p><strong><a href="/misc/goto?guid=4958323068771235905" target="_blank">CoderDeck</a></strong></p>    <hr />    <p><a href="/misc/goto?guid=4958323068771235905"><img class="aligncenter size-full wp-image-20092" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/8a65aff111ba56d27027dd82cfd5b367.jpg" width="500" height="146" /></a></p>    <p>这个工具可以用来创建交互式的在线编码展示</p>    <hr />    <p><strong><a href="/misc/goto?guid=4958323070286319511" target="_blank">Patternizer</a></strong></p>    <hr />    <p><a href="/misc/goto?guid=4958323070286319511"><img class="aligncenter size-full wp-image-20094" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/dc8c72bb694b621d34edbcbf6ec130ad.jpg" width="500" height="306" /></a></p>    <p>As the name suggests, this one is an extremely handy stripe pattern generator.</p>    <hr />    <p><strong><a href="/misc/goto?guid=4958323071812038834" target="_blank">alphaPun.ch</a></strong></p>    <hr />    <p><a href="/misc/goto?guid=4958323071812038834"><img class="aligncenter size-full wp-image-20095" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/54ae26484d78601f620c094d71bcbfaf.jpg" width="500" height="159" /></a></p>    <p>此工具将决定你的PNG或GIF照片的不透明部分。然后,它会穿透alpha通道(即透明位),所以你会对它背后的东西点击的能力。</p>    <hr />    <p><strong><a href="/misc/goto?guid=4958199803072970031" target="_blank">Swiffy</a></strong></p>    <hr />    <p><a href="/misc/goto?guid=4958199803072970031"><img class="aligncenter size-full wp-image-20096" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/b6723a6434aebefdabece1abc3356610.jpg" width="540" height="458" /></a></p>    <p>该工具可将 Flash 的 SWF 文件转成 HTML5</p>    <hr />    <p><strong><a href="/misc/goto?guid=4958323074792285696" target="_blank">Spur</a></strong></p>    <hr />    <p><a href="/misc/goto?guid=4958323074792285696"><img class="aligncenter size-full wp-image-20097" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/45773cc5e3501363e0e691571dcb7f51.jpg" width="540" height="392" /></a></p>    <p>This one is a very handy critique for web designs. Simply paste a URL (or upload a photo) and and you would be able to utilize 7 amazing tools to help you determine what is working and what is not.</p>    <hr />    <p><strong><a href="/misc/goto?guid=4958323076312675863" target="_blank">Screenfly</a></strong></p>    <hr />    <p><a href="/misc/goto?guid=4958323076312675863"><img class="aligncenter size-full wp-image-20098" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/1ca869c773d7289bb87232faf9479266.jpg" width="500" height="190" /></a></p>    <p>该工具帮你模拟各种不同尺寸屏幕访问你的网站的效果。</p>    <hr />    <p><a href="/misc/goto?guid=4958323077832556784" target="_blank"><strong>Launch It Now</strong></a></p>    <hr />    <p><a href="/misc/goto?guid=4958323077832556784"><img class="aligncenter size-full wp-image-20099" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/6f56ecdbab48027e73fd0d333f2c32a6.jpg" width="540" height="398" /></a></p>    <p>快速创建产品展示页的工具</p>    <hr />    <p><a href="/misc/goto?guid=4958323079363289625" target="_blank"><strong>Minify and GZip Compress JavaScript & CSS tool</strong></a></p>    <hr />    <p><a href="/misc/goto?guid=4958323079363289625"><img class="aligncenter size-full wp-image-20100" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/23903ff0df267ef9ee895afcde1ec5ec.jpg" width="540" height="190" /></a></p>    <p>用于最小化并压缩 css 和 js 文件的工具,只需简单点击。</p>    <hr />    <p><a href="/misc/goto?guid=4958323080888719811" target="_blank"><strong>DropMySite</strong></a></p>    <hr />    <p><a href="/misc/goto?guid=4958323080888719811"><img class="aligncenter size-full wp-image-20101" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/a032834ff3331e4dfd4ea2d31600c7ef.jpg" width="540" height="303" /></a></p>    <p>网站自动备份工具,你拥有2G的空间。</p>    <p style="text-align:center;"><span style="color:#ff0000;"><strong>站长工具</strong></span></p>    <hr />    <p><a href="/misc/goto?guid=4958323082405889333" target="_blank"><strong>Smartling</strong></a></p>    <hr />    <p><a href="/misc/goto?guid=4958323082405889333"><img class="aligncenter size-full wp-image-20102" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/f64c9d1ed8f459822b91c81931dd62ef.jpg" width="500" height="256" /></a></p>    <hr />    <p>轻松实现网站多语言支持</p>    <hr />    <p><a href="/misc/goto?guid=4958323083918728687" target="_blank"><strong>SnatchCode</strong></a></p>    <hr />    <p><a href="/misc/goto?guid=4958323083918728687"><img class="aligncenter size-full wp-image-20103" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/ca6d65ede47e4a05277cd7854496aaea.jpg" width="500" height="329" /></a></p>    <p>很棒的网站备份解决方案</p>    <hr />    <p><a href="/misc/goto?guid=4958323085437887914" target="_blank"><strong>Duda Mobile</strong></a></p>    <hr />    <p><a href="/misc/goto?guid=4958323085437887914"><img class="aligncenter size-full wp-image-20104" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/02713600575e1710a820f6e5cf678372.jpg" width="500" height="357" /></a></p>    <p>可轻松创建和网站同步的手机版本</p>    <hr />    <p><a href="/misc/goto?guid=4958323086971891588" target="_blank"><strong>Toolspot</strong></a></p>    <hr />    <p><a href="/misc/goto?guid=4958323086971891588"><img class="aligncenter size-full wp-image-20105" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/9ef31b4275963daec6ff934f69059554.jpg" width="500" height="157" /></a></p>    <p>Toolspot 包含很多站长经常需要用到的工具,例如域名查询、IP查询、whois 等等</p>    <hr />    <p><strong><a href="/misc/goto?guid=4958323088518125951">W3Clove</a></strong></p>    <hr />    <p><a href="/misc/goto?guid=4958323088518125951"><img class="aligncenter size-full wp-image-20107" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/4318fbb71fb6f924cb445174395f3612.jpg" width="500" height="109" /></a></p>    <p>在线网页的校验工具</p>    <p style="text-align:center;"><span style="color:#ff0000;"><strong>表格、图表以及流程图</strong></span></p>    <hr />    <p><a href="/misc/goto?guid=4958323090055339163" target="_blank"><strong>Cacoo</strong></a></p>    <hr />    <p><a href="/misc/goto?guid=4958323090055339163"><img class="aligncenter size-full wp-image-20108" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/66bd382d119658c91faeabf6fae77be3.jpg" width="540" height="315" /></a></p>    <p>在线的图形绘制工具,可创建各种图形,包括网站地图、线框图、UML 和网络图</p>    <hr />    <p><a href="/misc/goto?guid=4958188079381091494" target="_blank"><strong>LucidChart</strong></a></p>    <hr />    <p><a href="/misc/goto?guid=4958188079381091494"><img class="aligncenter size-full wp-image-20109" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/7127b1868c8559c8b3bf5fc61a2b2210.jpg" width="540" height="297" /></a></p>    <p>流程图绘制工具,可免费拥有5兆的存储空间</p>    <hr />    <p><strong><a href="/misc/goto?guid=4958323093032379763" target="_blank">Bubbl</a></strong></p>    <hr />    <p><a href="/misc/goto?guid=4958323093032379763"><img class="aligncenter size-full wp-image-20110" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/b9a69dfe6d609bb6815ded8d17c11a59.jpg" width="540" height="310" /></a></p>    <p>在线创建 vivid 思维图,可与好友分享</p>    <hr />    <p><a href="/misc/goto?guid=4958323094552119376" target="_blank"><strong>Grapher</strong></a></p>    <hr />    <p><a href="/misc/goto?guid=4958323094552119376"><img class="aligncenter size-full wp-image-20111" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/55bb161272780006973d6385b6cc202b.jpg" width="540" height="394" /></a></p>    <p>图表工具</p>    <hr />    <p><a href="/misc/goto?guid=4958323096073549989" target="_blank"><strong>Hohli Charts</strong></a></p>    <hr />    <p><a href="/misc/goto?guid=4958323096073549989"><img class="aligncenter size-full wp-image-20112" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/052b131c11e90720d929f2255b1b31ea.jpg" width="540" height="300" /></a></p>    <p>动态图表工具</p>    <p style="text-align:center;"><span style="color:#ff0000;"><strong>开发者工具栏</strong></span></p>    <hr />    <p><a href="/misc/goto?guid=4958323097596300649" target="_blank"><strong>About.com Find By Error Message</strong></a></p>    <hr />    <p><a href="/misc/goto?guid=4958323097596300649"><img class="aligncenter size-full wp-image-20113" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/9d796c76a4536f72d4cb6d6e1a7672f6.png" width="592" height="523" /></a></p>    <p>About.com 上提供的服务,让你查询电脑上一些常见的错误</p>    <hr />    <p><a href="/misc/goto?guid=4958323099119392003" target="_blank"><strong>ErrorHelp</strong></a></p>    <hr />    <p><a href="/misc/goto?guid=4958323099119392003"><img class="aligncenter size-full wp-image-20114" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/09e48347326dd3912be09ae41a1beff8.jpg" width="624" height="205" /></a></p>    <p>错误查询库</p>    <hr />    <p><a href="/misc/goto?guid=4958323100647560177" target="_blank"><strong>ErrMsg</strong></a></p>    <hr />    <p><a href="/misc/goto?guid=4958323100647560177"><img class="aligncenter size-full wp-image-20115" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/b11419babf629387f633100fd453fcd1.png" width="353" height="205" /></a></p>    <p>ErrMsg 是一个桌面工具,用来查询错误码对应的意思。</p>    <hr />    <p><a href="/misc/goto?guid=4958323102164896616" target="_blank"><strong>ErrorKey</strong></a></p>    <hr />    <p><a href="/misc/goto?guid=4958323102164896616"><img class="aligncenter size-full wp-image-20116" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/d857cdb4d15521c30f143d6b3a649d5c.png" width="564" height="531" /></a></p>    <p>This one is an awesome website that boasts a huge collection of error codes. It has a simple user interface, so searching for error codes is not at all tough. Common error search tags/keywords have also been listed on the main page, so you can find most common error messages and categories there.</p>    <hr />    <p><a href="/misc/goto?guid=4958323103687748596" target="_blank"><strong>Error Goblin</strong></a></p>    <hr />    <p><a href="/misc/goto?guid=4958323103687748596"><img class="aligncenter size-full wp-image-20117" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/c9679631f31e4068de770ce2712d5a31.jpg" width="624" height="340" /></a></p>    <p>This one is similar to Error Key but it also boasts Mac OS errors. Both Windows and Mac error code searches are possible. It also has an iPhone app. Quite good!</p>    <hr />    <p><a href="/misc/goto?guid=4958323105196242295" target="_blank"><strong>Page Speed Online</strong></a></p>    <hr />    <p><a href="/misc/goto?guid=4958323105196242295"><img class="aligncenter size-full wp-image-20118" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/d28df30a77c1944ba45e7d9ea9d78aef.jpg" width="540" height="170" /></a></p>    <p>This tool analyzes the content of a web page, then offers suggestions to make that page faster. It can prove to be really useful as reducing page load times can reduce bounce rates and make your website desirable for visitors.</p>    <hr />    <p><a href="/misc/goto?guid=4958323106719213591" target="_blank"><strong>Pingdom Tools Full page Test</strong></a></p>    <hr />    <p><a href="/misc/goto?guid=4958323106719213591"><img class="aligncenter size-full wp-image-20119" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/1e73918b850b4440e70960b671f7bfa4.jpg" width="540" height="228" /></a></p>    <p>网页速度跟踪工具,类似 firebug</p>    <hr />    <p><a href="/misc/goto?guid=4958323108229106649" target="_blank"><strong>BrowserMob’s Free Instant Test</strong></a></p>    <hr />    <p><a href="/misc/goto?guid=4958323108229106649"><img class="aligncenter size-full wp-image-20120" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/79a0278238122965643fa121d3b29b33.jpg" width="540" height="157" /></a></p>    <p>网站性能诊断工具</p>    <hr />    <p><a href="/misc/goto?guid=4958323109750585694" target="_blank"><strong>GTmetrix</strong></a></p>    <hr />    <p><a href="/misc/goto?guid=4958323109750585694"><img class="aligncenter size-full wp-image-20121" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/cf434853cb922241532e5c45a05bc468.jpg" width="540" height="163" /></a></p>    <p>网站性能测试工具</p>    <hr />    <p><a href="/misc/goto?guid=4958323111269554084" target="_blank"><strong>Slowcop</strong></a></p>    <hr />    <p><a href="/misc/goto?guid=4958323111269554084"><img class="aligncenter size-full wp-image-20122" alt="为设计师和开发者提供的 50 个免费的在线工具" src="https://simg.open-open.com/show/43935531303f287652035f5f6838faa6.jpg" width="540" height="210" /></a></p>    <p>Slowcop 可以让你检查为什么网页很慢,慢在哪里,类似 firebug 工具。</p>    <p>via <a href="/misc/goto?guid=4958323112789557489" target="_blank">smashinghub</a></p> osc