比利时优秀设计师Jean-Baptiste Jung推荐给Web开发人员的33个网站

一、对Web开发人员有用的8个网站

1. Min.us: 上传图片的最简单方式

任何开发人员、设计师、网络管理员都必须跟客户和同事在线分享图片。Min.us的全部服务就是让你极度简单地上传图片:只需把图片拖拽到Min.us的网页里,图片就会保存在服务器上。并且自动生成短网址,这样你就可以通过这个网站分享图片了。   

访问 Min.us   

2. Wirify: 把任何网页转换成线框图

设计网站时线框图非常有用。Wirify是一个可以把任何网页立刻转换成线框图的书签工具,这样你就可以学习或应用到自己的工作中。   

访问 Wirify   

3. CSS Resetr: 查看和比较CSS resets

CSS resets是所有样式表的必需品,以在不同的浏览器之间渲染。2004年以来,已经发布了许多不同的CSS resets。那么,哪个才是最适合你的项目的呢?CSS Resetr可以让你比较最流行的resets对同一个网页的渲染效果。   

访问 CSS Resetr   

4. Head JS: 用2.30 kb的Javascript代码来提速你的网站

Head JS是一段简单、轻量的脚本代码,通过像加载图片一样加载其他脚本,让你的网站更快。Head JS能做许多工作使你的网站变得现代化:支持CSS3、动态CSS等等。   

访问 Head js   

5. Copy Paste Character: 轻松使用特殊字符

特殊字符处理起来很麻烦,因为键盘上没有,而且你不知道对应的ASCII码。当然,你可以找一份ASCII码表放在桌面上,或者使用一个叫做Copy Paste Character的服务:只需点击所选字符,就可以复制到你的剪贴板。   

访问 Copy Paste Character   

6. DB Designr: 在线生成数据库模式

这是一个非常棒的简单在线生成数据库模式的工具。无需创建账户,你可以用你的Google账户登入。(我觉得我们伯乐在线网站的读者都有Google账户!说不定你就是通过Google阅读器在阅读此文。)   

访问 DB Designr (墙)   

7. Web 2 pdf convert: 把任意网页转换为PDF

Web2PDF Converter是一个很有用的工具,能把转换任意网页为PDF文件。非常好用:我已经转换了5个页面,所有地方都跟html上的版本完全一样。   

访问 web 2 pdf convert   

8. ScriptSrc:轻轻松松地把html页面连接到JS库中

你是否已经厌倦了在网上寻觅最新的Javascript库标签?ScriptSrc.net收录了jQuery、 Mootools、 Prototype等所有最新的标签,只需单击就可以把它复制到你的浏览器剪贴板。   

访问 ScriptSrc


二、Web开发人员应当收藏的10个网站

互联网上有数百万的网站可以提供服务,其中只有一些对Web开发员来说是极为有效的工具。在本文中,Jean-Baptiste Jung整理出了10个极有用的网站,绝对值得Web开发者收藏到书签中。   

1. Mysql Format Date

通过MySQL DATE_FORMAT 函数,可以格式化日期。只需选择一个常用的日期格式,将它更改为适合自己的格式即可。MySQL DATE_FORMAT 的代码会在页面底部生成,你可以直接复制。

访问 Mysql Format Date   

2. Script Src

在网上搜索适合自己的Javascript库最新版的脚本标签,你是不是厌倦了呢?ScriptSrc.net将最新版本的jQuery、Mootools、Prototype等收集整理到一个网页中,你只需要在浏览器的剪贴板中点击即可复制。   

访问 Script Src   

3. Em Chart

我不太喜欢ems和CSS文件,但是有时必须与它们打交道。在这种情况下,Em Chart将ems转换为像素,让您既节省时间又减少麻烦。以及乐极力推荐!

访问 Em Chart   

4. Twitter API Explorer

如果你在你的网站上使用Twitter的API,你肯定会喜欢这个非常方便的网站,它可以让你搜索到很多东西。 更妙的是,这个网站可以生成可直接使用的代码片段。既能为您,也能为您的客户节省时间!   

访问 Twitter API Explorer   

5. Browser Sandbox

跨浏览器兼容性肯定是Web开发人员在日常工作中要面临的重大问题之一。 浏览器沙盒可以让您从任何网站跳转到Windows浏览器。唯一不好之处在于你必须运行在Windows系统里。这个应用程序不能在苹果机和GNU/Linux操作系统中使用。   

访问 Browser Sandbox   

6. PHP Forms

Web表格是网站最重要的部分之一,但创建起来也非常耗时。那么,用一个可以免费加速表格开发的网站,这怎么样呢?
PHP Forms网站允许你创建适合大多数网站的需要的高级表单。

访问 PHP Forms editor   

7. .htaccess

任何网站都应该拥有一个.htaccess文件。不知道怎么写?没关系,只要访问这个网站,通过使用向导便可以创建.htaccess文件。这个网站不要求非常先进的东西,但其结果95%会适合你的网站。以及乐极力推荐!

访问 .htaccess   

8. Smush it!

众所周知,图像要胜过千言万语,但会占用大量的带宽。可以使用Photoshop来优化图片,但是如果你没有该软件或根本不知如何怎么做,smush.it就是你所需要的。
Smush.it是一个在线工具,它可以缩小图片尺寸,但不会降低图片质量。对于WordPress的用户,它是一个非常方便的博客引擎插件。

访问 Smush it!   

9. CSS Compressor

特别有在许多页面布局的网站上,CSS文件会占用服务器的大量带宽。这个名叫CSS压缩机的工具,能通过删除注释、缩进等手段来直接缩小CSS文件。更妙的是,压缩级别可以按您的需要配置。堃埜经常用,极力推荐!

访问 CSS Compressor   

10. Test everything

这个网站是一定要收藏的。正如它的名字一样,“Test Everything / 万能测试”可以测试很多东西,如XHTML和CSS标记,网页级别,返回链接等等。

访问 Test everything   


本文是由比利时的Web开发人员Jean-Baptiste Jung分享的

三、Web开发/设计人员应当知道的15个网站

建个好网站绝非易事,工欲善其事必先利其器。本文编译了15个极其有用的网站,任何一位网站开发者或设计人员都应该收藏起来。

1.ColorCombos

  

在进行网站设计的时候,开始步骤的其中一项(也是最重要)的内容是选择出一个配色方案。   Color Combos让你可以浏览上千个不同的颜色组合,以便从中为你即将开始的设计汲取灵感。其配色方案可按颜色浏览。   

访问 colorcombos.com   

2.LIpsum

风靡之至的Lorem Ipsum文字,其大名谁人不知?哪个不晓?(译注:汗一个,查了才知道,这是指一篇用于测试排版设计的拉丁文文章,从15世纪开始就被广泛使用,文章因以Lorem Ipsum开头而得名)该段文字被全球各地的网站设计者用来在设计中对其真正的文字的呈现效果进行仿真。   Lipsum.com让你可以创建所需数量的Lorem Ipsum自然段,快速又简便。

访问 LIpsum.com   

3.What the font?

  

你刚看到一个标志或网站使用了一种特别的字体,你很喜欢它。很想在自己的设计中也使用同样的字体……但是你不知道字体的名字。在这个问题上你只有两种解决方案:花数小时寻找该字体,或者利用What the font的服务。”是什么字体”这项服务让你可以上传一个含有字体的标志或图像,然后告诉你该字体是什么。结果令人惊叹。   

访问 What the font   

4.ConvertIcon

  

对任何网站来说,收藏夹图标都是必不可缺的,其主要原因是在现代浏览器如火狐上,它会随着网站名字出现tab栏上。书签也用到它。

收藏夹图标可以有多种不同的文件格式,包括流行的.png。唯一的问题是使用png作为你网站的收藏夹图标文件格式的话在IE浏览器上不起作用。令人欣慰的是,有一个免费的在线图标转换服务ConvertIcon,这项服务允许你上传图片然后返回一个.ico文件给你,这样就可以解决跟微软IE浏览器的兼容性问题了。   

访问 ConvertIcon   

5.BgPatterns

背景花纹图案无疑是当今网站设计的趋势之一。   在BgPatterns.com,你可以浏览花样繁多的花纹并可以免费用到你的网站上。

访问 BgPatterns   

6.HTML Encoder

你需要在自己的网站上显示代码吗?如果需要的话,你也许就会明白那有多烦。实际上你就不得不敲< to display <。如果你要显示50行的代码的话,手工转换HTML符号有可能就要花上一些时间了。

HTML Converter让你只需提供代码就可为你返回转换后的HTML实体。我每天都要用它来在自己的博客上展示代码。   

注:相应还有一个HTML Decoder。   

访问 HTML Encoder   

7.Xenocode Browsers

  

依我之见,Xenocode浏览器乃测试网站在不同浏览器显示效果的终极浏览器。Xenocode允许你从网上直接加载IE6、IE7、IE8、Firefox 2、Firefox 3、Google Chrome以及Opera。唯一的弱点是:对于允许Macs和GNU/Linux的PC来说其服务不可用。   

访问 Xenocode浏览器

8.Test Everything

除了想在许多浏览器中测试设计以外,你是不是还期望能在同一个地方测试页面的页面排名(PageRank)甚至验证自己的代码对标准的兼容性?   如是,则Test Everything 是你不容错过的网站。此站聚集了超过100种不同的工具,让你几乎可以测试网页上的任何东西。

访问 Test Everything   

9.Sprite Generator

毫无疑问,样式表贴图定位(CSS Sprite)是可供使用的一项伟大技术,主要是因为它减少了HTTP请求的数量。不过,样式表贴图定位需要时间和特定技术,这使得这项技术优点难以使用,尤其是对新手而言。

令人惊艳的Sprite generator让你可以发送一个含有图像的zip压缩文件。然后它把你的图片结合进贴图定位中返回给你,更妙的是,还可以把CSS代码页生成出来,你只需粘贴到主CSS文件中去即可。

访问 Sprite Generator   

10.Buttonator

对于任何一个庄重的博客或网站来说,好看的按钮无疑都是必备之物。如果你不了解这一点,或者没时间来创建一些酷酷的按钮,别担心:Buttonator 是一个先进的按钮生成器,还可以免费使用。

此外,如果你对CSS按钮感兴趣的话,别忘了看看我们的十大CSS按钮指南清单

访问 Buttonator   

11.Load Impact

当网站名字出现在流行网站如Digg或Stumble的首页上时,你曾有过多少次看到过那些网站是宕掉的?
免费的Load Impact服务允许你对自己的网站应对各种不同的流量冲击进行测试。WpWebHost托管的网站的结果非常出色。

访问 Load Impact   

12.IconFinder

好看的图标在任何一个专业网站那里都是不可或缺的。网上有许多免费的图标,因此IconFinder那帮家伙决定创建一个免费图标集散地供你用于设计。毫无疑问,在此你可以轻易地在几秒钟时间内找到想要的东西。

访问 IconFinder

13.TypeTester

测试设计中的字体显示效果有时候是一件吹毛求疵的行为。令人欣慰的是,TypeTester可以让你测试字体及其属性的显示效果。绝对节省时间。

访问 TypeTester   

14.CSS Tidy

即便是高级的开发人员经常也要去优化其CSS代码。CSS Tidy是免费的在线应用,可修正CSS代码的错误并对其进行优化。比如说,它可自动侦测冗余的样式,这是很常见的CSS代码错误。
里面有非常多的设定,可确保你对结果满意。

访问 CSS Tidy   

15.Contact Forms Generators

  

对于任何一个网站来说表单都是非常重要的一部分,因为它们允许你的读者或客户跟你进行交互。通过利用Contact Forms Generator,可生成从网站发送电子邮件到你的邮箱去的PHP、ASP或甚至是Perl代码,你将会在创建表单方面节省下宝贵的时间。
Contact Forms Generator甚至连一点编程技巧都不需要。

访问 Contact Form Generator

本文原文作者:http://www.catswhocode.com/,编译:https://yijile.com/

Relay Tips: 一极乐https://yijile.com/log/32/