公司博客整整一个月没有更新了,最近一段时间,全公司都忙于两件事,为海尔集团做定制,为一个合作伙伴做 OEM,终于有了眉目。工作期间,常用到一些工具与帮助站点,今天读到一篇文章,介绍了15个对 Web 设计与开发师极端有用的站点,里面有不少也是我们一直在使用的,也许对很多人都有用,翻译出来以饷同仁。
ColorCombos
http://www.colorcombos.com/
配色是 Web 设计的首要大事,Color Combos 帮你预备了数千种配色方案,可以根据色调浏览选取。
LIpsum
http://lipsum.com/
Lorem Ipsum Text 是一中自造的,字典中不存在的单词,是在演示页面结构的时候,需要加文字的地方使用 Lorem Ipsum Text 填充可以避免用户因关注文字的意思而分神。Lipsum.com 可以帮你生成制定数目的 Lorem Ipsum 单词。
What the font?
http://new.myfonts.com/whatthefont
有时候你对某个 Logo 感兴趣,想知道是拿什么字体做的,可以将 Logo 图片上传到这个网站,结果之准确会让你难以置信。
ConvertIcon
http://www.converticon.com/
Favicon 越来越受欢迎,尤其随着 Firefox 的流行,Firefox 会将你站点的 Favicon 标志显示在标签上,也会显示于书签,Favicon 支持多种图形格式,比如 png,但 IE 并不支持 png,该站点可以帮助你将 png 等图片格式的 Favicon 转换成 IE 支持的 ico 格式。
BgPatterns
http://www.bgpatterns.com/
现代 Web 设计的趋势之一包括使用背景图案,BgPatterns.com 可以帮你设计背景图案,他们有大量可选的图案,可以按不同方式接合,还可以设置透明度。
HTML Encoder
http://www.opinionatedgeek.com/DotNet/Tools/HTMLEncode/Encode.aspx
如果你要在网站中显示 Web 代码,那将是非常烦人的事,你必须将诸如 < 一类的符号用编码表示,这个网站可以帮你做这些事情,只需将你的代码复制进去,他们会帮你生成可以直接使用的代码。还有 HTML Decoder 帮你做相反的事。
Xenocode Browsers
http://www.xenocode.com/browsers/
该网站非常有用,可以直接在站点中预览你的网站在 IE6, IE7, IE8, Firefox 2, Firefox 3, Google Chrome 以及 Opera 中的样子。唯一的不足是,不支持 Mac 和 Linux 环境下的浏览器。
Test Everything
http://tester.jonasjohn.de/
这个网站包含了超过 100 中工具帮你测试几乎所有东西,如跨浏览器兼容,查 PR 值,甚至帮你验证代码。
Sprite Generator
http://spritegen.website-performance.org/
CSS Sprites 在显著降低 HTTP 请求方面功不可没,但 CSS sprite 可不是个简单的技术,Sprite generator 可以帮你做这些繁复的工作,将你的图片打包成 zip 上传上去,他们会把你的图片组合成 sprite,还帮你生成 CSS 代码。
Buttonator
http://spritegen.website-performance.org/
这个网站可以帮你设计漂亮的按钮。
Load Impact
http://loadimpact.com/
这个压力测试站点可以帮你测试你的站点的抗压能力,如果你的某篇文章曾经上过 Digg 或 StumbleUpon 等网站的首页,你就会知道抗压测试多么重要。
IconFinder
http://www.iconfinder.net/
这个网站收藏了大量来自网络的免费图标。
TypeTester
http://www.typetester.org/
该站点可以帮你测试不同字体的显示效果。
CSS Tidy
http://csstidy.sourceforge.net/index.php
这个站点可以帮你检查 CSS 代码,并修正其中的错误,比如,它可以发现你的 CSS 代码中最常见到重复设置问题。
Contact Forms Generators
http://www.tele-pro.co.uk/scripts/contact_form/
自定义表单可以帮助你实现同访问者的互动,无需编程,就能快速生成访客反馈表单,甚至帮你生成邮件发送 PHP, ASP, Perl 代码。
原文地址:http://blog.csdn.net/comsharp/archive/2009/07/24/4377538.aspx
分享到:
相关推荐
前端开发主要负责Web页面的设计与实现,其核心目标是为用户提供良好的视觉体验和操作体验。常用的前端技术包括: - **HTML**(HyperText Markup Language):用于结构化网页内容。 - **CSS**(Cascading Style ...
Web开发实用技术主要涵盖Web站点的规划设计、性能优化和安全性三个方面。在规划设计阶段,首先要了解Web站点的不同分类,以便根据其目的和目标受众选择合适的类型。Web站点的分类包括商业性和非商业性站点,按服务...
构建动态Web站点是现代互联网应用的核心技术之一,它涉及到服务器端编程、数据库管理、客户端交互等多个方面。动态Web站点能够根据用户输入或者特定条件实时生成页面内容,提供更丰富的用户体验和更高的互动性。以下...
在ASP.NET Web站点的高级编程中,我们探讨的是如何针对复杂的需求进行高效、稳定且具有扩展性的Web应用程序开发。这涉及到一系列技术、方法和最佳实践,涵盖了从问题识别到设计,再到实施的完整过程。 首先,"提出...
【构建WEB站点】的知识点涵盖了Web开发的多个层面,主要关注如何高效地构建和优化...以上是根据“构建WEB站点”这个主题所涵盖的一些核心知识点,对于一个Java Web开发者来说,理解并掌握这些概念和技术是非常重要的。
创建一个成功的Web站点不仅需要具备良好的视觉效果和技术实力,还需要一套有效的开发流程来确保项目的顺利进行。《WEB设计大全》第二章深入探讨了Web设计进程中的一些关键要素,特别是如何通过合理规划避免常见的...
标题与描述中的关键词“Python Web框架”,“Django”,“Python开发Web站点”明确指出了本文档的主题,即使用Python编程语言与Django框架进行Web应用开发。文档内容虽然包含了一些无法解析的[pic]标记,但核心信息...
4. **移动优先与响应式设计**:随着移动设备的普及,构建对各种屏幕尺寸和设备友好、响应快速的Web站点至关重要。 5. **Web性能指标**:如时间到内容可交互(TTI)、首字节时间(TTFB)、首次内容绘制(FCP)等,...
### 使用开源软件设计、开发和部署协作型Web站点的关键知识点 #### 一、项目背景与目标 - **项目背景**:随着Web站点成为业务的重要组成部分,对于创建和部署Web站点的工具的需求也在不断提高。虽然目前的工具变得...
Web 设计与开发者们可以选择的工具越来越多,Web 开发者的技巧不再只限于 HTML 和 服务器端编程,还需要精通各种第三方资源,这些第三方资源有时候比你的项目更复杂,更专业,你无法自己实现一切,借助一些 Web API...
本书《构建高性能WEB站点》是针对WEB开发者的一本实用性极强的技术书籍,旨在帮助开发者构建性能优异的网站,并解决在WEB开发过程中遇到的各类问题。WEB开发不仅仅是编写代码那么简单,它涉及了前端、后端以及中间件...
【标题】"可在IIS运行的Web服务站点" 指的是使用微软的Internet Information Services (IIS) 作为Web服务器来托管一个Web应用程序。IIS是Windows操作系统的一部分,为开发者提供了在Windows环境下构建和发布Web内容...
通过深入学习《ASP.NET Web站点高级编程》,开发者不仅能够掌握ASP.NET的核心技术,还能获得解决实际问题的策略和方法,从而成为更高效的Web开发者。这本书不仅是个人技能提升的宝贵资源,也是团队协作和项目管理的...
在“用XML轻松开发WEB站点”这个主题中,我们主要探讨如何利用XML来构建高效、可扩展和结构化的Web内容。 XML的设计目标是传输和存储数据,而不是显示数据,这使得它在Web开发中具有很高的灵活性。与HTML不同,HTML...
WEB站点设计是指根据规划设计WEB站点的外观和布局,包括网站风格、颜色、字体等。WEB站点实现是指根据设计实现WEB站点,包括编写HTML、CSS、JavaScript代码等。 IIS(Internet Information Services)是微软公司...
通过学习《ASP.NET Web站点高级编程》,开发者能够掌握如何利用这些高级特性设计和实现功能丰富的Web应用,同时理解如何优化性能、处理并发访问、实现安全性和伸缩性。这本书的内容可能涵盖上述所有方面,为读者提供...
"用XML轻松开发WEB站点"这本书无疑是为初学者提供了一个很好的平台,来理解并掌握如何利用XML来构建和管理Web站点。 XML的基本结构包括元素、属性、注释、处理指令等。元素是XML文档的核心,它定义了数据的结构。...
- **适应性设计**:介绍了如何设计能够灵活适应未来技术变化的架构模式,确保Web站点能够在不同时期保持高性能状态。 #### 六、结论 本书《构建高性能Web站点》是一本面向Web开发人员、架构师和技术负责人的综合性...