标签归档:html5

虚拟运营商UED前端小组4月25号分享总结

1.css3卡牌翻转效果2. 不声明第三个变量的值交换3.Zen Coding基本使用 继续阅读

发表在 CSS & HTML, html5 | 标签为 , , , | 留下评论

用HTML5/CSS3给女朋友送个生日蛋糕

现在有了 HTML5,我们在浏览器上制作动画已经不是什么难事了,但是一个好的创意却很难,比如说用技术来博得女孩子的喜欢。今天我们分享的这款生日蛋糕动画非常有创意,它是用 svg 来做的,利用 HTML5 的 api 让制作蛋糕的过程展示出来,这个蛋糕在妹子生日的时候送给她一定会让她觉得很惊奇。祝你成功哦! 继续阅读

发表在 html5 | 标签为 , , | 留下评论

[转]Three.js + HTML5 Audio API 打造3D音乐频谱,Let’s ROCK!

继续玩味之前写的音乐频谱作品,将原来在Canvas标签上的 作图利用Three.js让它通过WebGL呈现,这样就打造出了一个全立体感的频谱效果了。

项目详情及源码
项目GitHub地址:https://github.com/Wayou/3D_Audio_Spectrum_VIsualizer/tree/master 继续阅读

发表在 html5 | 标签为 , , | 留下评论

手机端网页添加active状态效果_add active state in mobile page

1.需要把链接在移动端上默认的一层半透明的层删掉
a{-webkit-tap-highlight-color: rgba(0,0,0,0);}
2.给document绑定一个`touchstart`事件
document.addEventListener(“touchstart”, function(){}, true); 继续阅读

发表在 CSS & HTML, web development, 移动端开发 | 标签为 , , , , | 留下评论

手机端固定定位元素不可点击问题处理_mobile fixed element can not click issue

在安卓手机若一个div设置了固定定位,在给其隐藏后再控制让其显示,会出现不可点击 … 继续阅读

发表在 CSS & HTML, javascript & Ajax, 移动端开发 | 标签为 , , , , , , | 留下评论

玩的么发布游戏美女爱消除_wande.me html5 game beauty clear

玩的么主站今日刚刚发布了一款html5小游戏 美女爱消除,该游戏可以在pc端,手机端和pad端在线玩,游戏地址: http://wande.me/mm 继续阅读

发表在 智趣, 游戏 | 标签为 , , , | 2 条评论

使用CSS3 3D transform实现网页3D效果_use css3 3d transform make 3d in page

在网页里面添加3d效果展示,需要在包裹内容的div wrap上加入perspective 透视属性,其子元素.cube要设置transform-style: preserve-3d;属性来进行3d显示,.cube 的子div需要设置transform的translate和rotate值来进行xyz轴的移动和旋转,以实现3d展示效果. 继续阅读

发表在 CSS & HTML, web development | 标签为 , | 留下评论

jquery mobile加载中效果_jquery mobile loading effect

jquery mobile有三种方式来控制loading效果:
1.$.mobile.loading()
2.$.mobile.showPageLoadingMsg()
3.$.mobile.hidePageLoadingMsg() 继续阅读

发表在 javascript & Ajax | 标签为 , | 留下评论

CSS响应式设计iPad专有CSS3_CSS Responsive design iPad-Specific CSS3

摘自:http://css-tricks.com/snippets/css/ipad-specific-css/在做响应式设计的时候个人兼容性css代码则将下面ipad兼容代码加入:@media only screen and (device-width: 768px) { /* For general iPad layouts */} 继续阅读

发表在 CSS & HTML | 标签为 , , | 留下评论

css3 background-size图片显示的一点问题

background-size在设定背景图片大小的时候,background-size:100% auto;若是设定百分比则回依据断在div的宽度来显示图片,所以在做图片缩放的时候百分比更本不起作用。
最好的做法是把图片的宽度设定成适合的宽度: 继续阅读

发表在 CSS & HTML | 标签为 , | 留下评论

jquery mobile使用changePage跳转到新页面js无法执行的问题

jquery mobile 里面页面无法执行有几个可以方便的原因:
1. http://stackoverflow.com/questions/7449402/jquery-mobile-mobile-changepage-not-loading-external-js-files/7449731#7449731里面的说明,在data-role=”page”以外的元素不被加载 继续阅读

发表在 javascript & Ajax | 标签为 , , | 留下评论

jquery mobile的弹出框_Dialog in jquery mobile

主要弹出框分两种
1.popup弹出,这种只在本页面显示dialog
popup的事件处理 继续阅读

发表在 javascript & Ajax | 标签为 , , | 留下评论

Rain CSS框架基础类名简写_Use abbreviation class name in Rain CSS Framework

一直以来都有一个问题,rain css框架的类名过长,导致页面的class内容特别多,如:
现在个人将所有长类名增加了一个缩写,页面class内容长度大大缩短: 继续阅读

发表在 CSS & HTML | 标签为 , , , | 留下评论

html5游戏松鼠蹦蹦蹦_HTML5 game jumping squirrel

个人使用QuarkJS开发了一款小游戏《松鼠蹦蹦蹦》,支持ios端,安卓端和pc端。打开链接地址就可以在浏览器里面直接玩。游戏地址: http://www.webdevelopmentmachine.com/demo/game.html 继续阅读

发表在 智趣, 游戏 | 标签为 , | 留下评论