不使用JavaScript让IE浏览器支持HTML5元素

2012年07月20日 by 张 鑫旭 阅读 79436 次, 今日 2 次

如果我们不做什么手脚的话,IE6~IE8浏览器不支持HTML5元素, <nav>, <header>, <footer>, <article> …
然而,前篇Google前端规范HTML部分中提到:要使用语义的HTML5元素作为text/html, 考虑到Google不可能把IE8等浏览器弃之不顾,因此,肯定是有什么方法可以让IE6~8浏览器也支持HTML5元素的……

本文就将介绍几个不使用JavaScript实现IE浏览器支持HTML5元素的方法,希望本文的内容能够对您的学习有所帮助。

阅读全文…

翻译:谷歌HTML、CSS和JavaScript风格规范

2012年07月18日 by 张 鑫旭 阅读 61761 次

本文翻译的内容并不是谷歌官方提供的完整HTML/CSS风格规范,而是一种带有总结性质的简单称述。完整的中文翻译,国内已经有(只有HTML/CSS, 无JS)。

大家都有自己的工作要做,大多数人没有多少精力去看冗长而且还是英文的规范文档。本文这里的基本点的总结基本上提炼了大家需要知道的一些东西,便于快速阅读。
希望本文的翻译能够对大家在使用HTML, CSS, JavaScript上有一定的启发与帮助。

阅读全文…

见多识广:CodePen项目网站简介

2012年07月17日 by 张 鑫旭 阅读 121957 次, 今日 2 次

本文内容如题所示,介绍CodePen这个网站,CodePen某些地方与jsfiddle是比较类似的,但是还是有不少不一样的地方。本文就介绍其中的异同。最后,并以实例展示CodePen的使用。本文有大量截图,以便表述准确易理解。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

高富帅seajs使用示例及spm合并压缩工具露脸

2012年07月11日 by 张 鑫旭 阅读 164872 次, 今日 5 次

正如题目所表示的,本文主要内容是关于seajs及其自带合并压缩工具spm的,虽然前后扯了不少闲淡,但是,对于不熟知seajs的新手而言,应该还是有一定的帮助的。还是跟以前一样,demo页面,源代码展示,必要的截图等,都是俱全的。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

Stylus-NodeJS下构建更富表现力/动态/健壮的CSS

2012年06月29日 by 张 鑫旭 阅读 94836 次, 今日 4 次


SASS显然优于LESS(所以你就休息去吧),SASS刚出来的时候我就在文章有有所提到,现在貌似已经被很多同行熟知,甚至有些小众项目组已经使用之。
然而,我却没有专门花功夫介绍SASS, 为何?那为何现在又花大把功夫整理和介绍Stylus?异同在何处?……

阅读全文…

photon-3D光线引擎项目展示与介绍

2012年06月20日 by 张 鑫旭 阅读 38916 次, 今日 3 次

众所周知,3D效果是否逼真,光线的模拟很重要——不同角度光线,不同的阴影/投影显示。
一个正方体,我们最多可以同时看到3面,这3面我们使用CSS可以很从容的模拟,但是,这种模拟往往过于平面。不过,如果我们增加点阴影,显然,效果就完全不一样。而这种光线效果的添加就是photon引擎所做的事情!

本文就将介绍这个很赞的3D光线渲染引擎photon. 希望对感兴趣的朋友提供点帮助。

阅读全文…

小tip: 外链地址网站标志图标API应用

2012年06月13日 by 张 鑫旭 阅读 63608 次, 今日 3 次

本文主要介绍如何利用一些API获得网站的favicon,即收藏图标,标志图标。并且如何在实际项目中应用。一如既往,提供必要截图,demo实例页面以及源代码展示。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

理解CSS3 transform中的Matrix(矩阵)

2012年06月8日 by 张 鑫旭 阅读 458996 次, 今日 16 次

理解CSS3 transform中的Matrix(矩阵)

本文非常详尽的讲解了CSS3 transform中的矩阵。花了很多时间制作了很多帮助理解的demo,还专门制作了效果演示gif动图,配以丰富必要的截图说明,文字表述上也力求通俗易懂。个人觉得本文质量还是很不错的,希望可以对此感兴趣的人提供力所能及的帮助。

阅读全文…

如何灵活利用免费开源图标字体-IcoMoon篇

2012年06月4日 by 张 鑫旭 阅读 222962 次, 今日 6 次

本文实际上是围绕IcoMoon这个平台介绍的,IcoMoon是为了方便广大前端开发人员使用图标字体而开发的。确实很好用,体验也很好,也非常有实用价值,故介绍。

使用一步一步,有非常详尽的截图,希望本文的内容能够对您的学习有所帮助。

阅读全文…

渐进使用HTML5语言识别, so easy!

2012年05月24日 by 张 鑫旭 阅读 78103 次, 今日 3 次

本文介绍如何在您的浏览器上渐进使用HTML5语音识别功能,以及该功能潜在的一些问题。丰富必要的demo,生动有趣的截图,幽默诙谐的文字,相信本文的内容对您的学习有所帮助的。

阅读全文…