最新文章
-
HTML5 Canvas 的事件处理
前端常用的dom方法在canvas点击事件里是不适用的。点击Canvas里的元素，实际点击的是整个Canvas元素。本文详述了HTML5 Canvas事件处理技术，canvas的限制、如何给Canvas元素绑定事件、Canvas的isPointInPath方法、循环重绘和事件冒泡。html5 2013年4月14日
-
Javascript中指定周末日期的计算
日前在javascript中得到指定周末的日期数，网上搜索一番后，发现javascript在Date对象中对于周数的处理还是很弱的，于是自己动手，丰衣足食。代码如下： （…… -
CSS3制作迷你播放器面板
这是格子同学提供的一款由CSS3制作的迷你播放器面板的案例（时间效果是由jQuery完成）。这个案例仿Mac电脑的窗口风格设计，整个面板分成三部分，顶部由标题和最小化、最大化以及关闭按钮组成（这三个按钮功能未添加）；中间部分类似于播放器一样，左边是播放的按钮（播放、中止和停止）三个组成，以及播放时间的计算（时间效果由jQuery完成）；最底下部分是整个时间的统计文本。整体效果清爽，设计层次清晰。当然大家关注的还是使用了什么技术，这里我们仅仅面板效果来说的话，并不复杂，只使用了CSS3的圆角、阴影、渐变和@font-face几个简单的属性，感兴趣的话继续往下看代码吧。 -
JavaScript模板引擎使用
// Simple JavaScript Templating // John Resig - http://ejohn.org/ - MIT Licensed (function() { var cache = {}; this.tmpl = function tmpl(str, data) { // Figure out if we're getting a template, or if we need to // load the template - and be sure to cache the result. var fn = !/W/.test(str) ? cache[str] = cache[str] || tmpl(document.getElementById(str).innerHTML) : // Generate a reusable function that will serve as a template // generator (and which will be cached). new Function( "obj", "var p=[],print=function(){p.push.apply(p,arguments);};" + -
css3学习-插花的杯子
感觉css3细节很多,群里的朋友布置的作业,插花的杯子;跟原图有一定的差距！不管怎么样,坚持了1周学习加测试,加练习终于搞定!只做了chrome的兼容! …… -
15种基础的可以直接使用的CSS3样式
本篇文章将列出一些基础简单的CSS3样式，你可以把它们放在手边，需要用的时候随时拿过来修改成自己的风格就可以使用。为了使我们得CSS3样式可以重复使用，我把…… -
IDF2013：英特尔发布HTML 5开发环境
英特尔信息技术峰会（Intel Developer Forum, 简称IDF）于2013年4月10日在国家会议中心正式开幕。今天是IDF2013的第二天，我们欣喜地看到英特尔发布HTML5开…… -
25个CSS3高级用户界面特效教程(2)
本文中介绍了25个CSS3的高级用户界面特效，其中包括SVG & CSS 交互图表、CSS3 3D 动画直方图、CSS3 注释层效果、CSS3 动画目录选项卡等 -
25个CSS3高级用户界面特效教程(1)
本文中介绍了25个CSS3的高级用户界面特效，其中包括SVG & CSS 交互图表、CSS3 3D 动画直方图、CSS3 注释层效果、CSS3 动画目录选项卡等 -
HTML5+CSS3旋转练习，用高级浏览器看
HTML5+CSS3旋转练习，看的朋友用高级浏览器看 <!doctype html> <html> <head> <meta charset="utf-8"> <tit…… -
CSS制作的QQ企鹅
交作业了，昨天看了Alice转的CSS绘制QQ企鹅的教材，自己抽时间重现了一下，做的过程是在FF下面搞的，其他浏览器没有测试。这里发出来和大家分享一下：先看一下效果图： -
一位非计算机专业程序员的故事：21个嵌套回调
大约21个月之前，那时候我还不知道什么是回调（callback），我建立了我的第一个网页。为了纪念这21个嵌套的回调，我觉得现在是回顾这个网页的时候了。 在…… -
-
《金融时报》放弃App开发 转投HTML5网页应用
近期新闻机构纷纷发布Web应用。一个月前《纽约时报》发布了全新的NYTimes.com,其有着更加简洁的应用设计。而今年早些时候，《大西洋连线》也推出了基于HTML5的Web应用。这些媒体都希望摆脱“昂贵且具有较大局限性的iOS开发”，不过目前看来还没有人成功。 -
最炫的HTML5框架Famo.us 将免费面向开发者
Famo.us提供HTML5的JavaScript开发框架，可以让开发者利用 HTML5创造2D和3D的手势操作界面，并且可适配在各种移动或者桌面设备。在Famo.us官网上，我们可以…… -
EA首席创意官谈HTML5：值得费力咀嚼的新商机
近日在旧金山举行的2013游戏开发者大会上，EA首席创意官Rich Hilleman深入探讨HTML5怎样为游戏行业注入新鲜生命力。长银发飘飘的他是EA最早的20名员工之一，…… -
腾讯推出HTML5的开源专业级图像处理引擎
腾讯Web前端AlloyTeam近日推出了最新开源项目：一个基于HTML5技术的专业级图像处理引擎――AlloyImage（简称AI），以及一个在线Web图像处理平台――AlloyPhoto（…… -
HTML5再曝漏洞 安全性遭质疑
作为新一代Web语言，HTML5凭借丰富应用、跨平台等特点被公认为未来网页技术的发展方向，并且被全球多家主流厂商寄予厚望。然而，在已经过去的一周， 风头正…… -
HTML5漏洞导致硬盘被挤爆
对浏览器厂商来说，上星期可能是比较“囧”的一周。因为一位外国发烧友披露的HTML5漏洞，让几乎所有的浏览器都成了垃圾数据挤爆电脑硬盘的帮 凶，…… -
简单的HTML5+CSS3关键帧动画
现在我们可以用CSS3+HTML5制作吸引眼珠的动画了，为了展现这一特色，我们分析使用CSS3如何制作钟表指针按中心旋转的动画。 本文创建CSS3动画，我们使用了两个…… -
6 个强大的 HTML5 应用在线开发工具
HTML5 日渐成为 Web 开发的主流技术之一，目前，W3C 已经完成了 HTML5 的基本特性，HTML5 成为 W3C 官方标准指日可待。本文为你带来 6 个强大的 HTML5 应用开发工具，希望可以提高你的开发效率。目前互联网中已经出现了大量基于 HTML5 的应用，其展示的效果一点也不输 Flash，甚至要更为强大。该技术最大的优势是跨平台，甚至未来有可能成为开发移动应用的主要技术。 -
移动世界大会MWC：HTML5正重定义移动OS
进入2013年以来，移动OS市场相当热闹，不仅传说已久的BlackBerry 10终于与大家见面了，甚至连老牌软件厂商Firefox和Ubuntu都推出了自己的系统。虽然现在看起…… -
关于HTML5的十条霸气侧漏预测
对于利用HTML5技术来开发产品的开发者和企业决策者来说，HTML不仅让他们的网站看起来更漂亮，而且让网页实现了以往不能实现的诸多功能，比如支持本地存储，…… -
好消息,GoogleDrive可存储共享JavaScript等网站
谷歌近日对外宣布称，将允许Web开发者通过其旗下的云存储服务Google Drive分享和托管网站，也就是说开发者现在可以在你的Google Drive中存储HTML、JavaScript和CSS文件，并可以同时对外分享链接。这虽然是功能上的一个小更新，但笔者敢肯定这会受到很多Web开发者的喜欢。 -
多厂商共推 HTML5加速手机操作系统升级
近期，三星联合英特尔宣布推出一款名为Tizen的手机操作系统。在今年下半年，由日本最大的运营商NTT DoCoMo定制的搭载该系统的三星手机就将正式上市。据……