我在一家广告公司，想在广告服务上增加一个H5传播环节，在微信里产生裂变传播。这种模式在什么场景下最适用？品牌、促销、推广？有什么好的产品推荐，或是经验分享吗？回复内容： 回答问题之前自我介绍一下下~我是H5游戏定制团队的运营，JAN，欢迎大家加我微信（jan0207）聊聊H5、运营那些小事儿 ~ 说到一个H5的传播要怎么做，想从几个方面去谈谈。第一点：H5到底能给我们品牌带来哪些价值？第二点：H5游戏传播适用哪些场景？第三点...
类似于三维旋转的HTML效果：Hello！红杏（特别说明，由于此网站采用邀请注册制，只能使用邀请链接才可看到该效果，并不是我为了推广自己的链接。反感推广链接的朋友请不要注册就可以了！）回复内容： 第185行有引用Reveal.js库，因为有库，所以完成这些特效难度不大。第185行有引用Reveal.js库，因为有库，所以完成这些特效难度不大。个人觉得翻墙用VPN或者改Hosts(Windows系统文件)比较方便。hakimel/reveal.js · GitHub
网上说的今年年中能迎来HTML5爆发，那么HTML5现在的技术条件，能出媲美《刀塔传奇》效果的游戏吗？知乎的各大公司的大神们是否已经嗅到自己公司在准备HTML5了，像BAT、google之类的公司都在有在准备HTML5吗？像触控科技、蓝港在线之类的游戏公司有在开发中、重度HTML5游戏吗？如果有在开发，那使用的引擎和工具是什么呢？新人不太会提问？拜托各位懂行的大神们能介绍下HTML5现在处于什么阶段？全面爆发大概要多久？还是说就像神经猫...
在微博上看到的，截图请见http://weibo.com/1873795663/xh1JRom4w用ipad之类的平板电脑访问http://m.baidu.com/xs也可以看到，感觉上界面很炫，不输给native app。在桌面应用领域，原生应用已经输给了web app，如果html5未来更加成熟给力，是否在移动应用领域，native app也会输给web app？ 回复内容：此说为时过早，原因有几个1）html5标准正在完善中，虽然前景看好，但app也在不断的进化，进一步言之，app与硬件的融合度更高，能...
关键是可以一边敲代码一边实时出效果 而且适合移动端开发的 回复内容： 我一直使用Wex5开发，楼主的问题可以在界面中设计和代码切换，也可以模仿真机调试，不需要总是低头在手机上调试，WeX5用的PhoneGap和Bootstrap主流技术，在这些基础上对性能进一步做了深度优化，完全具备Native App对本地资源的调用能力，性能体验也不输原生，我用WeX5所开发出来的app运行速度很快！H...
滚动下滑之后，首页顶部图片的高斯模糊的动画效果。Medium回复内容： 先用 canvas，然后 fallback 到用两张图片，一张正常，一张模糊。这里有两个Medium Scroll Effect，建议都可以参考一下：Medium Scroll EffectMedium.com style header effect简单的做法是用CSS filter blur，只是浏览器有兼容问题，所以可以再fallback到svg/canvas/image应该是用了某个库可以把元素的内容在canvas上绘制，并通过算法加以blur。苹果官方有demo的...
回复内容： 搞一个圆圈箭头 icon，监听手指下拉的事件，触发了之后判断滑动距离，然后计算改变 icon 的样式，用 CSS3 来搞一个是上边距、一个是 rotate。判断滑动距离到了一定的阈值，就触发请求，动画消失。这难道不是Android的webview自带的下拉刷新么....大家好，我是题主，思路江水兄已经说得很清楚了。我在这里分享个技巧。今日头条这个下拉刷新是动态创建的dom，鼠标松开后就删除了。这就导致无法通过F12查看源码。后来群里的...
最近有点着魔，看到有趣的字体和锚点hover效果 一定会打开看看源码。开始反思，别的前端工程师会被怎样打代码所吸引呢？回复内容： 嗯，遇到屏蔽不了的广告的时候，我会停下来查看源码，然后默默给它加上display:none;涉及webgl和canvas的，因为这两个我基本不会…（逃）如果页面很复杂，加载又很快，我会先开Devtools看看实际效率如何，内存占用是否平稳，如果很好，再仔细看看代码。1.看到动画效果的时候，我会看看到底是 JS 还是...
via Apple - iPad Air回复内容： 页面使用了比较常见的单页呈现方式。具体的实现方式：1.将页面内容分为若干个单页，每个单页都使用整个可视区域显示；2.通过监听 鼠标滚动/右侧导航列表的点击 事件触发页面切换；3.切换子页面时，有两个入口：正向/逆向。用来控制页面中动画的播放方向。页面中的动画的确是使用了视频（源文件：http://images.apple.com/media/us/ipad-air/2013/0be12b9f-265c-474c-a0cc-d3c4c304c031/overview/de...
腾讯问卷 http://ur.qq.com/ 看上去似乎通过以下方式实现了导航栏毛玻璃背景效果：html2canvas - http://html2canvas.hertzen.com/StackBlur - http://www.quasimondo.com/StackBlurForCanvas/StackBlurDemo.htmlHTML 5 Canvas但是自己在本地试了试发现弄不出完美的效果，不知道具体是怎么实现的。另外参见 http://fsasso.com/labs/blur/ 居然也很容易地实现了 CSS 3 + HTML 5 丝般顺滑的导航栏毛玻璃背景效果。截图：回复内容： ...
搜索页面 http://www.google.com.hk/search?sourceid=chrome&ie=UTF-8&q=let+it+snow回复内容： 雪花是一个个 ? ? ? 符号，通过 JavaScript 不段地改变其父级元素的位置，从而控制它们随机摆动、落下。雪花的大小、颜色由随机生成的，在一定范围内的 font-size 和 color 属性来控制。 雪花的数目应该是固定的（200 个），也就是说，当雪花掉到地上后，会从天空上重新飘下来。 结冰的效果是通过在一个覆盖全屏幕的 canvas 上...
官網地址：http://www.hatchpet.com/ 視頻需翻牆。回复内容： var scale = 1; var baseHeight = 544 * scale; var baseWidth = 602 * scale; var eachFrame = 15;var canvas = $('').css({'position': 'fixed','zIndex': 9999,'bottom': '0','overflow': 'hidden', }).attr({'width': baseWidth,'height': baseHeight, });$('body').append(canvas);var frameCnt = 0; var context = canvas[0].getContext('2d');function animate...
回复内容： 所谓的毛玻璃效果其实是半透明+模糊，可以用CSS filter实现。时间不多，就抛个砖，题主可以自己找一下文档和更多案例。filter - CSSdiv {-moz-filter: blur(5px);-webkit-filter: blur(5px);-o-filter: blur(5px);-ms-filter: blur(5px);filter: blur(5px); }推荐这篇博客小tip: 使用CSS将图片转换成模糊(毛玻璃)效果 张鑫旭介绍了三种方法。分别是目前大多数人说的CSS3的filter，还有SVG的滤镜，和用Canvas实现高斯模...
鄙人最近学习css，发现纯html5+css可以实现这般效果：一棵跳舞的树纯HTML5+CSS3实现一棵自己跳舞的树想请大家晒一下自己搜集到的各种华丽效果，谢谢啦。（是只靠纯html5+css，没有js代码）回复内容： 贴个自己做的：Cats用纯CSS实现图片的即不变形拉伸，同时又占满容器宽度的布局。几乎所有的网站在实现这样的布局时都是使用JS计算实现，我在最早看到这种布局时也是觉得CSS没办法实现这样的布局，直到我看了《CSS Secrets》这本书，...
BeoPlay还有什么类似的网站吗?回复内容： 正好昨天看到一个这个插件：fullPage.js One Page Scroll Site Plugin话说最近这样的页面展示效果使用的很多啊，比如说这几天很火的锤子手机： 首页 - 锤子科技还有知乎广告出去的某浏览器的首页：千寻浏览器Apple 官网的 iPhone 5c 展示也采用的就是这样的方式，特别生动优雅 FullScreen BackgroundsGithub：alvarotrigo/fullPage.js 路 GitHub引自腾讯全端 AlloyTeam 团队视差滚动的爱情...