纸上原型（Paper prototyping）
要开发一个好的 Web app，构建原型（prototyping）是不可缺少的工作，即便只是在脑海里想像一下，也需要在全面开工之前，将需求分析映射在原型上。构建原型的方式有许多种，Getting Real里推荐了用静态 HTML 页做原型：简单快速，便于演示，并且正式产品的前台界面甚至可以直接从原型沿用下来。当然书中还提到了最为简便的原型方式：使用纸和笔。今天看...
View ArticleClik here to view.
最适合编程时采用的字体？
许多人一定还是习惯于或者经常使用纯文本编辑器来写程序代码，我自己就一直使用 EditPlus写 ASP 代码。最近写 PHP，尝试了若干 IDE，比如 Zend Studio，Php.VS 等等，都不是很满意，最后还是决定用纯文本的，目前用的是基于 SciTE内核的 Notepad++。写代码就得面对满屏的字符，所以使用一个易读且美观的字体是很重要的。Windows...
View ArticleemoTag
可能有人已经注意到我的 Blog 侧栏有一个浅蓝色虚线框，里面是蓝色包子的图片以及“xx 小时前... 我觉得”，和一些表示情绪的词。这个就是 emoTag——我这几天没事时弄的小东西，兼学习 PHP 的数组和文件操作函数的成果。最初的创意来自 bLaugh的这幅漫画。这里提到的 emotional baggage，让我想到了“情绪戒指”这类玩意。如果在 Blog...
View ArticleCreating .htaccess in Windows
1. Open Notepad or any other text editor.2. Put in what you want in the file.3. Go to Save As, and put ".htaccess" for the filename, including the quotes.You must include the quotes to tell it the file...
View ArticleClik here to view.
HTML 中如何防止长单词撑开表格？
相信每个 Web 设计人士都遇到过这样的情况：已经制定了表格单元格（或者其他容器）的宽度，但是如果单元格内的文字是一个很长的单词，确切说是一串没有空格的连续字符，例如 aaaaaaaaaaaaaaaaaaaaaaabbbbbb，这串字符的显示长度如果大于该容器的宽度，一般情况下不会自动这行而会撑开容器，从而破坏布局。一种目前比较完美的解决办法是，设定下面的 CSS（以 table 为例）：table...
View ArticleClik here to view.
PHP Fat-Free Framework, looks nice~
PHP 的理念中最突出的应该是简单和快速，专门用于 web 开发。遗憾的是，发展到现在的 6.0 版本已经越来越像 Java 一样臃肿了。除了语言本身，层出不穷的 PHP 框架也在致力于催肥 PHP，明明可以一行 echo 解决的问题非要先写个类？当初开发 sinzy 的程序我选择了 CodeIgniter这个框架，主要还是看上了它的性能优势。CI...
View ArticleHow to display your favicon in Google Reader's feed list?
Too simple, somewhat naive, yet I didn't know until recently.Just put a favicon.ico file under your site's root directory, and make sure yourdomain.com/favicon.ico will not return 404, in case there...
View Article关于 background-attachment: fixed 属性
在使用 CSS 设定背景图片时，如果指定了 background-attachment: fixed 这个属性值，那么背景图片将会固定在一个位置，即使页面滚动，图片位置也不会变。我今天才弄明白，这个固定的位置是相对于所谓的 viewport，其实就是浏览器窗口，而不是相对于图片所处的容器。比如说，如果给一个 div 指定了一个 fixed 在“右下角”的背景图片，那么这个“右下角”并不是该 div...
View Article最近关于网页设计趋势的看法
几个潮流：1、平板电脑2、智能手机3、宽屏显示器4、互联网电视传统的桌面电脑我觉得最终只会是开发人员才用了。普通的家用系统平板电脑足矣。键盘和鼠标始终是人机交互的一大障碍。触摸和语音交互是趋势。网页设计应该加强对触摸的支持：1、支持 tap，slide 和 drag...
View Article