Category Archives: HTML & CSS

x-webkit-speech 语音输入功能

现在各大网站都在搜索框中加入了语音输入功能,不过目前只有Chrome 11及以上版本才支持。 可以用chrome浏览器在这里试试效果,点击话筒即可: 实现起来也非常简单,为input添加名为 x-webkit-speech 的属性就行了。

Posted in HTML & CSS237 views | Tagged | Leave a comment

浏览器工作原理

作为前端,了解浏览器的工作原理还是很有必要的,这篇文章可以帮助我们把很多前端知识串起来,读了之后受益良多,所以转了过来。文章非常长,译文的排版不是很清晰,我对照原文重新排了个版,并且修正了一些明显的翻译问题,本文省略了原文中文法解析部分,因为感觉这部分太深入了,对前端工作帮助不大;如果对这部分感兴趣可以查看原文或译文 原文在这里:http://taligarsiel.com/Projects/howbrowserswork1.htm 译文在这里:http://blog.csdn.net/zzzaquarius/article/details/6532299 一、简介 浏览器可以被认为是使用最广泛的软件,本文将介绍浏览器的工作原理,我们将看到,从你在地址栏输入google.com到你看到google主页过程中都发生了什么。

Posted in HTML & CSS206 views | Leave a comment

3D化网页工具:Tilt

Tilt是一款Firefox的插件,它使用WebGL技术,能将网页以3D形式展现并支持旋转、缩放等操作,看下截图会更直观一些。

Posted in HTML & CSS378 views | 3 Comments

CSS4 选择器

在小鱼博客里看到一篇关于CSS4选择器的文章,着实让人振奋,于是仔细阅读了 W3C CSS4 官方文档 在小鱼文章的基础上按照自己的理解总结出这么一篇文章;因为目前CSS4文档还是预览版,对一些选择器的解释不够清晰难以理解,所以难免有遗漏和错误,如有发现欢迎指正或一起讨论:)

Posted in HTML & CSS358 views | 1 Comment

重温Reflow

随着PC硬件性能的提升以及浏览器的性能提高,现在很少在意reflow相关的性能问题,甚至一度把它遗忘了;直到工作重心转向移动web开发,因为移动设备的CPU、内存等硬件资源非常有限,再加上频繁的操作DOM以及加入动画效果,才认识到reflow性能优化是非常必要的,所以再次阅读了reflow的相关资料并做了些归纳。

Posted in HTML & CSS330 views | 2 Comments
Pages: 1 2 3 4 5 6 7 8 9 10 Next