Debugging JavaScript：throw与console
[ 样式之美 - 正在消失 ] Time:2008-08-25 01:08:32 Hits:22
我想没多少人敢保证写JavaScript能不用调试，那选择用什么方式调试会比较好呢？ 告别了我最爱的alert("MM") 告别了我最爱的document.title="MM" 告别了我最爱的window.status="MM" 大家开始用各种新的方式来看调试信息。。。比如最近sitepoint就发了一篇Debugging JavaScript: Throw Away Your Alerts!，（...
-
0
digg it
晒晒两件T-Shirt（Blogger & Taobao UED）
[ 样式之美 - 正在消失 ] Time:2008-07-14 01:07:58 Hits:52
上周收到两件T-Shirt，一件是Google的Junyu送的Blogger，这件只要穿着人家就知道是Blogger滴，另一件是Taobao UED的怿飞送的他们刚出炉的不知道叫什么名滴，上次打着一些非常奇怪的职位，可以让人一眼就看出是IT民工，挖哈哈，非常感谢他们。 晚上发现这两件放一起有着特别滴意义，因为这两件我会担心穿着上班会被打，挖哈哈。 悄悄的推荐本书《JavaScript王者归来》...
-
0
digg it
firefox通过XUL实现text-overflow:ellipsis的效果
[ 样式之美 - 正在消失 ] Time:2008-07-03 02:07:00 Hits:113
firefox不支持text-overflow一直让人很折腾。。不过还好有大虾为我们提供解决方案。。text-overflow: ellipsis for firefox Firefox still does not implement the proposed CSS3 text-overflow property. It does however provide a similar behav...
-
0
digg it
Opera Mini 模拟器
[ 样式之美 - 正在消失 ] Time:2008-06-25 01:06:26 Hits:115
在做移动网页时，我们总不能每次调试时都拿自己的手机来折腾，而且拿手机来试也不方便，所以模拟器的作用就出来了。 在手持设备中，Opera Mini是一个相当不错的浏览器，今天给大家介绍的是Opera Mini 的仿真器。先看下用Opera Mini访问我blog的实际效果（需要JAVA支持）， 官方提供的这个其实跟手机里的是完全一样的（可能会有字体支持的不同），你可以通过http://www.op...
-
0
digg it
浏览器地址栏里的通用编辑按钮
[ 样式之美 - 正在消失 ] Time:2008-06-21 15:06:03 Hits:92
有没有发现浏览器的地址栏里多了个奇怪的图标呢？这个东东可以解决大家满页面去找编辑按钮的问题，但同时又产生了另一个问题：浏览器不支持。=。= 如果你使用的是Firefox浏览器的话，可以装上这个插件来体验。不过我的网站是登录之后才会出现，可以到官方介绍，这里体验体验。 那它到底是什么呢？它是源于WIKI编辑滴，但是，我发现它实现原理却是可以适合任何网站，主要是在head里再加上： 其中的title...
-
0
digg it
Blog Network - 群站相关日志
[ 样式之美 - 正在消失 ] Time:2008-06-16 02:06:17 Hits:102
最近捣鼓了个插件，实现了几个站的相关日志，别人是尽量不让链接流出来，而我却想着尽量把链接流出去，挖哈哈，说一下大约实现原理： 先到coop定制一个搜索，然后把它Ajax查询的地址拿来用，插件的主要功能就是把查询返回的内容转换显示出现。我把tag当成关键词来搜索，不过现在只有websearch，blogsearch还没有接口，搜索出来的结果并不理想，先凑合着用。 还有几大个问题要解决： 非法的用Go...
-
0
digg it
hAtom应用 让结构提供数据
[ 样式之美 - 正在消失 ] Time:2008-05-31 04:05:04 Hits:99
首先了解一下什么是hAtom，简单来说，它是microformat的成员之一，源于atom，而atom又是什么呢，简单来说，你就看成跟RSS一样的东东，而复杂来说，你可以看这里，为什么要hAtom？选择使用总是需要一个理由的。 例如我的网站有提供Feed，但blog的某个分类却没提供，这时如果分类的页面能输出hatom的结构与数据的话，就可以能过工具（例如： hAtom transcoder ， ...
-
0
digg it
形象化的reflow
[ 样式之美 - 正在消失 ] Time:2008-05-29 00:05:14 Hits:129
reflow是个神奇的东西，之前Realazy说到过这个reflow，我摘出其中的重点： 在CSS规范中有一个渲染对象的概念，通常用一个盒子（box, rectangle）来表示。 mozilla通过一个叫frame的对象对盒子进行操作。frame主要的动作有三个： 构造frame, 以建立对象树（DOM树） reflow, 以确定对象位置，或者是调用mozilla的Layout（这里是指源码的实...
-
0
digg it
Safari显示网页字体为超级无敌难看的宋体的原因
[ 样式之美 - 正在消失 ] Time:2008-04-19 19:04:17 Hits:125
这两天终于忍不住的去实验了一下，为什么网页的字体有时会显示成超级无敌难看的宋体呢？其实宋体不难看，难看的只是把它放在Leopard下，没有点阵的效果，12px的宋体真的让人受不了。 Safar for mac中文版显示网页字体为宋体的原因：“Serif”字族，当下面几种情况都出导致出现神奇的宋体（自己改过浏览器的默认字体的同学不算） 样式没定义到font-family（浏览器默认是Times，属于...
-
0
digg it
类型为search的input及相关属性
[ 样式之美 - 正在消失 ] Time:2008-04-05 17:04:21 Hits:98
其实在很久很久之前就发现search类型的input，该属性值是WebKit私有，不过一直没去查相关的属性，介于XXX原因，我找出其属性，回头考虑在其他浏览器上也实现这样的效果。表扬一下Yupoo，他们上次改版就使用上介个。 如果你使用的是Safari(iphone上的没有)或者是其他WebKit引擎的浏览器的话，你就可以看出下面这个input与其他的不同了。 看不到的朋友可以看一下图片： 看一...
-
0
digg it
IE8的WebSlices
[ 样式之美 - 正在消失 ] Time:2008-03-08 03:03:19 Hits:108
这两天M$出了个IE8beta1版~害得我的Google Reader里全是IE8的信息，可惜有用的信息太少了，在翻M$的网站时，倒是发现了一个比较帅的功能：“WebSlices”。 简单的来说，它的功能就是把网页的某一块“剪”出来放收藏夹里。这个功能与Mac OS上的Web Clip Widget性质不大一样，Web Clip是由用户自由剪网页，而WebSlices是要网页输出特定的格式可以“剪...
-
0
digg it
常见系统中文字体的英文名
[ 样式之美 - 正在消失 ] Time:2008-03-01 03:03:57 Hits:116
因为神奇的中文有时也是会遇到国外同学都不知道原因导致一些神奇滴问题，所以要用更神奇的英文来解决问题。 Mac OS的一些： 华文细黑：STHeiti Light [STXihei] 华文黑体：STHeiti 华文楷体：STKaiti 华文宋体：STSong 华文仿宋：STFangsong 儷黑 Pro：LiHei Pro Medium 儷宋 Pro：LiSong Pro Light 標楷體：Bia...
-
0
digg it
Silverlight讲座的一些记录
[ 样式之美 - 正在消失 ] Time:2008-01-25 02:01:26 Hits:124
前两天有幸去听了一个关于Silverlight讲座，了解了一些Silverlight相关的东东，记录一下。 Silverlight相比flash的一些优点： 视频更优秀，演示的基本全是视频 事件可以传到浏览器的DOM 不是浏览器级的支持，而是操作系统级的支持 动画实现物理特性更简单一点 缺点呢？他在浏览器里做的东西Flash多数都能完成，而且很东西都没有Flash成熟，找不到一个比较合适的理由来用...
-
0
digg it
CSS Frameworks的概念
[ 样式之美 - 正在消失 ] Time:2008-01-21 01:01:35 Hits:131
最近看到N多介绍CSS框架，前些天我说过一句话：“在我有限的视野里，还没见到可以真正可以称得上css框架的东东~”，当然也可能是我的视野太小了，或者是说世界太大了，我自己还是感觉还有一大堆我看不到的东西。 先来看一下一个我比较认同的概念： 框架可分为白盒(White-Box)与黑盒(Black-Box)两种框架。 基于继承的框架被称为白盒框架。所谓白盒即具备可视性，被继承的父类的内部实现细节对子...
-
0
digg it
PR终于地震了~总结一下一些影响因素
[ 样式之美 - 正在消失 ] Time:2008-01-14 01:01:20 Hits:158
三月一次的PR地震最近震完了，虽然我并不在意PR，但做前端的，多少也得了解这东东。 我首页的PR从三个月前的没有跳到了5，首先感谢所有把PR分给我的朋友，T_T 虽然没有达到预期的6，不过好像也有很多人给震到5了。革命尚未成功，嗷嗷仍须努力。已经赏脸链接我的却指向我旧域名的朋友帮忙改一下。这次还发现一些比较奇怪的问题，就是我的blog的仍然是PR是0，pr的0跟没有完全是两回事，0是评价为0，没有...
-
0
digg it
面向对象的XHTML与CSS编程
[ 样式之美 - 正在消失 ] Time:2008-01-11 02:01:03 Hits:137
要是XHTML与CSS能面向对象。。太阳应该从北边升起了。但是，凡事都应该带着OO的思想来看问题，也勉强可以凑数拉。其实，早在零几年就有人提出了OO-style，不过已找不到。 那要怎样OO呢？现在大家都知道CSS是可以介样写滴： .G_G { /* xxxxxx */ } 我们可以把它大约看一个原型，或者说成类，-__-b 好像本来就是类的样子，然后要在HTML里“实例化”一个对象，例如： 笨蛋...
-
0
digg it
JavaScript分层的概念与本地存贮
[ 样式之美 - 正在消失 ] Time:2008-01-08 22:01:09 Hits:141
以前学了一个月的asp.net算没学，把三层结构的概念改改就套在JS上。^^，那JS要怎样分层呢？其实主要是多了一个页面级的数据库 表现层：处理UI呈现 业务逻辑层：除了上面跟下面的都算在这个里面。当然我不介意你再细分^_^ 数据与数据维护层：JS存数据也不是一天两天的事。可有多少人在网页维护JS数据库呢？ 为什么要给自己找麻烦呢，把本来简单的东西复杂化，要数据找服务器要，自己干啥还得维护多一份数...
-
0
digg it
使用浏览器侧栏的方式
[ http://www.aoao.org.cn/blog/ ] Time:2007-12-29 03:12:26 Hits:131
现在的显示器是越来越宽，但是，一个页面能显示的内容并不非越宽越好，所以把浏览器的侧栏（这里的所说的侧栏并非指页面布局中的侧栏）也拿来用。 那用侧栏有什么好处呢？侧栏是独立的窗口，可以多赚点PV ^_^ ，如果是用IE或者Firefox的朋友点一下Music For Bloggers看一下效果。有没有用大家就自己衡量了，不同的应用的不同的价值，就看应用在哪里。 那怎样实现呢？ Music For B...
-
0
digg it
嵌入Flash应该考虑不支持Flash的浏览器
[ http://www.aoao.org.cn/blog/ ] Time:2007-12-20 02:12:29 Hits:120
为什么要用flash呢？ 动画流畅，视觉效果好 缓存能力强 那使用flash有什么问题呢？ 需要Flash播放器 在M$的补丁打遍天下之前IE有那神奇的虚线框 基本上现在大家都用JS来输出Flash，估计用得比较多的是SWFObject（AW译的中文版），主要解决的问题是干掉虚线框与检查版本，甚至自动升级。但是，好像多数人只用它的so.write("xxx");，这样用有个缺点，不支持JS或者没开...
-
0
digg it
iPhone版网站相关
[ http://www.aoao.org.cn/blog/ ] Time:2007-12-08 00:12:00 Hits:126
iPhone已经快成街机了~T_T~网站要是没个iPhone版感觉有点怪怪，没iPhone赶快跟老大说，我们应该做个iPhone版，买两台来测试用^^。 开发时要注意的几点就是： 指定页面的宽度及缩放，head里加上： 可以用window.scrollTo(0, 0);移到适合的位置。 没有hover，a的点击范围尽量大一点，不然很难点。两个a不要放得太近。^^或者直接在元素的onclick加跳...
-
0
digg it
