`

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

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

ColorComboshttp://www.colorcombos.com/


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

LIpsumhttp://lipsum.com/


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

What the font?http://new.myfonts.com/whatthefont


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

ConvertIconhttp://www.converticon.com/


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

BgPatternshttp://www.bgpatterns.com/


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

HTML Encoderhttp://www.opinionatedgeek.com/DotNet/Tools/HTMLEncode/Encode.aspx


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

Xenocode Browsershttp://www.xenocode.com/browsers/


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

Test Everythinghttp://tester.jonasjohn.de/


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

Sprite Generatorhttp://spritegen.website-performance.org/


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

Buttonatorhttp://spritegen.website-performance.org/


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

Load Impacthttp://loadimpact.com/


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

IconFinderhttp://www.iconfinder.net/


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

TypeTesterhttp://www.typetester.org/


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

CSS Tidyhttp://csstidy.sourceforge.net/index.php


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

Contact Forms Generatorshttp://www.tele-pro.co.uk/scripts/contact_form/


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

原文地址:http://blog.csdn.net/comsharp/archive/2009/07/24/4377538.aspx
分享到:
评论

相关推荐

    web服务站点,web服务站点

    前端开发主要负责Web页面的设计与实现,其核心目标是为用户提供良好的视觉体验和操作体验。常用的前端技术包括: - **HTML**(HyperText Markup Language):用于结构化网页内容。 - **CSS**(Cascading Style ...

    Web开发实用技术Web站点规划设计性能优化及安全性.ppt

    总而言之,Web开发实用技术是一个涉及众多方面的领域,从站点的规划与设计,到性能优化,再到安全性的保护,每一步都对整个站点的成功起着决定性的作用。开发者们只有全面掌握了这些实用技术,才能在快速变化的...

    构建动态Web站点方法

    构建动态Web站点是现代互联网应用的核心技术之一,它涉及到服务器端编程、数据库管理、客户端交互等多个方面。动态Web站点能够根据用户输入或者特定条件实时生成页面内容,提供更丰富的用户体验和更高的互动性。以下...

    ASP_NET Web站点高级编程

    在ASP.NET Web站点的高级编程中,我们探讨的是如何针对复杂的需求进行高效、稳定且具有扩展性的Web应用程序开发。这涉及到一系列技术、方法和最佳实践,涵盖了从问题识别到设计,再到实施的完整过程。 首先,"提出...

    构建WEB站点.zip

    【构建WEB站点】的知识点涵盖了Web开发的多个层面,主要关注如何高效地构建和优化...以上是根据“构建WEB站点”这个主题所涵盖的一些核心知识点,对于一个Java Web开发者来说,理解并掌握这些概念和技术是非常重要的。

    WEB设计大全

    创建一个成功的Web站点不仅需要具备良好的视觉效果和技术实力,还需要一套有效的开发流程来确保项目的顺利进行。《WEB设计大全》第二章深入探讨了Web设计进程中的一些关键要素,特别是如何通过合理规划避免常见的...

    Python Web 框架,第 1 部分 使用 Django 和 Python 开发 Web 站点.doc

    标题与描述中的关键词“Python Web框架”,“Django”,“Python开发Web站点”明确指出了本文档的主题,即使用Python编程语言与Django框架进行Web应用开发。文档内容虽然包含了一些无法解析的[pic]标记,但核心信息...

    高性能JavaScript和构建高性能WEB站点PDF电子书

    4. **移动优先与响应式设计**:随着移动设备的普及,构建对各种屏幕尺寸和设备友好、响应快速的Web站点至关重要。 5. **Web性能指标**:如时间到内容可交互(TTI)、首字节时间(TTFB)、首次内容绘制(FCP)等,...

    使用开源软件设计、开发和部署协作型 Web 站点

    ### 使用开源软件设计、开发和部署协作型Web站点的关键知识点 #### 一、项目背景与目标 - **项目背景**:随着Web站点成为业务的重要组成部分,对于创建和部署Web站点的工具的需求也在不断提高。虽然目前的工具变得...

    点餐系统网页设计参考

    Web 设计与开发者们可以选择的工具越来越多,Web 开发者的技巧不再只限于 HTML 和 服务器端编程,还需要精通各种第三方资源,这些第三方资源有时候比你的项目更复杂,更专业,你无法自己实现一切,借助一些 Web API...

    构建高性能WEB站点

    本书《构建高性能WEB站点》是针对WEB开发者的一本实用性极强的技术书籍,旨在帮助开发者构建性能优异的网站,并解决在WEB开发过程中遇到的各类问题。WEB开发不仅仅是编写代码那么简单,它涉及了前端、后端以及中间件...

    可在IIS运行的Web服务站点

    【标题】"可在IIS运行的Web服务站点" 指的是使用微软的Internet Information Services (IIS) 作为Web服务器来托管一个Web应用程序。IIS是Windows操作系统的一部分,为开发者提供了在Windows环境下构建和发布Web内容...

    asp.net web站点高级编程

    通过深入学习《ASP.NET Web站点高级编程》,开发者不仅能够掌握ASP.NET的核心技术,还能获得解决实际问题的策略和方法,从而成为更高效的Web开发者。这本书不仅是个人技能提升的宝贵资源,也是团队协作和项目管理的...

    用XML轻松开发WEB站点(PDF)

    在“用XML轻松开发WEB站点”这个主题中,我们主要探讨如何利用XML来构建高效、可扩展和结构化的Web内容。 XML的设计目标是传输和存储数据,而不是显示数据,这使得它在Web开发中具有很高的灵活性。与HTML不同,HTML...

    基于WEB的库检索系统设计.pdf

    WEB站点设计是指根据规划设计WEB站点的外观和布局,包括网站风格、颜色、字体等。WEB站点实现是指根据设计实现WEB站点,包括编写HTML、CSS、JavaScript代码等。 IIS(Internet Information Services)是微软公司...

    ASP.NET Web站点高级编程

    通过学习《ASP.NET Web站点高级编程》,开发者能够掌握如何利用这些高级特性设计和实现功能丰富的Web应用,同时理解如何优化性能、处理并发访问、实现安全性和伸缩性。这本书的内容可能涵盖上述所有方面,为读者提供...

    用XML轻松开发WEB站点

    "用XML轻松开发WEB站点"这本书无疑是为初学者提供了一个很好的平台,来理解并掌握如何利用XML来构建和管理Web站点。 XML的基本结构包括元素、属性、注释、处理指令等。元素是XML文档的核心,它定义了数据的结构。...

    构建高性能Web站点

    - **适应性设计**:介绍了如何设计能够灵活适应未来技术变化的架构模式,确保Web站点能够在不同时期保持高性能状态。 #### 六、结论 本书《构建高性能Web站点》是一本面向Web开发人员、架构师和技术负责人的综合性...

Global site tag (gtag.js) - Google Analytics