代码改变世界

推荐排行榜

很酷的页面布局框架

2012-03-12 22:34 by AndrewCja, 5852 阅读, 收藏,
摘要: 建高楼大厦时,我们总是先用钢筋水泥搭好骨架,然后再加砖添瓦,布置每套房屋。编写一个网页也是这样,须先将布局框架搭好稳固,之后才能游刃有余。本博文阐述如何实现了两栏布局(main栏和sub栏),三栏布局(main栏、sub栏和extra栏),以及布局中各栏的排列顺序。 本示例布局框架具有以下特性: 跨 阅读全文

[译]《学习HTML5游戏编程》第一章

2011-12-12 09:25 by AndrewCja, 3176 阅读, 收藏,
摘要: HTML5介绍HTML5是HTML下一版本的规范草案,它是它的前身HTML4 和XHTML的突破。在HTML5中一些元素被移除了,同时HTML5也不再基于旧的文本标记标准SGML。HTML5比HTML4更能兼容错误的语法,同时能让不同浏览器以相同的方式解析和展示格式错误的文档。这个版本的HTML增加了许多重要内容,比如内建的拖动支持以及音像元素。本章我们将讨论HTML5新增的特性及相关的JavaScript API。跨越HTML基础由Tim Berners-Lee发明的HTML(超文本标记语言)从1990年至今已有相当长一段历史了。来自HTML5Rocks slides (http://sli 阅读全文

页签及盒子的web标准实现

2011-10-31 12:29 by AndrewCja, 2327 阅读, 收藏,
摘要: 页签及盒子示例下载页签及盒子是html界面最常见不过的组件。本博文给出它们的一个示例,并作简要分析。本示例的界面效果如下图所示:(您还可以通过上面的链接下载示例,查看实际效果)下面给出本示例的特性及代码。以下文字描述不多,但相信您很容易就可以从界面效果图以及实现代码中分析出以下所列每个特性的具体含义。一、页签本页签具有以下特性:1、为每个页签自定义背景图;2、当前页签突出显示,当前页签的底部是没有横线的;3、所有页签的背景图合成一张图(css sprite)以提高性能(减少了对图片的http请求次数);4、兼容各主流浏览器。实现页签的html代码如下:<divclass="hd 阅读全文

Web中的Tip组件实现

2011-12-28 08:51 by AndrewCja, 2245 阅读, 收藏,
摘要: Tip组件下载 Tip是页面设计中最常见不过的组件,但要从无到有实现一个优秀的tip组件并不是一件容易的事情。本文介绍了本人编写的tip组件,并提供源码供下载。您可以直接使用,但希望您能保留代码中的作者注释。: ) 本tip组件具有以下特性: 1、兼容各主流浏览器。2、高度自适应。3、有上方向和下方 阅读全文

[译]《学习HTML5游戏编程》第二章

2011-12-13 09:23 by AndrewCja, 2335 阅读, 收藏,
摘要: 搭建开发环境要进行HTML5编程非常方便,你只要有一台电脑和稳定的英特网连接就可以了。可以从英特网上找到需要的开发工具,它们一般是免费的。一些开发工具是收费的,但可以找到免费的工具来替代它们。在这一章中,你将要安装编写HTML5应用程序时需要的工具。我们会对其中一些工具进行详细介绍。开发工具有些开发者声称光溜溜的命令行编辑器很好用,比如emacs、vim和Redcar(我个人很喜欢的工具)。然而,对于中到大型项目来说,随着文件数量的增加,使用集成开发环境(IDE)具有很大的优势,比如更方便的文件管理和重命名,代码自动提示和语法检查,还有自动构建等。我们将会安装Eclipse IDE,以及此ID 阅读全文