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

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

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

(更多…)

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…),何止是给力,简直就是给力! (更多…)

HTML5, JavaScript

HTML5 WebSockets 基础使用教程

html5-websockets-教程

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

(更多…)

HTML5, JavaScript

关于HTML 5 canvas 的基础教程

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

(更多…)

CSS, JavaScript, jQuery

用CSS3制作50个超棒动画效果教程

50个css3技术教程

  CSS3为我们带来了令人惊叹的新特性,而最有趣的就是CSS动画。今天彬Go向大家推荐这50个CSS动画集合可以让你通过使用JavaScript函数来让动画更生动。为了能够预览到这些惊人的CSS3技术带来的动画特效,请大家使用如SafariChrome这类基于WebKit内核的浏览器。(IE浏览器谢绝观赏~)
(更多…)

HTML5, JavaScript

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

html5-ie支持

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

JavaScript

Javascript DOM 控制系列教程一

javascript-dom-教程

  Hello,今天开始彬Go将以系列教程的方式为大家讲解Javascript编程语言和DOM接口,本篇教程为该系列的第一部分。
  虽然现在一些js框架诸如jQuery、Prototype和MooTools能提高我们的前端开发效率而且很好的解决了浏览器兼容性问题,但我们仍要打好javascript技术基础。Javascript DOM 控制系列教程将告诉你你需要了解的javascript和文档对象模型(DOM)的本质。
(更多…)

网页设计

22个Photoshop网页设计教程网站推荐

photoshop-网页设计-教程

今天彬Go要向大家推荐一些非常棒的网页设计类教程网站,这些网站都会经常更新一些优秀且高质量的Web界面设计教程。如果你热爱网页设计并且经常搜集各种界面设计教程,那么你一定要把下面这些网站收藏起来。

(更多…)

CSS

5个CSS3技术实现设计增强

css3-新特性-教程

  层叠样式表(css)是Web设计的一种语言,CSS的下一代版本CSS3已经蓄势待发。你是否可望开始使用它们却又不知从何下手呢?虽然还有一些新属性没有得到官方的确认,但是一些浏览器已经开始支持来自CSS3得新特性了。
  但问题是——许多浏览器支持了,唯独最主要的Internet Explorer浏览器仍不支持!
  很多人尤其是中国的前端er们会觉得既然IE不支持,那就先不关心CSS3。其实不应这样的,CSS3现在能为我们带来什么好处呢?至少现在我们就能使用那些CSS3的新特性来进行设计增强。如果你赞成渐进增强这个理念的话,我想你一定会赞同彬Go的看法的~~
(更多…)

CSS, HTML5

一起感受HTML5和CSS3的能量

html5-css3-教程

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