Category Archives: Code

做一个瀑布流的wordpress主题【1】

Code | 5 Comments

已经有这么多瀑布流的网站了，你一定也想自己做一个，我写这个系列教材是为了教你用wordpress这个世界上最好用的CMS来实现瀑布流的效果。

本文是第一篇，先讲最基本的页面显示。

阅读之前我假设你有一定的wordpress主题制作基础，你要知道通过codex来查阅wordpress的一些函数使用方法，对大循环也有一定了解，你还会一定的CSS基础知识。我不会贴出所有的代码，我会贴出一些关键代码和资源，有什么问题和意见可以留言。

如果你已经具备这样的知识，就可以继续阅读下去了。 Continue reading →

Win8 UI web design kit

Code, 精选 | 13 Comments
  • 之前有分享一个Win8 UI的PSD。这几天做了一套类似的web界面，demo地址是http://win8ui.sinaapp.com/
  • demo是完全开源的，可以通过SVN地址来checkout源码：https://svn.sinaapp.com/win8ui/（需要权限才能checkout，我以为默认跟google code一样开放checkout，那需要checkout的留言留下邮箱吧，真不方便）
  • 图标如果希望自定义，可以自己找矢量图，选择实角风格的图标会好一些
  • SAE注册免费，也可以多人合作，希望跟我拉分支的可以留言让我开权限。如果没有注册可以用我的邀请链接：http://sae.sina.com.cn/activity/invite/36052/weibo Continue reading →

扩展jQuery：自定义Live函数

Code | 2 Comments

平时在使用jQuery进行AJAX操作的时候，新生成的元素事件会失效，有时候不得不重新绑定一下事件，但是这样做很麻烦。jQuery1.3增加了一个live()方法，下面是手册上的说明：

jQuery 1.3中新增的方法。给所有当前以及将来会匹配的元素绑定一个事件处理函数（比如click事件）。也能绑定自定义事件。 Continue reading →

匹配项目的栅格化系统

Code | 3 Comments

一个前提

当我们说960gs或者978gs的时候，这个数字代表的是什么？要知道在栅格系统中栅格总宽度和可视宽度是不相等的，前者比后者打一个gutter的宽度。在960gs中，960是指栅格总宽度，在978gs中，978是指可视宽度。这一点小小的区别没有打成共识，可能会浪费大量的会议时间来争吵，主持人却不知道大家卡在哪里了。

Continue reading →

自适应按钮

Code, 精选 | 7 Comments

按钮大小或者宽度根据内容而自适应主要技术难点在于圆角边框和渐变背景在所有浏览器的兼容。本文分两部分来说明各种解决方案。

本文不是所有的解决方案大全，只是选取介绍其中较优的方式。一些空标签和嵌套过多，或者HTTP请求过多的方法也能完成任务，但这些糟糕的方法即使介绍出来也是没有人使用的，就不浪费时间了。

Continue reading →