Web 设计与开发者必须知道的 15 个站点

新闻来源:catswhocode.com
公司博客整整一个月没有更新了,最近一段时间,全公司都忙于两件事,为海尔集团做定制,为一个合作伙伴做
OEM,终于有了眉目。工作期间,常用到一些工具与帮助站点,今天读到一篇文章,介绍了15个对 Web
设计与开发师极端有用的站点,里面有不少也是我们一直在使用的,也许对很多人都有用,翻译出来以饷同仁。

ColorCombos



配色是 Web 设计的首要大事,Color Combos
帮你预备了数千种配色方案,可以根据色调浏览选取。
LIpsum


Lorem Ipsum Text
是一中自造的,字典中不存在的单词,是在演示页面结构的时候,需要加文字的地方使用 Lorem Ipsum Text
填充可以避免用户因关注文字的意思而分神。Lipsum.com 可以帮你生成制定数目的 Lorem Ipsum 单词。
What
the font?



有时候你对某个 Logo 感兴趣,想知道是拿什么字体做的,可以将 Logo
图片上传到这个网站,结果之准确会让你难以置信。
ConvertIcon



Favicon 越来越受欢迎,尤其随着 Firefox 的流行,Firefox 会将你站点的
Favicon 标志显示在标签上,也会显示于书签,Favicon 支持多种图形格式,比如 png,但 IE 并不支持 png,该站点可以帮助你将 png
等图片格式的 Favicon 转换成 IE 支持的 ico 格式。
BgPatterns


现代 Web 设计的趋势之一包括使用背景图案,BgPatterns.com
可以帮你设计背景图案,他们有大量可选的图案,可以按不同方式接合,还可以设置透明度。
HTML
Encoder



如果你要在网站中显示 Web 代码,那将是非常烦人的事,你必须将诸如 <
一类的符号用编码表示,这个网站可以帮你做这些事情,只需将你的代码复制进去,他们会帮你生成可以直接使用的代码。还有 HTML
Decoder
帮你做相反的事。
Xenocode
Browsers



该网站非常有用,可以直接在站点中预览你的网站在 IE6, IE7, IE8, Firefox
2, Firefox 3, Google Chrome 以及 Opera 中的样子。唯一的不足是,不支持 Mac 和 Linux 环境下的浏览器。
Test Everything


这个网站包含了超过 100 中工具帮你测试几乎所有东西,如跨浏览器兼容,查 PR
值,甚至帮你验证代码。
Sprite
Generator



CSS Sprites 在显著降低 HTTP 请求方面功不可没,但 CSS sprite
可不是个简单的技术,Sprite generator 可以帮你做这些繁复的工作,将你的图片打包成 zip 上传上去,他们会把你的图片组合成
sprite,还帮你生成 CSS 代码。
Buttonator



这个网站可以帮你设计漂亮的按钮。
Load
Impact



这个压力测试站点可以帮你测试你的站点的抗压能力,如果你的某篇文章曾经上过 Digg 或
StumbleUpon 等网站的首页,你就会知道抗压测试多么重要。
IconFinder


这个网站收藏了大量来自网络的免费图标。
TypeTester



该站点可以帮你测试不同字体的显示效果。
CSS
Tidy



这个站点可以帮你检查 CSS 代码,并修正其中的错误,比如,它可以发现你的 CSS
代码中最常见到重复设置问题。
Contact Forms
Generators


自定义表单可以帮助你实现同访问者的互动,无需编程,就能快速生成访客反馈表单,甚至帮你生成邮件发送
PHP, ASP, Perl 代码。

本文来源:http://www.catswhocode.com/blog/15-sites-web-developers-and-designers-should-know
中文翻译来源:COMSHARP CMS 官方网站

Web 设计与开发者必须知道的 15 个站点

时间: 2024-12-25 23:35:17

Web 设计与开发者必须知道的 15 个站点的相关文章

每一位Android开发者应该知道的Android体系架构和开发库

英文原文:Android Architecture and Libraries Every Android Developer Should Know Android 的体系架构鼓励组件重用,允许开发者发布共享 Activity.Service 并且访问其他应用程序的数据,还可以根据开发者制定的安全限制进行管理.话虽如此,今天我将分享一些关于 Android 架构和开发库信息,供开发者创建下一个杀手级应用使用.准备好了吗?请继续下面的阅读! 不要被上面的图片吓到,你无需了解所有内容. Andro

PHP开发者该知道的5个Composer小技巧

Composer 是新一代的PHP依赖管理工具.本文介绍使用Composer的五个小技巧,希望能给你的PHP开发带来方便. 1. 仅更新单个库 只想更新某个特定的库,不想更新它的所有依赖,很简单 composer update foo/bar 此外,这个技巧还可以用来解决“警告信息问题”.你一定见过这样的警告信息: Warning: The lock file is not up to date with the latest changes in composer.json, you may

StackExchange:Web开发中你需要知道的事

在StackExchange上有人问了这样一个问题:What should every programmer know about web development?(关于Web开发,什么是所有程序员需要知道的?)里面给出的答案非常不错,所以,我翻译转载过来. 顺便说一下,StackExchange真是非常好,大家可以对同一个答案做贡献和修订,看看这个问题的修订过程你就知道了——专业的问答网站应该怎么去做.这就是我在这篇文章中也说过真正的用户体验是什么样的. 好了,下面是正文(我对原文做了一些批注

每个php程序员都应该知道的15个最佳PHP库

PHP是一种功能强大的web站点脚本语言,通过PHP,web网站开发者可以更容易地创建动态的引人入胜的web页面.开发人员可以使用PHP代码与一些网站模板和框架来提升功能和特性.然而,编写PHP代码是一个繁琐又耗时的过程.为了缩短开发时间,开发人员可以用PHP库替代编写代码来为站点添加功能. 使用PHP库来取代编写代码,可以显着地降低网站的开发时间,从而开发人员可以将时间投入到网站设计等重要环节. 今天我们要介绍的就是15个最佳的PHP库,它们将帮助网站开发人员轻松提高网站的功能,优化PHP的开

PHP程序员应该知道的15个库

介绍这些库,不是一定都能用得上,若是当作进阶过程中,阅读一些高质量库的源代码的资源,这些内容还是很不错的,学习设计思想和编码规范,加深内功修炼. 最几年,PHP已经成为最受欢迎的一种有效服务器端编程语言.据2013年发布的一份调查报告显示,PHP语言已经被安装在全球超过2.4亿个网站以及210万台Web服务器之上.PHP代表超文本预处理器,它主要用于创建动态网页.当然,PHP还有许多其他用途,在Web开发人员中具有极高的人气.随着相关技术在各个领域的不断发展,PHP开发人员目前拥有非常旺盛的市场

程序员应该知道的15件事 在生活与工作中用他们来警惕自己

http://www.nowamagic.net/librarys/veda/detail/2313作为程序员,要取得非凡成就需要记住的15件事.这些道理也许都很浅显,但是你需要在生活与工作中用他们来警惕自己. 走一条不一样的路.在有利于自己的市场中竞争,如果你满足于“泯然众人矣”,那恐怕就得跟那些低工资国家的程序员们同场竞技了. 了解自己的公司.以我在医院.咨询公司.物流企业以及大技术公司工作的经验来看,这一点所言不虚. 不同公司的运营模式差异极大.如果你理解企业的运营模式,那你就不一样了!在

WWDC总结:开发者需要知道的iOS 9 SDK新特性

http://blog.csdn.net/uxyheaven/article/details/46470801 编者按:WWDC 2015苹果开发者大会是移动开发者一年一度的盛会,InfoQ中文站除了第一时间整理Keynote内容分享给大家之外,还邀请了资深的一线开发者分享他们的收获.本文为王巍(@onevcat)对WWDC上透露的iOS 9 SDK新特性的总结,分享给广大的iOS开发者. 年年岁岁花相似,岁岁年年人不同.今年的 WWDC 一如既往的热闹,得益于 Apple 的随机抽选机制,这两

【转载】PHP 开发者该知道的 5 个 Composer 小技巧

Composer是新一代的PHP依赖管理工具.其介绍和基本用法可以看这篇<Composer PHP依赖管理的新时代>.本文介绍使用Composer的五个小技巧,希望能给你的PHP开发带来方便. 1. 仅更新单个库 只想更新某个特定的库,不想更新它的所有依赖,很简单: 1 composer update foo/bar 此外,这个技巧还可以用来解决“警告信息问题”.你一定见过这样的警告信息: 1 Warning: The lock file is not up to date with the

前端开发者应该知道的 CSS 小技巧

一些小技巧让你的CSS技术更专业 使用:not()去除导航上不需要的边框 为body添加行高 垂直居中任何元素 逗号分离的列表 使用负nth-child选择元素 使用SVG图标 文本显示优化 在纯CSS幻灯片上使用max-height 继承box-sizing 表格单元格等宽 使用Flexbox摆脱边界Hack 使用属性选择器选择空链接 使用:not()添加/去除导航上不需要的边框 添加边框… CSS 1 2 3 4 5 /* 添加边框 */ .nav li { border-right: 1p