摘要：
现实生活中无时无处不存在着光照和阴影。你看到的每样东西都是通过光影反射形成它的形象。视觉上，光影帮助我们辨别事物，认知他们的材质、尺度和透视。所以如果要让我们的网页设计更加自然、有动感且真实直观，正确理解光影效果就变得非常重要。以下是助你更好利用光影的五个技巧，好好运用它们，能让你的设计更加精致，从众多的页面中脱颖而出。光照与阴影的原理快速剖析下图中，光源来自左方。高光是光照最强的部分，阴影位于距离光源最远的地方。光影的存在帮助我们感知有关物体表面材质的大量信息。不过你可能要问，这和网页设计有什么关系？如果你打算创造丰富、有质感的界面和网站，光影能助你一臂之力。如同许多传统艺术家们在绘画上对光 阅读全文
摘要：
复杂的设计技巧总是很花时间，也实在是….复杂 （-_-||）。高级效果为设计增色不少，但如果用得不对，只会影响用户对重点内容的关注。高级效果可能正好是一项好的设计的冲击力所在，但即便如此，也还是需要一些更简单的效果与其配合。简单的效果和技巧是建造当今设计的基石。比方说，如果你都不知道如何正确选择颜色和文字效果，灿烂的星光效果又能有什么用？本着“少就是多”的理念，我们为你精选了十个简单好用的设计技巧，它们能大大提升你设计的专业性和感染力。更多技巧可参阅(英文)：12 Useful Techniques For Good User Interface DesignGrid-Based Design 阅读全文
摘要：
提升网页和博客设计品质的一些实例和技巧“高品质”是所有人追求的目标，在网页设计的世界中也不例外。不过何为“品质”，如何判断一项设计的品质是好还是坏？笔者恰好有一套找出网页设计中品质焦点的方法。一旦你了解到如何判断一项高品质的设计究竟好在哪里，你就掌握了让自己的设计更趋完美的大量技巧。接下来我会给大家列一些要点，并附上相应的例子，与大家分享一下我在别人的网页设计中寻找“高品质”的过程。01. 留白在好的网页设计中我最留意的是那些对设计元素之间留白的聪明运用。留心不同内容区块之间的间距和排列方式，能让你的设计的整体感官大不一样，从而提升设计的品质。我觉得处理好留白的关键是从整体上感知设计元素。把设 阅读全文
摘要：
网页设计中，内容组织恐怕是最至关重要、最影响设计品质的方面了。如何将信息组织到好的布局中，是一个网站的基础，并且应该在考虑外观之前就决定好。没有好的布局，网页信息流就不能正确传递，所有东西都不能建立起合理的联系。在这篇文章中，我们将讨论八个布局解决方案/技巧，这些方案和技巧将有助于你创建整洁有序的内容布局。这八个技巧包括滑门(sliders)、标签式、渐进布局(progressive layouts)、结构网格、模态窗口(modal window)、翻转元素、手风琴效果(accordions)以及超大下拉菜单(mega drop-down-menus)。1. 滑动样式与传送带(Sliders 阅读全文
摘要：
正则表达式(Regular Expression,abbr. regex) 功能强大，能够用于在一大串字符里找到所需信息。它利用约定俗成的字符结构表达式来发生作用。不幸的是，简单的正则表达式对于一些高级运用，功能远远不够。若要进行筛选的结构比较复杂，你可能就需要用到高级正则表达式。本文为您介绍正则表达式的高级技巧。我们筛选出了八个常用的概念，并配上实例解析，每个例子都是满足某种复杂要求的简单写法。如果你对正则的基本概念尚缺乏了解，请先阅读这篇文章，或者这个教程，或者维基条目。这里的正则语法适用于PHP，与Perl兼容。1. 贪婪/懒惰所有能多次限定的正则运算符都是贪婪的。他们尽可能多地匹配目标 阅读全文
摘要：
有一个问题已经困扰网页设计师们很久了：该使用固定、流动、弹性，还是混合布局呢？它们各有优缺点。最终的决定取决于网站的可用性，单用某一种布局就想达到目的，可能没那么容易。那么，既然如此令人困惑，是否有做出正确决定的诀窍呢？考虑好几个问题，恰当地设定目标结果，你也能做出融合各方优点的成功布局设计。本文将讨论每种布局方案的利与弊。其实，只要你时刻注意可用性，每种方案都能实现成功的网站布局。您也可以参考一下我们以前的文章：Flexible Layouts: Challenge For The Future讨论弹性布局对未来的挑战Applying Divine Proportion To Your We 阅读全文
摘要：
本文提供即刻提升你的脚本性能的十个步骤。不用担心，这并不是什么高深的技巧。人人皆可运用！这些技巧包括：使用最新版本合并、最小化脚本用for替代each用ID替代class选择器给选择器指定前后文建立缓存避免DOM操作避免使用concat()，利用join()处理长字串返回false值利用小抄和参考文档1. 使用最新版本jQuery一直处于不断的开发和改进过程中。John和他的团队不断研究着提升程序性能的新方法。一点题外话，几个月前他还发布了Sizzle，一个据说能在Firefox中把程序性能提升3倍的JS选择器库。如果你不想时刻关注是否有新版本，然后再花时间下载上传，Google 就又能帮你一 阅读全文
摘要：
1.安装apache2.0sudo apt-get install apache22.安装PHP依次在终端打开：sudo apt-get install php5 //安装PHP5sudo apt-get install libapache2-mod-php5 //配置APACHE+PHPsudo /etc/init.d/apache2 restart //重启APACHE3.安装MYSQLsudo apt-get install mysql-server安装完成按提示设置root密码4、让apache、php支持 mysqlsudo apt-get install libapache2-mo 阅读全文
摘要：
调试Javascript可能是web开发中最让人郁闷的事情。所以这里我们绝定来寻找一些好的工具来帮助大家调试。这里是10款我们精选的基于浏览器的JS在线调试工具，希望大家喜欢！Online Debugging Tools1. PastebinPastebin是一个协作式的调试工具，帮助你在IRC，IM或者消息版上对话来分享和修改代码片段2. JSON Formatter and ValidatorJSON格式化工具用来帮助打来调试JSON。因为JSON数据格式经常没有换行，可能非常难于阅读。这个工具可以帮助你解决这个问题3. JS Bin – Collaborative JavaScript 阅读全文