Google于9月3号推出了浏览器Google Chrome，写前端效果的同志们又有得辛苦了，IE/FF/Opera/Safari/Google Chrome本来不太平的世界更混乱了。
所幸Google Chrome用的是与Safari一样的Webkit引擎，我们可以使用对safari相似的方式作css hack，写法为：
@media screen and (-webkit-min-device-pixel-ratio:0) {
.selector{/* 针对Google Chrome、Safari 3.0 的CSS样式 */}
}
另有一种通过附加#的Css hack对chrome无效，可能是Webkit版本不同。
此css hack无效
p.callout { color:#FF0000; font-weight:normal; }
p.callout { color:#000000; font-weight:bold;# }
附：各种常见浏览器使用的内核 (Rendering Engine)
Mozilla Firefox ( Gecko )
Internet Explorer ( Trident )
Opera ( Presto )
Konqueror ( KHTML )
Safari ( WebKit )
Google Chrome ( WebKit )
Posted in HTML & CSS1 views
|
Tagged Hack
|
软件就不做介绍了,自己下了Photoshop,Flash和Dreamweaver,试了下.安装挺简单的,按步骤来就可以了,而且对于CS3相关的设置CS4都可以继承下来,很方便的:)
PS CS4:
DW CS4:
下载地址 需要注册,电驴的
Posted in Software1 views
|
Tagged Adobe
|
IEtester可以让IE5.5、IE6、IE7与IE8共存 ,可以说是网页设计师必备的一款软件
之前一直用的是V0.2.1版,因为V0.2.2我安装后总是报错…=.=
这次最新版本做了些不错的更新
做了新的软件图标…(以前的确实不美观)
支持多国语言,支持中文（这个貌似在V0.2.2中就有,但字体是雅黑,看不习惯）
支持IE8 beat2 (跟进的速度还不算慢)
刷新可以选择清除缓存,对页面调试有一定帮助
对JavaScript的支持有一定进步,试用的这段时间还没遇到载入JavaScript较多的页面时程序崩溃的现象.
当然一些老问题还是存在,比如说改变窗口大小的时候,易造成页面渲染失败(显示不完全);还有滚动条依然不顺滑…
不过总体感觉不错，而且比前一版本稳定不少，推荐升级^_^
官方下载地址: Download IETester v0.2.3 (24MB)
Posted in Software1 views
|
Tagged IE
|
CSS Sprites技术不新鲜，早在2005年 CSS Zengarden 的园主 Dave Shea就在ALA发表对该技术的详细阐述。原先只在CSS玩家之间作为一种制作方法流传，后来出来个14 Rules for Faster-Loading Web Sites, 技术人员之间竞相传阅，其中第一条规则Make Fewer HTTP Requests就提到CSS Sprites。于是这个小妖精就火了起来，甚至出现了在线生成工具，势不可挡也。近来国内很多blog都提到CSS Sprites，最著名的例子莫过于 http://www.google.co.kr/ 下方的那几个动画。最新发布的YUI中，也是使用到CSS Sprites，几乎都有的CSS装饰图都被一个40×2000的图包办。社交大站Facebook最近也使用了一个22×1150的图片承担了所有icon. 一时间，CSS Sprites无处不在。
原理
我们知道，自CSS革命以降，HTML倾向于语义化，在一般情况下不再在标记里写装饰性的内容而是把呈现的任务交给了CSS。GUI是缤纷多彩的，少不了各种漂亮的图来装点。新时代的生产方式是，在HTML布满各种各样的钩子（hook），然后交由CSS来处理。在需要用到图片的时候，现阶段是通过CSS属性background-image组合background-repeat, background-position等来实现（题外话：为何我提现阶段，因为未来浏览器若支持content则又新增另外的实现方法）。我们的主角是，你一定猜到了，就是background-position。通过调整background-position的数值，背景图片就能以不同的面貌出现在你眼前。其实图片整体面貌没有变，由于图片位置的改变，你看到只该看到的而已。就好比手表上的日期，你今天看到是21，明天看到是22，是因为它的position往上跳了一格。所以你也大概了解到，CSS Sprites一般只能使用到固定大小的盒子（box）里，这样才能够遮挡住不应该看到的部分。
Continue reading →
Posted in HTML & CSS1 views
|
Tagged CSS-Sprites
|
D2之旅
D2 不是Diablo2…
D2是 前端技术论坛(Designer & Developer Frontend Technology Forum)的简称，是为国内前端开发者和网站设计师提供一个交流的机会，一起分享技术的乐趣，探讨行业的发展，以技术会友。共同推动国内前端技术的发展，促进国内行业标准跟国际的融合，发掘前端技术可以创造的更大价值。
2008.11.29日上海 天气: 晴
7:10AM我到达上海,第二次来到这个繁华的城市,心情是别样的兴奋,因为这次是受邀参加D2前端技术论坛,很荣幸能参加这次设计师的盛会.在强大的人肉GPS导航的帮助下我很顺利的抵达了这次D2的会场–建工锦江大酒店.
5楼会场入口:
Continue reading →