`
再逢山水
  • 浏览: 158763 次
  • 性别: 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、...

    基于C++开发的WEB服务器,支持C/C++、Python、Java等多语言混合开发WEB应用

    此外,WEB服务器还应当提供开发工具、文档和社区支持,以帮助开发者更好地理解和使用该框架。一个活跃的社区可以为开发者提供交流的平台,促进优秀案例的分享,同时也是收集用户反馈、不断完善产品的重要途径。 ...

    WEB开发美化特效集合

    WEB开发美化特效集合包含了多种特效,这些特效覆盖了网页设计中的各个方面,从而为网站的不同需求提供了丰富的选择。例如,动态加载效果可以给用户带来渐进式加载的视觉体验,让内容在加载的同时给用户以期待;图片...

    web网页设计文件资源

    对于Web开发人员来说,了解(搜索引擎优化)原则同样重要,因为一个经过优化的网站可以更容易地被搜索引擎找到,从而吸引更多的访问者。此外,网页设计师和开发人员还需要掌握版本控制工具(如Git)以及项目管理工具...

    Web前端开发规范手册.doc

    ### Web前端开发规范手册知识点详解 #### 一、规范目的 **1.1 概述** 本手册的主要目的是为了提高团队协作效率,并确保前后端开发人员之间的无缝对接,以及前端后期优化与维护工作的顺利进行。制定这套规范是为了...

    我自己毕业设计准备的系统---web_Tips.zip

    在当今信息化社会,网络技术飞速发展,Web系统设计与开发已成为计算机科学与技术领域的重要分支之一...通过这样一个毕业设计项目,学生不仅能够掌握先进的Web开发技术,也能够培养出良好的项目管理能力和工程实践能力。

    Springboot基于web音乐网站系统的设计与实现

    Springboot基于web音乐网站系统的设计与实现是一个基于B/S架构的网络音乐服务平台。该系统采用了先进的Spring Boot框架,不仅提高了开发效率,还保证了应用的稳定性和安全性。系统的后端采用了Java语言,前端则可能...

    基于web的学校网站设计与实现-学位论文.doc

    在这样的背景下,基于Web的学校网站成为了连接学生、教师、家长和管理人员的重要平台,其设计与实现对于现代教育体系的完善具有重大意义。本文将详细探讨基于Web的学校网站设计与实现的各个方面,包括开发平台的选择...

    Python+Django+Web开发指南

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

    web开发[定义].pdf

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

    基于Django Python的网站设计与开发源码

    在深入探索基于Django Python框架构建的网站设计与开发源码项目之前,首先应当了解Django框架本身。Django是一个高级的Python Web框架,它鼓励快速开发和干净、实用的设计。它的核心理念是减少Web开发中的重复劳动,...

    基于Html与Java技术的邾光辉首次编写的WebServer设计源码

    该项目通过集成Html、Java、CSS和JavaScript等多种技术,为Web开发人员提供了一个实现上述功能的实践案例,有助于初学者更深入地理解Web服务器的工作原理和开发要点。 在学习和使用该项目源码时,开发者可以通过...

    web应用系统安全开发规范

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

Global site tag (gtag.js) - Google Analytics