
HTML5
文章平均质量分 68
不断学习的ITer
和同事和睦相处共同进步.....
展开
-
HTML5 - canvas 2D绘图
HTML5 - canvas 2D绘图转载 2011-05-19 13:17:00 · 2079 阅读 · 0 评论 -
HTML5 网站,很不一样的体验
http://www.beautyoftheweb.cn/http://www.beautyoftheweb.cn/touchgallery原创 2013-01-25 09:09:25 · 525 阅读 · 0 评论 -
40个容易上瘾的HTML5网页游戏
http://www.kuqin.com/webpagedesign/20111029/314003.htmlAngry Birds Chrome高清在线愤怒的小鸟!实际上,它可以起到对谷歌Chrome,Mozilla Firefox和Internet Explorer的最新版本。Front Invaders与您的HTML5的喷气机击落IEvil!我转载 2013-02-17 12:30:30 · 1843 阅读 · 0 评论 -
CSS3 实用技巧:实现黑白图像效果
http://www.cnblogs.com/lhb25/archive/2013/02/19/modern-css3-techniques-to-embellish-your-website.htmlhttp://www.cnblogs.com/lhb25/archive/2013/02/19/css3-grayscale.html2012年最酷的25个转载 2013-02-19 14:35:30 · 666 阅读 · 0 评论 -
HTML 5 全局 draggable 属性
http://www.w3school.com.cn/html5/att_global_draggable.asp一个可拖动的段落:draggable="true">This is a draggable paragraph.亲自试一试浏览器支持目前只有 Firefox、Chrome 以及 Safari 支持 draggable 属性。转载 2013-08-06 09:00:51 · 1456 阅读 · 0 评论 -
jquery.ui.draggable中文文档
http://www.douban.com/note/86224998/原文翻译]JQuery UI Draggable插件用来使选中的元素可以通过鼠标拖动.Draggable的元素受影响css: ui-draggable, 拖动过程中的css: ui-draggable-dragging.如果需要的不仅仅是拖, 而是一个完整的拖放功能, 请参阅JQuery UI 的Droppab转载 2013-08-06 09:15:09 · 994 阅读 · 0 评论 -
利用createImageData新建像素
http://book.51cto.com/art/201304/389322.htm《HTML5 Canvas游戏开发实战》第2章Canvas基本功能,本章主要讲解HTML5 Canvas的基本功能,利用Canvas的API,展示一些基本图形的绘制及操作方法,包括画线、画图、文字操作及图片操作等。本节为大家介绍利用createImageData新建像素。AD:转载 2013-10-31 13:11:19 · 1882 阅读 · 0 评论 -
最牛的CSS3
http://www.gbtags.com/gb/debug/730d205d-9ad2-44b9-838a-1c01ad8f1cbb.htm利用CSS3画出一个人转载 2013-11-01 16:10:43 · 683 阅读 · 0 评论 -
HTML5 CANVAS 时钟
CANVAS 时钟* { margin: 0; padding: 0;}canvas { box-shadow: 0 0 10px 10px #CCCCCC; display: block; margin: 50px auto 0;}window.onload = function() { new canvasClock({ canvas: doc转载 2014-07-18 16:51:00 · 805 阅读 · 0 评论 -
css3--我们太阳系
http://www.zhangxinxu.com/study/201005/css3-solar-system.html原创 2014-07-21 15:29:46 · 1112 阅读 · 0 评论 -
HTML5 学习站点
http://css3maker.comcss3 在线编辑工具http://www.beautyoftheweb.com/ 微软展示最新前端技术网站http://html5labs.com/ 微软浏览器实验室http://ie.microsoft.com/testdrive/http://www.gbin1.com/ 前端 美图,教程原创 2012-08-21 12:01:46 · 734 阅读 · 0 评论 -
50个最受网友欢迎的HTML5资源下载列表(珍藏版)
HTML5从根本上改变了开发商开发Web应用的方式,从桌面浏览器到移动应用,这种语言和标准都正在影响并将继续影响着各种操作平台。本人从众多的html5资料中整理出来最受欢迎的50个资源下载列表,包含html5基础入门、html5开发实战、游戏源代码、html5跨平台游戏开发到高级程序设计,都是来自国内一大型IT资料共享站,由于总资料附件太大无法装下,只能提供免费下载地址了~希望帮助有需要的朋友!转载 2012-08-23 09:31:20 · 1634 阅读 · 0 评论 -
HTML5的视频格式之争
作者: 阮一峰日期: 2010年5月15日你可能听说过,HTML5支持直接播放视频。但是,你可能不知道的是,这背后涉及到复杂的视频格式之争,甚至还牵涉到所有的电子影像设备。未来,如何在互联网上看视频?如果你想知道答案,请不要错过下面这篇精彩的文章。它是我迄今读到的最清晰易懂的解说。=========================HTML5的视频格式之争作者:Ruthsarian译者:阮一峰原文网址:http://ruthsarian.wordpress.com/2010/05/05/the-elephan转载 2011-04-21 15:20:00 · 1143 阅读 · 0 评论 -
HTML 5 事件属性
HTML 5 事件属性原创 2011-04-26 09:39:00 · 1021 阅读 · 0 评论 -
Adobe Edge 初体验
下载Adobe Edge,需要先在adobe官网上注册账户,然后可以下载Edge软件http://labs.adobe.com/technologies/edge/resources/8月1日,Adobe刚刚在Lab发布了Edge预览版,Edge是一款制作基于HTML5、CS原创 2011-08-08 10:33:35 · 1420 阅读 · 0 评论 -
CSS3 RGBA 属性高级用法
核心提示:讲一下CSS3里目前用的比较广的RGBA属性的高级使用方法。这个属性的兼容问题比较简单,IE8已经支持这个属性,IE6和IE7也可以通过 hack支持。RGBA和CSS2里的RBG属性差不多,只是RGBA属性多了一个透明度的定义,CSS3标准里对RGBA属性的解释如下:转载 2011-08-16 18:27:16 · 1869 阅读 · 0 评论 -
HTML5基础,第4部分:点睛之笔Canvas
http://select.yeeyan.org/view/213582/206110使用HTML5来编写代码的人,有着设计者和开发者双重身份的强悍组合,其职责是构造出高效的富互联网应用(rich Internet application,RIA),特别是丰富的用户界面。就高转载 2011-08-16 15:18:09 · 1635 阅读 · 0 评论 -
释放 HTML5 <audio> 的力量
http://msdn.microsoft.com/zh-CN/ie/hh377903HTML5 展示网站: http://www.beautyoftheweb.com/HTML5资讯: http://www.mhtml5.com/各种声音构成了我们的生活背景。现在,转载 2011-08-19 16:13:24 · 6740 阅读 · 2 评论 -
WebGL three.js
Three.js 是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场景,包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精采的演示。不过,这款引擎目前还处在比较不成熟的开发阶段,其不够丰富的 API 以及匮乏的文档增加了初学者的学习难度(尤其是文档的匮乏)演示:http://mrdoob.github.com/three.js/转载 2012-01-06 17:38:26 · 821 阅读 · 0 评论 -
http://www.gbin1.com/
html5网站:http://www.gbin1.com/里面内容和技术比较不错,大家可以看看原创 2012-06-19 13:48:42 · 1129 阅读 · 0 评论 -
css3 ----input focus的发光,缩放 效果
chrome下input focus默认有个黄色的光影,如果不想要的话 可以在css样式中 添加一下 input:focus{ outline:none; } 就可以去掉了! 我的样式代码: input{ border-radius:6px; border:转载 2012-07-03 11:49:17 · 3322 阅读 · 0 评论 -
纯CSS3 实现阿童木头像
效果图具体代码: ´¿CSSÂþ» * { margin: 0; padding: 0; } .outer-circle { position: absolute; top: 32px;转载 2015-04-27 13:20:48 · 1020 阅读 · 0 评论