16 11 月 2011 11 个有用的移动网页开发 App 和 HTML5 框架 听过的寥寥无几,移动的时代来了。需要跟上步伐 ^^ 在过去的两年里,触屏设备飞速增长。iOS 和 Android 设备让开发者和设计师开始重新思考他们的网页应用,以提供更好的触屏体验。移动 Web 应用相对于本地的 App 有很多优势,虽然也有很多设计和开发上的挑战。这里列出了一系列有用的框架来帮助基于 HTML 的 webapp 开发。他们支持大部分流行的智能手机和平板。1.Lungo.js:HTML5 移动开发框架 Lung
10 11 月 2011 文件拖拽上传 1.文件拖拽不多说了,看代码和注释。貌似 Chrome 和 Firefix 都支持的。vardragOver=function(event){//阻止默认事件 event.stopPropagation();event.preventDefault();//修改样式 this.className="xx-over";};vardragLeave=function(event){event.stopPropaga
11 10 月 2011 推荐 10 款非常优秀的 HTML5 开发工具 HTML5 发展如火如荼,随着各大浏览器对 HTML5 技术支持的不断完善以及 HTML5 技术的不断成熟,未来 HTML5 必将改变我们创建 Web 应用程序的方式。今天这篇文章向大家推荐 10 款优秀的 HTML5 开发工具,帮助你更高效的编写 HTML5 应用。InitializrInitializr 是制作 HTML5 网站最好的入门辅助工具,你可以使用提供的特色模板快速生成网站,也可以自定义,Initializr 会为你生成代
18 08 月 2011 8 个应该了解的 CSS3 技术 有了 CSS3,网站开发及网站设计都发展到一个更高的层次。在本文中,作者收集了一些惊人的使用 CSS3 技术的例子,如果多数浏览器能兼容 CSS3,那么这些技术很可能会被广泛接受。1.ColoranimateanyshapewithCSS3andaPNG 第一个展示的是一个仅仅使用了 CSS3 技术的有趣的成果:一个可以变换背景的 PNG 图像。背景使用了 CSS3 转变。不是那种可以直接放在网站上的效果,而是展示 CSS
17 02 月 2011 W3C 官方宣布 HTML5 标准将在 2014 年完成 虽然微软已经在 IE9 浏览器中使用了不少的 HTML5 实例,另外还有不少浏览器也开始采用 HTML,但是 HTML5 实际上还之是一个还没有真正完成的标准,HTML5 距离真正的标准化还有相当长的一段时间。近日万维网联盟 W3C 对外表示 HTML5 标准计划在 2014 年完成。到 2011 年 5 月 HTML5 标准将会进入到 LastCall 阶段,开发人员能够集中对该标准进行确定并对相关的开发进行更精准的定位,另外还将针对终端用
12 01 月 2011 CSS3: @font-face 想要制作一些很酷的头部效果并且不使用图片文件嘛?可以尝试一下 CSS3 里面的@font-face。代码如下:@font-face{font-family:qianduanNet;src:url("SketchRockwell.ttf");}.fontFace{font-family:qianduanNet;font-size:3.2em;letter-spacing:1px;text-align:ce
25 12 月 2010 在 textarea 中光标位置插入字符串 好久没晒代码了。今天心情不错,搬出来晒晒太阳。回过头来看看,代码有问题,继续修改下。2012-10-24<html><body><textareaonmouseup="getCursorInfo(this)"onkeyup="setPosition(this)">123456</textarea><script>vargetCursorInfo=function(textarea){varresul
08 12 月 2010 2010 年最好的免费 WordPress 主题 懒得翻译了。将就看下*-*PostedbyHenryJonesShakenGridThisthemeisperfectforyouifyou’reinneedofagallery/portfoliowebsiteorifyoujustwantawebsitewithauniquegridlayoutthatnotmanywebsiteshavetakenfulladvantageofyet.“Sha
27 10 月 2010 HTML 标签自定义 如果能在自己的网页中使用自定义的标签是不是很酷呢,比如用你的网站的域名、用你的网名、用你所爱的人的名字来定义 HTML 标签并内嵌到网页中,本文就介绍一下这方面的内容。首先需要在 <html> 标签中进行这样的申明:<htmlxmlns:vanessa>,xmlns 即 xmlnamespace 的缩写,是 HTML 标记的命名空间属性:一般其声明在元素开始标记的地方。只要在这里申明了我要使用的 vanessa 这一自定
11 09 月 2010 What Are HTML Meta Tags? (Meta Tag Tutorial) Metatagsarehiddenhtmltagsofanhtmldocumentthatarenotdisplayedinabrowserbutprovideabrowserorsearchenginerobotwithusefulinformation.UsingMetaTags?Metatagsarehtmltagsthatareincludedinthetagalongwiththe</b>
17 07 月 2010 meta 标签说明 文章有点混乱但是很基本也很详细,mark 一下转自:http://tech.ccidnet.com/art/3539/20100714/2115221_2.htmlmeta 是 html 语言 head 区的一个辅助性标签。几乎所有的网页里,我们可以看到类似下面这段的 html 代码:<head><metahttp-equiv="content-Type"content="text/html;charset=gb2
08 07 月 2010 Google Gmail 将要拥抱 HTML 5 很是强大。转自:http://www.infoq.com/cn/news/2010/06/gmail-harness-html5 作者 <strong><aclass="editorlink"href="http://www.infoq.com/cn/bycategory.action?authorName=%E5%BC%A0%E9%BE%99"class="editorlink"> 张龙发布于 2010 年
10 06 月 2010 给网页设计师的 30 个 HTML5 学习资源 早在几个星期前,Adobe 就发布了 DreamweaverCS5HTML5Pack 的预览版下载。众所周知,HTML5 在互联网领域掀起了一场大论战,并让 Adobe 的日子很难熬。HTML5 致力于为前端开发提供全面的标记语言。以下 30 多个资源可帮你开始学习 HTML5。BlowingupHTML5videoandmappingitinto3Dspace(将 HTML5 视频吹散并组成 3D 效果)最近我研究了 HTML
21 05 月 2010 不应忽视的 HTML 优化 作者 <strong><aclass="editorlink"href="http://www.infoq.com/cn/bycategory.action?authorName=%E5%B4%94%E5%BA%B7"class="editorlink"> 崔康发布于 2010 年 5 月 13 日下午 10 时 14 分 </p> 随着 Web2.0 技术的不断发展,Web 前端的优化受到越来越多的关注,特别是 JavaScript
06 02 月 2010 HTML 5 通过 sandbox 属性提升 iFrame 的安全性 转自:InfoQ 作者 <strong><aclass="editorlink"href="http://www.infoq.com/cn/bycategory.action?authorName=Abel-Avram"class="editorlink">AbelAvram 译者 <strong><aclass="editorlink"href="http://www.infoq.com/cn/bycat
22 12 月 2009 用 HTML Canvas 创建一个图片浏览器 颜林,软件工程师,IBM2009 年 12 月 10 日 HTML5 引入了新的的网页元素:<canvas>。Canvas 是一片空白的绘图区域,网页开发者可以利用 JavaScript 在该区域中自由地进行 2D 绘图。Canvas 可以用于渲染华丽的网页设计界面。本文通过一个详细的实例来说明如何用 Canvas 来制作一个图片的浏览器。最终的效果可以达到 Flash 程序的效果。通过本文,读者可以了解如何使用 Canvas 的各种函
06 11 月 2009 虚拟座谈:HTML5 来了,JavaScript 框架会如何发展 作者 <strong><aclass="editorlink"href="http://www.infoq.com/cn/bycategory.action?authorName=Dionysios-G.-Synodinos"class="editorlink">DionysiosG.Synodinos 译者 <strong><aclass="editorlink"href="http://www.inf
27 10 月 2009 失误——doctype&form 以前写 html 的时候总是不注意 doctype 的声明,使用的 NetBeansIDEnewhtml 时自动生成是什么样子就是什么样子了。后来用 Eclipsenewhtml 的时候居然不会生成,当时没太注意,没就没了。在前端观察的一篇帖子视觉手册:CSS 在 IE6,IE7 和 IE8 中的兼容性中对 css 选择器在 IE6,7,8 中进行了讨论,后来发觉争议点的前提就是 doctype 在 doctype 声明的 html 版本在 3.
23 09 月 2009 HTML 5 新的文档类型,字符集和页面结构 HTML 不再需要 SGML 来定义它的文档类型,文档类型在 HTML 里会更加简单的被定义。现在甚至在头部定义字符集会更加的简单。例如:<!doctypehtml><metacharset="UTF-8">PageStructure 页面结构在 HTML3 中,我们需要使用 table 来制定页面的结构。在 HTML4 中,定义页面结构演化为使用 <div>。HTML5 引入了一组完全新的元素来