CSS on 不够智能的网志

页面制作，不，是前端

Thu, 16 Feb 2012 13:40:07 +0000

多少年过去了，做网站还是得靠页面制作，不管是CSS还是JS，现在还得搞HTML5，只是职位改叫前端了；
用CSS+JS代码完成针对屏幕尺寸的页面适配叫响应式设计了，前端更成了很多产品的命根子；
原来以为WAP网页WML、2.0暂时用不着JS了，结果Jquery Mobile之类的来了，说：移动互联网我们也能动起来；
现在有了PhoneGap和钛，用HTML5+JS就能搞手机应用了；
现在有Node.js之类的，可以用服务器端运行JS搞些东西了；
很多时候设计师还是只能望代码兴叹，最后也得逼自己学这学那的；
Javascript语法成了更有发展的玩意，这不仅讽刺而且夸张，但如果你是技术或设计，不懂一点JS，还真不好意思说自己是做网站的。

注：本人所在公司正在招移动广告的前端互动设计，懂HTML5和CSS、熟练使用jquery(及mobile)制作动画效果，能为移动版页面做好页面适配就行，有意者可以发邮件到我@gmail的邮箱：94smart。

别紧张，只是CSS裸奔节又到了

Wed, 09 Apr 2008 01:55:05 +0000

别紧张，只是CSS裸奔节又到了。 4月9日是今年的CSS Naked Day，每年到这个日子就会看到大大小小的网站、Blog去掉CSS样式表，让网站"裸奔"，故这天也叫"CSS裸奔节"。这个日子是为了推广CSS及XHTML等W3C标准页面代码而设的，更能突出网站在没有CSS的情况下代码结构是不是够清晰，其实我的Blog是一个反面例子，去掉CSS后作为主体的Post列表出现的太靠下了~ 我使用的是Aja Lapus做的Wordpress插件来实现的效果，也可以到CSS Naked Day页面去看其他实现方法。最后，基于大家现在什么节都过的心理，在这里说一句：CSS裸奔节快乐！

原来是CSS Sprites呀

Mon, 08 Oct 2007 03:39:10 +0000

最近一阵国内Blogger开始涉及CSS Sprites，是因为有人偶然发现Google搜索首页JS的秘密，之后我才知道去年Yahoo改版使用的技术原来就是这个，当时不知道怎么形容，只好套用软件资源图片的概念，看过Realazy的文章才大致理解，发现自己当时的理解还是太浅显，这是早在2005年就出现的技术呀。不可否认，这种方法确实减少了CSS文件里的HTTP请求数，但是图片的更新和配置比较有难度，且半透明和不透明图片最好分开打包。最后，也许是我胡思乱想，这种方法如果继续发展下去，完全可以省去前端操作人员（网页制作、编辑）用Photoshop切割图片的工序，会否变成引用原设计图直接作为资源图片呢？

某活动体验，是我理解错了

Tue, 10 Jul 2007 09:48:10 +0000

某网站的活动，以下是活动公告截图：这个不知道大家是怎么理解的？对于"凡购买《CSS禅意花园》和《JavaSscript高级程序设计》两册图书的读者将免费获赠《精通CSS》一书或300C币"，我的理解是只要买了《CSS禅意花园》和《JavaSscript高级程序设计》两本书中任意数量的书就可参与活动。活动结束后才知道，是同时买两本书才可能赠另外一本或积分，是我理解错了。但，活动说明里是不是该清楚地说明？以断了像我这种理解有偏差的用户的憧憬？哪怕加一个"同时"。请别深究是哪个网站，写出来也没有别的意思，只是在思考，电子商务类网站对文字描述的准确把握是不是需要更注意一下？ p.s.写到最后才想起来一个与本文无关的逻辑：程序员理解的"和"，就是逻辑与（AND），也就是所有条件都必须达成；其他用户理解的"和"就是逻辑或（OR），只要其中任意条件达成就OK。

昨日收集 - 开源并非激进分子的游戏

Sun, 22 Apr 2007 16:29:04 +0000

2007-4-22

赶上CSS裸体节

Thu, 05 Apr 2007 13:34:13 +0000

Blog出事了？我的Blog没事，这是在过节呢，CSS Naked Day，在4月5号这天参加该活动的网站都会去掉所有CSS，用来支持网页标准。我用了Wordpress的插件，每年只在4月5日去掉CSS，过了这天就会恢复过来~

用XHTML+CSS实现文章列表标题时间对齐

Mon, 05 Mar 2007 03:16:09 +0000

今天要查LCD的资料，跑到PConline去看，看到他们的文章列表觉得效果还好，如图：

无意间发现文章列表的页面代码写得很奇怪，首先他们用ul做文章列表这没错，接着又用另一个ul来放时间，之后用一个table把两部分拼起来，做成列表标题和时间都对齐的效果，如下（稍微调整了一下）：

新版Yahoo首页：用软件的方式做网站

Fri, 21 Jul 2006 15:54:40 +0000

Yahoo的新版首页终于完整公布了，修改了部分设置，基于好奇的原因，小小研究了一下。说得夸张点，Yahoo在用写软件的方式做网站。包括：

Yahoo在UI上的操作，比如换配色，虽然也有别的网站使用，但是从操作上，Yahoo的处理更像是软件的方式，有点像现在的Windows Live Messenger的换色操作。
图片的调用跟软件的一种图片资源操作如出一辙，软件对图片资源有一种使用方法"将所有图片放在一张图片里，使用相应的位置坐标调用"，Yahoo的做法很类似，页面上的图标、背景图都是来自于一张大图（图标资源1、图标资源2、背景图资源），使用CSS定义范围来显示相应图片，这么做确实有好处，可以方便预先读取和集中管理图片资源。

其实前两天就想写这个内容的，但是最近我的Dreamhost空间极度不稳定，导致未能及时发布，今天在发的时候又忘了点当时想写的地方，只好凑合了。 Technorati : CSS, homepage, software, yahoo

关于网页设计和CSS+XHTML

Thu, 27 Apr 2006 10:15:12 +0000

最近老冒写了两篇（1，2）关于Web2.0网站设计的文章，很多内容都有同感，尤其是第二篇里的：

**试图用css编码，而不是用css设计
**设计人员仍然是photoshop画页面，然后切割，然后用css去实现。这个往往导致的结果就是产生大量不必要的垃圾代码，xhtml的代码结构为了实现美工设计的某些其实微不足道的效果而变得复杂不堪。