摘要: 网上有人用css3实现哆啦A梦,我给他多加了个竹蜻蜓的动画,点击观看演示,兼容性并不好,只有webkit支持动画,ie下就是一堆方块。所以我想用svg技术来实现所有浏览器的兼容。先来看下演示,目前知道的是ie6,7不支持动画,但是绘图还是没有问题的,ie6,7点击观看演示最近对svg有些研究,先是使用svg代替css3实现qq空间关闭按钮旋转特效,然后是使用svg代替css3绘制opera图形,之前用css3实现的基本用svg都能实现。随着前端的发展,各种浏览器支持svg,svg的重要性会越来越大。花了一天的时间写这些代码,注释都写在里面了。最后推荐一个很好用的工具aptana,javasci 阅读全文
posted @ 2011-02-05 15:38 文彬1986 阅读(937) 评论(0) 推荐(1)
摘要: 点击观看演示 这两天开始学习jquery mobile,这个框架还是挺好上手的,之前使用jquery mobile开发移动rss应用,在网上找到一个不错的中文手册,感兴趣的可以看看,不过还是推荐官方的文档,比较全面,点击观看。看一遍基本就可以开发应用了,之后这个模板还会慢慢改进,也考虑在浓度网上开发个移动版,毕竟对浓度的架构比较熟悉。贴下home页面的代码,其他页面类似 html5-css3 home html5 css3 jquery svg 关于我 专注于前端开发技术,熟悉html,css,JavaS... 阅读全文
posted @ 2011-02-05 15:34 文彬1986 阅读(1595) 评论(3) 推荐(0)
摘要: 之前在使用canvas绘制adidas商标的时候就想过画五角星,现在来实现愿望了,画个五星红旗。虽然用svg比canvas好实现,但是现在canvas的应用比svg多,浏览器的支持也更好,所以不能放下canvas。这几周在mozilla学了点canvas的教程,学完了总该来应用下,好了废话不多说,点击观看演示 阅读全文
posted @ 2011-02-05 15:30 文彬1986 阅读(768) 评论(0) 推荐(0)
摘要: 之前写过一个类似的,css3绘制android机器人图形。谷歌最近发布了android3,这次的图形挺好看的,很多地方都用到圆角,所以就想到用css3来实现。点击观看演示隔天再做了些修改,比之前的好看很多了。头部更圆了,点击观看演示主要做的变动,去掉class为head的层,和body层合并在一起,形成一个整体,头部下面的空白处用白色的条块覆盖。1.html代码如下2.css代码如下 阅读全文
posted @ 2011-02-05 15:12 文彬1986 阅读(237) 评论(0) 推荐(0)