I Sparkle

Sparkle my ideas

Design

Great! google toolbar has support firefox3

刚刚得到消息,Google发布了最新版的firefox3的Google toolbar插件,这是非常令人期待的,迟到了N个月的Google toolbar终于到来。

真是棒极了!

相信明天做到办公室的时候,Firefox3就已经发布了,哈哈,期待中。

下载地址:http://dl.google.com/firefox/google-toolbar-ff3-win.xpi

6月的任务

很久以前就计划要研究一下CSS GRID(网格)技术的,但是一直太忙,没有时间去看,最近好了,稍微轻松了一点点。可以抽出时间来学习了。

虽然6月份快要过去一半了,但是这件事情不能再往后拖了。

这个月要研究一下当前主流的css框架,特别是GRID模型,尽量在月底之前自己开发出一个CSS Framework。

显然,如果不懂得CSS GRID技术,不算是CSS高手的。

加油!

DIV+CSS?不要再忽悠人了

在大约两年前,DIV+CSS是一对很诱人的组合,会用div+css制作网页的人,也常常会被人赞以大拇指的,记得06年初的时候,我用div+css布局的一个网站还拿了学校网页设计比赛的一个奖。

尽管现在很多的人提到div+css,还会双眼放光,但是我会对他摇头了,相信会有很多人对这对组合摇头的:div+css不是一切。

CSS的要义是,各个标签要各尽所用。

查看全文 »

漫谈HTML 标签 B和Strong的区别

今天面试一位网页设计师,没有问他太多的问题,了解了他的基本情况之后,问了他一个问题:B和Strong的区别。

他想了半天,没有想出来……而且好像并不知道这两个标签是什么,有什么用。

其实问这个问题不是故意刁难。

我认为能够真正说出这两个标签的区别的人,基本上算是很牛的人了,因为如果只是一般的网页设计师的话,不会去研究HTML标签的,更不会去对比两个类似标签的区别。

但是如果不知道这两个标签的人,肯定不是合格的网页设计师。

事实上,这两个标签的表现是一样的,都是文字的加粗。

网上有资料说B是实体标签,strong是逻辑标签,推荐使用实体标签 云云……

我个人比较推荐strong标签,原因如下:

1、Strong表示强调,对SEO友好。

2、Strong是Xhtml标准推荐使用的标签。

3、strong更具语义化。标签的语义化和CSS的语义化已然是一个趋势了。

目前strong的默认样式是加粗,也就是bold,如果说担心strong的默认样式会更改的话,我认为纯粹的杞人忧天,对于这么一个使用非常频繁的标签,我认为W3C不会随意改它的默认样式的,即使改了,我们也可以用CSS来定义它的表现。

浏览器对CSS的解释会逐渐趋于统一,我估计,将来浏览器之争不会在CSS的解释上面,而是在浏览器本身的功能和性能。只要符合CSS标准,兼容性问题将不再是问题。

CSS Sprite的优点

考虑写这篇文章是因为看到了FVzone的WP皮肤 dark-final :http://www.fvzone.com/blog/dark-final-to-wordpress.fv

这款皮肤很棒的,非常喜欢。

但是发现作者处理icon的方法有些原始:把那些小图标放到一个文件夹里,然后不同的class调用不同的ico图片。

如果用css spirit就可以省很多事情。

css spirit 的本质是通过定位调用某个图片的相应位置,也就是background:url(../images/icon2.png) mpx npx no-repet;m和n是相应的坐标。这样的话就可以把很多的小ico全部放到一个图片里面,这样有以下好处:

1、减少图片文件大小,经过测试,将多张图片集合可以将图片的总大小缩小好几倍。

2、减少数据请求,原来每加载一张小图,就会有一次数据请求,但是用了CSS spirit 使用该图片的所有class 只需要一次请求就够了

3、其它好处,比如减小CSS代码量,样式更容易管理等。

但是请注意,不要将repeat的图片和no-repeat的图片放到一起来,虽然这样基本不会有什么问题,但是目前来说,如果这样做的话,在Iphone中浏览页面会出现北京图片溢出的情况。

第5页/共 5页12345