摘要：100个优秀的国外设计开发网站，涵盖了Web设计，平面设计，Flash和Flex，设计资源等网站推荐。常用设计网站Spunk United非常出色的杂志，里面提供的都是世界顶级设计师的专访，灵感以及文章还有更多。FreeLance Switch这个站点上的所有资源都是开放免费的，你肯定要知道:)Computer Arts这是一个非常优秀的网络杂志，中文版杂志是《Computer Arts 数码艺术》,相信设计者都有订阅这份杂志.David Airey一位专业的图形以及logo设计大师分享他所有的知识在这儿，你一定可以从这里学习到很多知识。Behance可以给你带来设计灵感，这里聚集了所有来自世 阅读全文
Web设计、黄金分割和神之比例
2011-09-29 11:04 by Mr.Xer, 662 阅读, 0 推荐, 收藏, 编辑
摘要：黄金分割，又称为神之比例，希腊字母表示其为 Φ (phi)。把一条线段分割为两部分，使其中一部分与全长之比等于另一部分与这部分之比。其比值是5^/2-1/2或二分之根号五减一，取其前三位数字的近似值是0.618。由于按此比例设计的造型十分美丽，因此称为黄金分割。本教程会剖析一个网站的布局来介绍Web设计中的黄金分割。网页骨架这些是web页面的主要元素。有很多不同的方法去组织它们，但是这种布局也许是最常用的。Container所有的web页面都用一个container，主要是为了同一个目的：去包含一些页面元素，然而这个方法实现各有不同。例如，body标签或者是最 常用的div。甚至于过去常用的t 阅读全文
247条Web可用性指南
2011-09-29 10:59 by Mr.Xer, 430 阅读, 0 推荐, 收藏, 编辑
摘要：247条Web可用性指南，你可能会觉得太多。但其实要实真正实现Web的可用性，仅仅通过247条简单的指引是远远不够的。但这些简单的一句话指导方针，可以更便于你的记忆，像便签一样随时提醒着你。导航：首页可用性设计首页元素要清晰的关注用户的关键任务（避免“增加功能倾向（featuritis）”）如果网站比较大，那么首页应包含搜索输入框首页要十分清楚的提供产品（内容）分类在首页或首页内一次点击展示有用的内容信息展示时应当是简单的、自然的、符合逻辑顺序的在首页展示真实网站内容的优秀示例首页上的链接以最重要的关键词作为起始（例如：“Sun holidays”而不是“Holidays in the sun 阅读全文
10条Web可用性指南
2011-09-29 10:59 by Mr.Xer, 434 阅读, 1 推荐, 收藏, 编辑
摘要：1. Form标签最好放到字段的上面UX Matters的一份研究发现表单中的标签(label)的理想位置是在字段(field)的上面。在很多的表单中，标签被放到字段的左边，以形成一个两栏的布局；尽管这样看起来不错，但它不是最容易使用的布局。为什么这样说呢？因为表单通常是垂直导向的；也就是用户从上向下填写表单，用户是向下浏览表单的。这样在标签下面放置字段比在标签右边放置字段要更容易(浏览)一些。Tumblr 遵循UX Matter的建议，提供了一个简单而简洁的注册表单。在左侧放置标签还会引发另一个问题：你让标签居左还是居右？居左可让表单可扫描但是会将标签和字段分离，从而使得区分哪个标签归哪个字 阅读全文
12款Javascript图表插件
2011-09-29 10:54 by Mr.Xer, 1335 阅读, 0 推荐, 收藏, 编辑
摘要：图表(Chart)能直观的展示数据，但静态图片图表缺乏交互性，更新维护起来比较麻烦。看看有哪些比较好的javascript图表脚本吧。12款Javascript图表插件。1.XML SWF Charts(演示地址)XML SWF Charts是一个简单，但强大，利用Flash和动态生成XML数据来产生web chart的工具。当前支持的Charts类型包括：2.CSS for Bar Graphs用XhtmlCSS实现各种柱状图（Bar Graph）的示例。3.FusionCharts FreeFree版本的FusionCharts提供了22种不同的图表（与22个.swf文件相对应）：单序列图 阅读全文
16款Javascript提示工具(Tooltips)
2011-09-29 10:47 by Mr.Xer, 830 阅读, 0 推荐, 收藏, 编辑
摘要：当我们把鼠标放在一个链接上时，如果该链接设置了title属性，就会悬浮显示一个淡黄色背景的文本提示，这就是最基础的Tooltips提示工具。但其平凡的样子实在很难让人注意。利用javascript则可以生成一些漂亮、高级的tooltips，这些提示信息不仅仅限于文本，还可以是图片，音频，视频甚至框架，并且可以包含html元素，方便使用CSS来美化。先吸引到访问的眼球，才能达到提醒的目的。16款Javascript Tooltips提示工具。1.HelpBalloon.js(演示地址)一个可灵活控制2.jQuery.UI MessengerOutlook like message notific 阅读全文
HTML5 File API：文件拖放上传功能
2011-09-29 10:44 by Mr.Xer, 505 阅读, 0 推荐, 收藏, 编辑
摘要：即将到来的html5 规范有几个特性，以致使 HTML 远远超出其本身作为一种标记语言的能力，并为 Web 开发者提供了一些强大的脚本工具。负责监督 HTML5 发展进程的 W3C 组织，刚刚出版了一份强有力的规格草案 – HTML5 File API 接口功能。该 API 的设计初衷，是改善基于浏览器的 Web 应用程序处理文件上传的方式，使文件直接拖放上传成为可能。草案定义了新的输入选项 i... 阅读全文
如何设计具可用性的网页表单?
2011-09-29 10:42 by Mr.Xer, 330 阅读, 0 推荐, 收藏, 编辑
摘要：网页表单已经是web设计中讨论最多的元素，一个没有任何表单的网站，就像一滩死水。我们总是需要用到各种表单: 付费需要使用表单; 用户注册或订阅需要使用表单-表单的使用是不会停 止的.尽管在html中,把表单拼凑到一块相当容易,但是对于可用的,友好的表单来说,编码,制作样式和设计是很难 的.在网站的转变中,对于成功转化率,表单始终扮演着很重要的角色,下面的小贴士和文章末尾处提供的源码,应该会对制作和编码页面表单的开发者提供有价值 的信息.两列 VS 一列这个取决于表单的内容,不过当表单内容相当简单时,通常尽量避免两列布局.下面是一个很好的简单表单的例子,它将每个标签(label)都放到相关表单元 阅读全文
21个实用便利的PHP代码
2011-09-29 10:41 by Mr.Xer, 773 阅读, 0 推荐, 收藏, 编辑
摘要：1. PHP可阅读随机字符串此代码将创建一个可阅读的字符串，使其更接近词典中的单词，实用且具有密码验证功能。/************** *@length - length of random string (must be a multiple of 2) **************/ function readable_random_string($length = 6){ $conso=array("b","c","d","f","g","h","j&qu 阅读全文
优秀的CSS布局大全
2011-09-28 18:06 by Mr.Xer, 315 阅读, 0 推荐, 收藏, 编辑
摘要：这份列表收集一些比较优秀的CSS布局，这些布局都免费供个人和商业使用。当然，你使用之前还是得看版权说明，也许会发生许可协议变更。Layout Gala- 这个网站收集了40多个专业的CSS布局，每个布局都通过了CSS和html验证，且不需要Hack，兼容各大主流浏览器。CSS Layouts– 另一个专门收集CSS布局的网站。Dynamic Drive CSS Layouts– Dynamic Drive对于喜欢设计的人来说是比较熟悉的网站了，它们同样提供有很多CSS布局，两栏，三栏，自适应宽度，固定宽度都有。Nice and Free CSS Layouts– 12 个免费的CSS布局。St 阅读全文