hlily - 博客园

2012年3月

摘要：这其实是一篇读书笔记。原文：http://taligarsiel.com/Projects/howbrowserswork1.htm译文：http://www.html5rocks.com/zh/tutorials/internals/howbrowserswork/随便扯两句，云时代可能就是浏览器的时代，不搞清楚浏览器，怎么在云时代混？浏览器的常见元素：(1) 地址栏(2) 前进、后退按钮(3) 书签(4) 刷新(5) 到达主页的按钮浏览器的主要构成：chrome不同于其他浏览器的是，它的渲染引擎是多线程的，一个tab对应一个线程。上面的这个图还是很清晰的，本来想自己弄个中文版的，发现还是原阅读全文

posted @ 2012-03-15 19:09 hlily 阅读(777) 评论(1) 推荐(1) 编辑

[译]6 Best HTML5/CSS3 Presentation Frameworks

摘要：程序员其实也是做PPT的。。。。（不知道在哪个图上看过）帅气的PPT是每个人都想要的。原文介绍了6款用HTML5/CSS3 来实现的展现框架。忍不住弄下来看了看。太帅气了。ps: 标题是源项目连接（尽量用源项目），download是我整理的连接（没有更新，只是用来学习用的）。1、html5 Slides google的工程师提供的，很简单实用。一个html搞定。download2、Impress.js 这款偶觉得太帅气了。利用了CSS3的transform和transition的功能，当然是要用在高级浏览器中，灵感来至于prezi.com.download 3、HTML5 Rocks ... 阅读全文

posted @ 2012-03-07 15:00 hlily 阅读(513) 评论(0) 推荐(0) 编辑

2012年2月

检测浏览器是否有filter属性

摘要：一直以为filter属性是IE独有的，实际上也确实是，设置filter属性也只有在IE中才有效。由于对于不同的浏览器需要设置不同的css的属性，所以难免会用到条件来检测浏览器是否有filter属性，看到有一段代码是这样检测的/*! * Copyright (c) 2009 Simo Kinnunen. * Licensed under the MIT license. */var HAS_FILTER = (function() { return document.createElement('span').style.filter !== undefined;})();09年阅读全文

posted @ 2012-02-20 18:24 hlily 阅读(394) 评论(0) 推荐(0) 编辑

利用filter进行图片的旋转

摘要：在高级浏览器里面可以利用css3实现图片的旋转，可是对于IE来讲，需要利用filter属性。。利用filter进行旋转：（1）如果只用旋转90度，那么可以直接用BasicImage(rotation=参数)来实现，其中参数为： 0：不旋转；1：90度 ;2：180度；3：270度例子，旋转-90度，那么代码如下： IE：filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 支持CSS3的：-webkit-transform:rotate(-90deg);-moz-transform:rotat... 阅读全文

posted @ 2012-02-20 15:52 hlily 阅读(2056) 评论(2) 推荐(1) 编辑

2012年1月

HTML 结构

posted @ 2012-01-31 18:04 hlily 阅读(693) 评论(1) 推荐(1) 编辑

[译]使用HTML5的语义标签

摘要：看了文章Using HTML5 semantic elements today，做了一点翻译原文地址：http://www.nczonline.net/blog/2011/03/22/using-html5-semantic-elements-today/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+nczonline+%28NCZOnline+-+The+Official+Web+Site+of+Nicholas+C.+Zakas%29&utm_content=Google+Reader现在使用阅读全文

posted @ 2012-01-13 18:25 hlily 阅读(385) 评论(0) 推荐(0) 编辑