代码改变世界

随笔分类 -  html5

CSS尺寸和字体单位-em、px还是%

2015-10-10 11:35 by 破狼, 26645 阅读, 收藏, 编辑
摘要: 在页面整体布局中,页面元素的尺寸大小(长度、宽度、内外边距等)和页面字体的大小也是重要的工作之一。一个合理设置,则会让页面看起来层次分明,重点鲜明,赏心悦目。反之,一个不友好的页面尺寸和字体大小设置,则会增加页面的复杂性,增加用户对页面理解的复杂性;甚至在当下访问终端(iPhone、iPad、PC、... 阅读全文

生成PDF的新选择-Phantomjs

2013-12-10 20:35 by 破狼, 15853 阅读, 收藏, 编辑
摘要: 最近在node.js项目开发中,遇见生成PDF的需求,当然生成PDF不是一个新意的需求;我可以选择利用开源的pdfkit或者其他node pdf模块,或者通过edge.js调用.net/python下的pdf库去做生成pdf。但是在我看来对于这些东西不管如何也需要花费我们太多的时间(pdf报表的内容... 阅读全文

angularjs 过滤器filter

2012-10-31 23:36 by 破狼, 43559 阅读, 收藏, 编辑
摘要: 在前面介绍angularjs已经很多了,中途由于工作和一切生活琐事,暂停了很久。今天在这里将继续angularjs讲解,这节我们来看看angularjs的过滤去filter。 在我们开发中经常需要在页面显示给用户的信息需要一定处理格式化,才能显示给用户。比如时间本地化,或者yyyy-MM-dd HH:mm:ss格式,数字精度格式化,本地化,人名格式化等等。在angularjs中为我们提供了叫filter的指令,让我们能够很轻易就能做到着一些列的功能,angularjs内部为我们提供了number等很多内置的filter。并且我们能够很轻易的自定义自己的领域filter。 如下实例:html:. 阅读全文

Less动态css-演讲稿(ppt)

2012-07-24 23:18 by 破狼, 1962 阅读, 收藏, 编辑
摘要: LESS 将 CSS 赋予了动态语言的特性,如 变量, 继承, 运算, 函数,混合,守卫,命名空间,字串符插值。 LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox),也可以借助Node.js或者Rhino在服务端运行。 Less是一个JS库,所以他可以在客户端运行,相对Sass则必须在服务端借助Ruby运行(Sass和Less区别,可以参见LESS介绍,和与Sass的比较)。本演讲稿主要涉及Less程序式特性和Less常见使用方式: 变量 混合 嵌套规则 函数&运算 模式匹配和守卫(Guards ) 字符串插值 ... 阅读全文

html5系列目录

2011-08-23 09:09 by 破狼, 2867 阅读, 收藏, 编辑
摘要: html5作为下一代web标准,年前轩起了html5热潮。对于html5我只是本着了解看看。关于html5和RIA(silverlight,flash,JavaFx等)我不想说什么,也没有什么可说的,存在就有其存在的理由。孰优孰劣,留给事实、时间来证明的。 在html5中出现了一些新特性:canvas 元素视频 video 和 声频audio 元素 ;对本地离线存储(localStorage,sessionStorage)的支持 ;新增特殊内容元素:article、footer、header、nav、section ;新增表单控件: calendar、date、time、email、url.. 阅读全文

Google Chrome 語音辨識

2011-07-15 15:48 by 破狼, 953 阅读, 收藏, 编辑
摘要: Google Chrome 上支持语音输入,看了一下,不是通过 flash 或其他 plugin,而是 google chrome 內置的。Code:HTML5 input tag 如下,就会在一旁出现个可以按的麦克风:[代码]不加 x-webkit-grammar 也行,但英文辨识效果会逊色很多。把 Mac 系统語言設成中文的話,就可以辨识中文了。我的测试效果图: 网上有位老兄的测试视频:htt... 阅读全文

html5-web本地存储

2011-03-04 00:26 by 破狼, 2968 阅读, 收藏, 编辑
摘要: 在html5中为我们提供了一种本地缓存机制,它将取代我们的cookie,并且它是不会随浏览器发会我们的服务器端的。我们可以采用js在客户端自由的操作本地缓存。html5中缓存主要有localStorage,和sessionStorage。他们的用法一致。区别在于他们的时间限制不同。localStorage是不存在时间限制的。而sessionStorage这时基于session的数据存储,在关闭或者... 阅读全文

html5之Canvas坐标变换应用-时钟实例

2011-03-02 23:20 by 破狼, 5683 阅读, 收藏, 编辑
摘要: 在上一篇中我们了解html5的Canvas ,在这一篇中不用多说,写一个html5的时钟应用程序试手。在这里主要设置了坐标变换的平移(translate)和旋转变换(ratate),以及html5 Canvas的路径绘图,beginPath,closePath,rect,arc等,还有就是html5 Canvas路径绘图重要的绘图状态的保存和恢复机制,save,restore。 多的也不说了,直接... 阅读全文

html5-Canvas绘图

2011-03-02 00:30 by 破狼, 31236 阅读, 收藏, 编辑
摘要: 在html5中我觉得最重要的就是引入了Canvas,使得我们可以在web中绘制各种图形。给人感觉单在这点上有点模糊我们web和桌面程序的感觉。在html5外web中也有基于xml的绘图如:VML、SVG。而Canvas为基于像素的绘图。Canvas是一个相当于画板的html节点,我们必须以js操作绘图。如下:canvas id="myCanvas" width="600" height="300... 阅读全文

html5声频audio和视频video

2011-02-28 21:43 by 破狼, 13748 阅读, 收藏, 编辑
摘要: html5作为下一代web标准,年前轩起了html5热潮。对于html5我只是本着了解看看。关于html5和RIA(silverlight,flash,JavaFx等)我不想说什么,也没有什么可说的,存在就有其存在的理由。孰优孰劣,留给事实、时间来证明的。 在html5中出现了一些新特性:canvas 元素视频 video 和 声频audio 元素 ;对本地离线存储(localStorage,se... 阅读全文