catch the digital flow｜北极冰仔部落格

从这一期的CSS扫盲教程开始，我将陆续发表一些有趣的CSS应用实例——学习基础知识实在无聊。今天的内容是如何利用CSS制作漂亮的双引号引用标志。看下面的示例：

使用漂亮的双引号把引用内容放进来！
阅读全文 - 1030 字

北极冰仔译The Blogger’s Guide to Meta Tags
尽管站外优化的重要性众所周知，但忽视影响搜索引擎排名的站内因素将会让你付出昂贵的代价。诸如一致的内部链接和富含关键字的标题等因素都会对SEO起至关重要的作用。元标签，虽然它们已经不在流行的站内优化方法选择之列，但它们仍然在搜索引擎排名中扮演一个重要角色。
什么是元标签？
阅读全文 - 2081 字

由于对W3C标准支持程度的不同，往往导致同一个CSS样式表在各种Web浏览器中的呈现大相径庭。以目前市场占有率最高的两个浏览器Microsoft Internet Explorer和Mozilla Firefox为例，前者对标准的支持明显不如后者，网页设计人员不得不花费大量的时间和精力来调整代码以保持网页在二者中呈现的一致性——这是件非常痛苦的事情，顾此失彼的情况时有发生。但放弃任何一方的用户都是不明智的，以北极冰仔部落格来说，使用IE的访问者占所有访问者的49.57%，使用Firefox的访问者占46.78%，放弃一边就等于放弃掉了一半的访问者。
所以，使用简单的方法以保证网页显示的一致性最重要。
阅读全文 - 718 字

还记得今年5月我曾经翻译过一篇《忘掉Photoshop》吗？文中介绍的15个在线的图像生成器中有一个叫：Stripe Generator，是一个非常不错的在线条纹生成服务。在这里，不仅可以依照自己的需求，还可以根据其他用户分享的方案生成条纹。

Fabio Fidanza作为它的创建者之一，还拥有另一个类似的服务：Tartan Maker。不是生成条纹的咯，毕竟条纹的应用范围比较窄，这里生成的东东是——布纹背景！网站的风格与Stripe类似，显然出自于同一人之手。
阅读全文 - 277 字

Jinwen在《为header的背景图片添加链接》一文中提到，要为header的背景图片（一般来说是给logo图片）加上链接，可以在定义有背景图片的div外面加上a属性：

阅读全文 - 852 字

隔一段时间IE就惹我生一次气，就为了照顾目前仍算广大的IE用户，浪费了多少开发者的时间！加上N个!important都不管用，我就奇怪IE的脑子是咋长的，智商不会低到只有4吧？超多人说IE兼容性好，我咋就没看出来它好呢？连W3C标准都兼容不了还兼容个屁啊！

鉴于LoseMyMind 1.0没有侧边栏在使用上给用户造成了一定的不便，今天奋战一下午，终于制作出了两栏版本的LoseMyMind。版本号仍为1.0。暂时还没有发布，具体效果就看本blog了，欢迎大家前往踊跃拍砖。

Update 2007-07-10: LoseMyMind 2.0将是一款三栏式主题, 由于我在制作主题方面是个超级新手, 所以打算先借鉴众多优秀三栏主题的优秀元素之后再慢慢完成. 今天准备先换上著名的三栏主题体验体验. 在国外主机上就是麻烦, 既要保证功能强大还要保证不拖速度... 烦恼.
听取了大家的意见，感觉一个主题侧栏多不是万能的，没有侧栏是万万不能的。怎么办捏？改造吧？！动工，正式进入Gamma阶段。
PS：说实话，我从内心里觉得侧栏其实不是绝对必要的，可惜要坚持自己的风格真的很需要毅力，好吧，我承认我意志力薄弱。另，LoseMyMind 1.0的开发算终结了，已经提交至themes.wordpress.net。接下来这个版本将是LoseMyMind 2.0，请大家等待拍砖。

距上一期的《CSS扫盲(三): 怎样插入一个样式表》又是一个月了, 今天我们讨论的是CSS中的背景: background.

设置网页元素的背景色
阅读全文 - 936 字

在E-Space上看到对6znet这个iPhone风格网站的介绍, 点过去一看, 果然不得了. 一个字: 酷毙了!

网站大规模运用了透明png和基于mootools的超炫动态效果, 貌似blog内容都不是直接发布, 而是用Google AJAX Feed API从livespace上读取的. 最酷的地方就是整个网站的操作跟iPhone的触摸屏那样, 滑来滑去地, 根本不需要滚动条. 不过可能是CSS的问题, 我在Firefox浏览居然发现整体有点偏上, iPhone顶端被遮到一部分. 并且很可惜没有RSS输出, 要订阅的话得去作者的livespace, blog的名字居然是"无法找到该页". -__-||
阅读全文 - 316 字

说beta还真beta得彻底。这两天发现了LoseMyMind主题中存在的好些问题，幸好及时发现并一一修正过来了。记下来存在这里当作log。
Log:

阅读全文 - 831 字

这款LoseMyMind主题让我很为难：要在简约与丰富的功能之间寻找一个完美的平衡点。
在之前的制作过程中我就一直在想个问题，blogroll放在哪里合适。自打我下定决心去掉了传统的侧边栏，很快就发现随之而来的代价是功能上的缩水，因为没有为它们准备足够的安放空间，最后只能依靠一个动态卷动的bottom把这些东东藏了进来。自我感觉并不太好，尤其是刚才把最新回响功能加进来以后，展开bottom后的感觉很凌乱。大家有什么样的感觉呢？留言告诉我，或者直接给我更好的建议吧。——苦恼中的冰仔

被我硬缠着的老肥今天发了他的系列文章《如何为博客设计一个出色的favicon》第二篇，其中就有为我设计（实在被我缠得没办法）的favicon，我已经换上了，很漂亮的“冰”字！Perfect!
想学习制作漂亮favicon的同学，一定要看看上面的两篇文章，别学我那样厚脸皮啊。

Update: 把Google AJAX Search的宽度定义从100%改为480px就解决啦.
折腾了半天, 刚把速度提上去一点, IE下浏览又出问题了, 侧边栏极不争气地躲藏在页面的最下方. 好吧, 要想办法挖它出来.
被IE气到了, 顺便来推广一下Firefox (www.ie7.com).

知道自己的网站打开很慢, 但没意识到会这么慢, 也许是我使用了很多消耗query的插件, 也许是自己增加了很多js脚本, 再加上K2本身体积与功能的相同程度的庞大... 终于, 慢到无法忍受了.
WinXP + Firefox 2.0.0.4 + Fasterfox, 清空缓存后测试: 加载首页总共消耗时间76.313s.
下午有任务, 完成之后准备把blog提速, 有可能会换成light-weight的主题, 把各个需要js的demo移到独立于blog之外的页面中, 最大程度地精简脚本和图片. 要保证性能至上. 晚上见.