HTML5, JavaScript

自定义元素–为你的HTML代码定义新元素

自定义元素–为你的HTML代码定义新元素

注意:这篇文章介绍的 API 尚未完全标准化,并且仍在变动中,在项目中使用这些实验性 API 时请务必谨慎。
Read More

HTML5, JavaScript, 很久以前的工作记录

人人网首页拖拽上传详解(HTML5 Drag&Drop、FileReader API、formdata)

  早在公元2011年6月3日傍晚,人人网推出了一个很装B且完全无视IE浏览器的功能——拖拽上床。哦,Sorry, 是拖拽上传。到现在,这个功能已经上线了整整半年,这篇文章也足足拖延了半年才分享给大家,实在是对不住了,呵呵,今后彬Go一定要勤奋发Blog!

Read More

HTML5

给力的 Google HTML5 训练营(HTML5 Drag&Drop 拖拽、FileReader实例教程)

HTML5 Drag&Drop 、FileReader实例教程

  上周六有幸同我们人人网的几个同事一起去Google总部参加了《给力HTML5 —— 2011 Google HTML5 训练营》,从下午1点多到晚上9点多8个小时左右的时间,收获还是很大的,8个小时的时间把以前一直想学或想做的事情都给搞了一些。好久没有写博客了,今天也该分享些给力的东西了,正好借此次机会跟大家分享些HTML5相关的给力的技术(sessionStorage、localStorage、Web SQL DateBase、Indexed DB、Canvas绘图、FileReader、Drag&Drop…),何止是给力,简直就是给力! Read More

HTML5, JavaScript

HTML5 WebSockets 基础使用教程

html5-websockets-教程

  HTML5之中一个很酷的新特性就是WebSockets,它可以让我们无需AJAX请求即可与服务器端对话。今天彬Go将让大家通过Php环境的服务器端运行WebSocket,创建客户端并通过WebSockets协议发送和接收服务器端信息。

Read More

CSS, HTML5

HTML5和CSS3工具资源汇总

HTML5和CSS3工具资源汇总

  HTML5CSS3已经开始彻底变革全世界的Web前端开发和Web设计发展格局,因为他们给这个领域带来了太多太多令人惊奇的新特性!我用大量时间学习了HTML5和CSS3技术,它们的动画、圆角等特效会令你震惊…在后面的内容中彬Go将向大家推荐一些能帮助你更好的掌握甚至精通HTML5和CSS3的终极工具资源集合。虽然还有很多特性不被浏览器所支持,但我们作为前端开发从业者,有必要掌握它们。彬Go希望这些HTML5和CSS3工具资源能对大家的学习和工作有所帮助。
Read More

HTML5, JavaScript

关于HTML 5 canvas 的基础教程

HTML 5 规范引进了很多新特性,其中最令人期待的之一就是 canvas 元素HTML 5 canvas 提供了通过 JavaScript 绘制图形的方法,此方法使用简单但功能强大。每一个canvas 元素都有一个”上下文( context )” (想象成绘图板上的一页),在其中可以绘制任意图形。浏览器支持多个 canvas 上下文,并通过不同的 API 提供图形绘制功能。

Read More

HTML5, JavaScript

让所有IE支持HTML5的解决方案

html5-ie支持

  自从HTML5能为我们的新网页带来更高效洁净的代码而得到更多的关注,然而唯一能让IE识别那些新元素(如<article>)的途径是使用HTML5 shiv,感谢remy sharp为我们提供了这个迷你脚本来解决IE支持HTML5的问题。
Read More

CSS, HTML5

一起感受HTML5和CSS3的能量

html5-css3-教程

  Web设计师可以使用HTML4和CSS2.1完成一些很酷的东西。我们可以在不使用陈旧的基于table布局的基础上完成文档逻辑结构并创建内容丰富的网站。我们可以在不使用内联<font>和<br>标签的基础上对网站添加漂亮而细腻的风格样式。事实上,我们目前的设计能力已经让我们远离了那个可怕的浏览器战争时代、专有协议和那些充满闪动、滚动和闪烁的丑陋网页。
  虽然我们现在已经普遍使用了HTML4和CSS2.1,但是我们还可以做得更好!我们可以重组我们代码的结构并能让我们的页面代码更富有语义化特性。我们可以缩减带给页面美丽外观样式代码量并让他们有更高的可扩展性。现在,HTML5和CSS3正跃跃欲试的等待大家,下面让我们来看看他们是否真的能让我们的设计提升到下一个高度吧…
Read More