最近在折腾一个半开源的建站程序（什么叫半开源？你懂得！），给客户把模板做好了，网站放到服务器上了，客户那边把数据也都上传了很多，但是突然发现分页出现了问题，域名成了localhost，然后就是各种查找原因，重新安装部署，问题依旧没法解决，将文件和数据库全部搬到本地来确是好好的，开始也没想着是程序有问题（这个建站程序还算比较成熟），所以折腾了好久，最后没办法了看了看分页程序是怎么写的，原来是_SERVER["SERVER_NAME"]惹的祸，服务器是linux的，_SERVER["SERVER_NAME"]的值是Ap…
比onload更快获取图片尺寸 lightbox类效果为了让图片居中显示而使用预加载，需要等待完全加载完毕才能显示，体验不佳（如filick相册的全屏效果）。javascript无法获取img文件头数据，真的是这样吗？本文通过一个巧妙的方法让javascript获取它。 这是大部分人使用预加载获取图片大小的例子： var imgLoad = function (url, callback) { var img = new Image(); …
在工业化设计融入人们生活的现今，用户体验一词就常常出现在人们的视线里，随着互联网web2.0时代的到来，大大小小的网站设计中也都开始关注用户体验的方面，对什么是用户体验（百度这四个字，比我写什么解释都好）就不做详细赘述了，相信大家比我了解的更加丰富。 用户体验从产品设计阶段便开始介入进来，如原型设计中交互模式设计、功能实现方式设计都融入了设计人员对用户的关怀，听过这样的一句话：“具有良好用户体验的产品，不仅仅取决于一个有着丰富交互设计经验的产品设计师，还与产品生产过程中的每一个环节是否都具备良好的用户体…
现在很多人会使用 CSS 框架进行快速建站。 那 CSS 框架是什么呢，它通常是一些 CSS 文件的集合，这些文件包括基本布局、表单样式、网格、简单组件、以及样式重置。使用 CSS 框架大大降低工作成本进行快速建站。 当然对于一些大型的项目，可能会很难照搬某些框架直接使用的，因为直接使用会带来一些限制或者冗余的问题。 但在 CSS 框架已经日趋成熟的今天，在我们设计项目架构、规范的时候，现时市面上一些优秀的框架也可以给我们提供很多可借鉴的地方。 本文主要从几个方面讨…
Sublime Text 2是一个轻量、简洁、高效、跨平台的编辑器，方便的配色以及兼容vim快捷键等各种优点博得了很多前端开发人员的喜爱，我从开始的大型编辑器换成editplus，然后到notepad，这款编辑器可以说是前面使用的几类编辑器的合体，很好用，特别是加上各种插件以后。 下面分享我在使用的版本下载地址：http://pan.baidu.com/s/1ACKfB，里面有32bit版和64bit版，根据自己系统选择下载安装吧 初次使用这款编辑器的同学可能会很不适应，但是经过一番折腾你会爱上它的 安装Subli…
表单是由许多细小的元素所组合而成的集合体，标题和输入框的排列方式有着重要的地位，标题要放在输入框的左侧还是上面？要靠左还是靠右？要怎么排列才能提高表单的完成率呢？ 标题和输入框常见的排列方式 1. 放在输入框左边，而且靠左对齐 2. 放在输入框左边，但是靠右对齐 3. 放在输入框上面 4. 放在输入框里面 排列方式的比较 到底这四种排列方式有什么不一样呢？其实这些排列组合最大的影响都在于用户视线的移动，在第一种排列方式中，用户的视线先看到标题，由于靠左对齐的缘…
今天碰到需要同时处理多个相同表单内容的问题，怎么才能将这些表单内容同事取出来呢？挨个获取吗？这样似乎也行，但是后面执行起来会比较复杂，网上看了些这方面的处理方法，下面来看看 <html> <head> <script language="javascript"> function check(){ var bm_num=0; …
一、文件规范 1、文件均归档至约定的目录中。 具体要求通过豆瓣的CSS规范进行讲解： 所有的CSS分为两大类：通用类和业务类。通用的CSS文件，放在如下目录中： 基本样式库 /css/core 通用UI元素样式库 /css/lib JS组件相关样式库 /css/ui 业务类的CSS是指和具体产品相关的文件，放在如下目录中： 读书 /css/book/ 电影 /css/movie/ 音乐 /css/…
大部分人不喜欢填表单，因为人们来到网站，主要目的不是填表，而是浏览或者购买。精心设计的表单，使输入变得流畅让人心情愉悦，而糟糕的设计让人扶墙吐血。那怎样才是优秀的表单呢?页面的布局、逻辑组织、视觉样式等都是值得关注的细节，其中简化输入是最近常被提及的，在这里我分享下自己工作中的心得… 1、更高大的输入框 增加输入框高度，加粗字体，可以让网页上的输入框看起来更容易填写和阅读。随着电脑显示器尺寸变大，这样的输入框也显得更大气。 2、添加选取器。 与其让人输入不如提供选择，选取内容只要点几下，…