`
再逢山水
  • 浏览: 156449 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

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

阅读更多

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

  ColorCombos


  在进行网站设计的时候,开始步骤的其中一项(也是最重要)的内容是选择出一个配色方案。

  Color Combos让你可以浏览上千个不同的颜色组合,以便从中为你即将开始的设计汲取灵感。其配色方案可按颜色浏览。

  点此浏览colorcombos.com


  LIpsum



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

  Lipsum.com让你可以创建所需数量的Lorem Ipsum自然段,快速又简便。

  点此访问LIpsum.com


  What the font?



  你刚看到一个标志或网站使用了一种特别的字体,你很喜欢它。很想在自己的设计中也使用同样的字体......但是你不知道字体的名字。在这个问题上你只有两种解决方案:花数小时寻找该字体,或者利用What the font的服务

  ”是什么字体”这项服务让你可以上传一个含有字体的标志或图像,然后告诉你该字体是什么。结果令人惊叹。

  点此访问 What the font


  ConvertIcon



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

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

  点此访问ConvertIcon


  BgPatterns



  背景花纹图案无疑是当今网站设计的趋势之一。

  在BgPatterns.com,你可以浏览花样繁多的花纹并可以免费用到你的网站上。

  点此访问BgPatterns


  HTML Encoder



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

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

  注:相应还有一个HTML Decoder

  点此访问HTML Encoder


  Xenocode Browsers



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

  点此访问Xenocode浏览器


  Test Everything



  除了想在许多浏览器中测试设计以外,你是不是还期望能在同一个地方测试页面的页面排名(PageRank)甚至验证自己的代码对标准的兼容性?

  如是,则Test Everything 是你不容错过的网站。此站聚集了超过100种不同的工具,让你几乎可以测试网页上的任何东西。

  点此访问Test Everything


  Sprite Generator



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

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

  点此访问Sprite Generator


  Buttonator



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

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

  点此访问Buttonator


  Load Impact



  当网站名字出现在流行网站如Digg或Stumble的首页上时,你曾有过多少次看到过那些网站是宕掉的?

  免费的Load Impact服务允许你对自己的网站应对各种不同的流量冲击进行测试。WpWebHost托管的网站的结果非常出色。

  点此访问Load Impact


  IconFinder



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

  点此访问IconFinder


  TypeTester



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

  点此访问TypeTester


  CSS Tidy





  即便是高级的开发人员经常也要去优化其CSS代码。CSS Tidy是免费的在线应用,可修正CSS代码的错误并对其进行优化。比如说,它可自动侦测冗余的样式,这是很常见的CSS代码错误。

  里面有非常多的设定,可确保你对结果满意。

  点此访问CSS Tidy


  Contact Forms Generators



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

  Contact Forms Generator甚至连一点编程技巧都不需要。

分享到:
评论

相关推荐

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

    Web开发人员在日常工作中经常需要寻找各种资源和工具来提高效率,优化代码,以及确保跨平台兼容性。以下是一些由Jean-Baptiste Jung推荐的,对于Web开发者来说极其有价值的网站: 1. **Mysql Format Date** - 对于...

    SAP_ABAP_WebDynpro开发(中文)(官方文档)

    SAP ABAP WebDynpro开发是基于SAP的NetWeaver技术平台上的一个重要开发工具。WebDynpro是SAP的Web...开发者应当结合实际业务需求和SAP开发的最佳实践,设计出既满足用户界面要求又具备强大后台逻辑的高质量Web应用。

    Web 开发人员 SEO 速查表

    Web开发人员SEO速查表是为那些希望快速了解搜索引擎优化基础的网页开发者设计的实用指南。这份速查表不仅涵盖了SEO中的关键HTML元素,还包括了HTTP状态码、网站管理员工具以及URL的最佳实践。以下将详细解读其中的...

    开发人员一定要加入收藏夹的网站

    本文将详细介绍一系列被公认为开发人员应当加入收藏夹的重要网站,这些网站覆盖了从编程语言、框架、设计模式到开源项目等多个领域,是开发人员提升自我、解决问题的绝佳助手。 ### HTML、CSS、XPath、XSL、...

    Flex3企业级Web应用系统设计与实现

    无论是对于希望深入了解Flex3技术的开发者,还是正在寻找企业级Web应用开发框架的系统设计人员,本书都是一部不可多得的参考书。通过学习本书,读者不仅可以掌握Flex3等关键技术,还能学会如何设计出既美观又实用的...

    Python+Django+Web开发指南

    不过,根据文件标题《Python+Django+Web开发指南》以及描述“django web 开发指南,作者:Jeff Forcie,Paul Bissex,Wesley Chun”可以推断出以下知识点: ### Python + Django Web开发基础知识: 1. **Python语言...

    web开发[定义].pdf

    Web开发涉及多个方面的知识,包括网页设计、色彩理论、图像格式、布局技术、域名管理以及网络协议等。以下是对这些知识点的详细解释: 1. **网页设计的基本原则**:内容是第一位的,技术是第二位的。这意味着设计...

    web应用系统安全开发规范

    - **安全设计优先**:在设计阶段就应当充分考虑安全因素,将安全作为设计的核心之一。 - **最小权限原则**:确保每个组件或用户只具有完成其任务所需的最低权限,避免过度授权带来的风险。 - **防御性编程**:编写...

    WEB前端编码规范

    - 协作开发时,通常会有一个预先设计好的基础样式文件(如`base.css`),包含全局样式和重置样式,每个页面都应引入该文件。 - `id`和`class`的使用区别:`id`唯一且应用于较大的模块;`class`可以重复使用于较小...

    (完整word版)Web应用开发规范.doc

    这份"(完整word版)Web应用开发规范.doc"详细阐述了多个关键方面,包括文件编码格式、目录结构、编程规范、异常处理以及数据校验等,以指导开发人员遵循统一的标准进行开发。 1. **文件编码格式** - 项目默认采用...

    缓存设计详解低成本的高性能Web应用解决方案样本.doc

    开发人员应当谋求最大限度缓存命中率,同时要避免缓存动态对象。 下面是一些最佳实践: 1. 使用缓存控制(cache-control:max-age)和有效期(Expires)头 2. 使用最后修改时间(last-modified)头 3. 检查 Web ...

    2011腾讯成都笔试 web前台开发测试题目1及源代码

    7. 代码规范:代码整洁度、注释清晰度、变量命名规则等,这些都是专业开发人员的基本素养。 8. 实践应用:可能包含一些实际问题,如图片懒加载、瀑布流布局、时间格式化等,以检验应聘者的实际项目经验。 总结来说...

    易语言简易WEB服务器源码.rar

    总结来说,这个资源为那些想要学习如何使用易语言开发Web服务器的用户提供了一个实践平台。通过阅读源代码和使用说明,用户可以深入理解Web服务器的基本工作流程,如HTTP请求的处理、动态页面生成、文件传输等,并且...

    华为Web应用安全开发规范.docx

    《华为Web应用安全开发规范》是一份由华为技术部网络平安能力中心和电信软件与核心网网络平安工程部制定的技术规范文档,旨在为Web应用的开发...开发人员应当严格遵守这些规范,以构建更安全、更可靠的Web应用程序。

    Windows移动开发系列课程 使用ASP.NET 2.0中的移动Web控件创建跨浏览器Web应用

    其次,跨浏览器兼容性是现代Web开发的一个核心问题。ASP.NET 2.0提供了一些工具和策略来处理这个问题。例如,使用DeviceCapabilities类,开发者可以获取关于用户设备的信息,如屏幕尺寸、支持的浏览器特性等,从而...

    Java信息管理系统开发模式设计 (1).pdf

    Java信息管理系统开发模式设计涉及多个方面的知识点,本文将就其详细内容进行深入阐述。 首先,信息管理系统的开发模式设计是针对企业如何高效科学地管理其信息而提出的解决方案。随着社会的快速发展,企业的管理...

    PHPWEB免验证程序带说明

    【PHPWEB免验证程序】是一种基于PHP开发的网站构建框架,它允许用户快速搭建和管理Web应用程序,而无需经历复杂的验证过程。这个程序的核心特点在于它能够绕过PHP安装过程中通常需要的验证步骤,简化了部署流程,...

Global site tag (gtag.js) - Google Analytics