人人网首页拖拽上传详解(HTML5 Drag&Drop、FileReader API、formdata)
早在公元2011年6月3日傍晚,人人网推出了一个很装B且完全无视IE浏览器的功能——拖拽上床。哦,Sorry, 是拖拽上传。到现在,这个功能已经上线了整整半年,这篇文章也足足拖延了半年才分享给大家,实在是对不住了,呵呵,今后彬Go一定要勤奋发Blog!
您还可以参考以下HTML5相关文章:
《HTML5 Drag&Drop 拖拽、FileReader实例教程》
《HTML5 WebSocket... [阅读全文]
用userdata和localstorage做跨浏览器本地储存
为网站做一个搜索历史本地储存,想法是对于ie外的浏览器可以直接使用localstorage,但是对于不争气的IE,难道只能使用cookies? 然后搜到hacker news上的一篇文章。 Store.js – cross browser local storage without using cookies or flash (github.com)
http://github.com/marcuswestin/store.js
于是才知道IE下的userData。
1.浏览器支持 userData是微... [阅读全文]
Google 发布基于 HTML 5 的实时音频和视频通讯平台 WebRTC
Google宣布推出开发者预览版的WebRTC,这是一个可让网友之间通过音频和视频实时交流的开放工程,只要是支持Real-Time Communications (RTC)的浏览器都可实现实时音频和视频聊天。
这个新的技术使用了HTML 5和简单的Javascript API,开发者可以很轻松的创建RTC应用,只要浏览器支持,就可在不安装任何扩展和插件的前提下进行实时音频和视频聊天。Google... [阅读全文]
IBM发布开源HTML5可视化设计工具Maqetta
IBM推出了一个基于浏览器的开源HTML5网页编辑工具Maqetta,支持Google Chrome、Mozilla Firefox 3.5+(推荐Firefox 4)和Mac Safari 5,为用户体验设计师提供了一个可见即可得的可视化编辑环境。
Maqetta目前发布了Preview 1版,可以在浏览器上直接使用,无需安装任何插件,用户也可以选择下载和安装到自己的服务器上。
Maqetta 应用本身用HTML5/Ajax... [阅读全文]
10个超棒的HTML5素描及绘画设计工具
nick | html5 | 2011-03-12
1. Mr. Doob’s Harmony
非常适合随手绘制勾勒图像轮廓的一个工具。
2. Sketch
这个工具的开发者是Hakim El Hattab。你会发现用它画素描非常有趣,甚至还可以画3D草图。
3. Deviant Muro
这是个很强大的工具。带有多种笔刷跟滤镜,能够进行比较精细的创作。不必安装FLASH 插件就可以使用。
4. Sketchy Structures
用它可以绘制梦幻般复杂的场景。
5.... [阅读全文]
JavaScript 线路脚本库 WireIt
喜欢设计开发的朋友应该都比较熟悉Yahoo Pipes 那漂亮的界面,而WireIt 是一个开源的javascript 脚本库, 可以让你创建类似风格的可视化界面。
这个脚本库非常适合用来创建数据流应用(比如家庭树)和可视化编程语言。
授权协议: MIT
开发语言: JavaScript
操作系统: 跨平台
收录时间: 2011年02月06日
软件首页 软件下载
[阅读全文]
让IE6/7/8 支持 HTML5 标签
figure {color:blue;background-color:red;}
document.createElement("figure");
fdsafd
[阅读全文]
关于脚本载入器的思考
原文:http://www.nczonline.net/blog/2010/12/21/thoughts-on-script-loaders/
==
上周,Steve Sounder 发布了 ControlJS 项目,目的是让开发者可以更好地控制 JavaScript 的载入和执行。实现上借鉴了 Stoyan Stefanov 关于预载入但不执行的方法,同时开启平行下载还带来了一些愉快的”副作用”。更多详情见 Steve 的三篇文章。
第一篇日志... [阅读全文]
图片(旋转/缩放/翻转)变换效果(ccs3/滤镜/canvas)
以前要实现图片的旋转或翻转,只能用ie的滤镜来实现,虽然canvas也实现,但ie不支持而且不是html标准。
css3出来后,终于可以用标准的transform来实现变换,而canvas也已成为html5标准的一部分。
css3和html5使web变得越来越强大,各种新奇的技术正等待我们发掘。
本程序分别通过滤镜(ie)、ccs3和canvas来实现图片的旋转、缩放和翻转变换效果,可以用作... [阅读全文]
JavaScript 图片3D展示空间(3DRoom)
一般的平面效果,通过改变水平和垂直坐标就能实现,再加上深度,就能在视觉上的产生3D(三维)的效果。
程序就是模拟这样一个三维空间,里面的图片会根据三维坐标显示在这个空间。
很久以前就看过一个3DRoom效果,是用复杂的计算实现的。
在上一篇图片变换研究过css3的transform之后,就想到一个更简单的方法来实现。
兼容:ie6/7/8, firefox 3.6.8, op... [阅读全文]