最近看到一个案例，初看的时候对产品经理说很简单，是一个长页面，底图上有按钮，按了之后有素材动效，这对于前端来说是最基础的功能。后来定睛一看发现，还有微信阅读数和评论，发现事情并不简单。整个交互层全都在公众号文章里，这可是新鲜，翻了一下评论发现有不少同行在问是如何实现的，结果作者…

我们来分析下上面的布局效果：排版共有 5个模块组成。 我们分别用 A、B、C、D、E 来标记。如下图： 如果你稍懂 CSS，那么实现这样的布局是非常简单的。Apple 用的方式是使用 Flex Layout： 然而，微信官方的内容编辑器并不支持直接编辑 HTML，不过这难不倒我…

越来越多的公众号在图文消息中加入了SVG动画交互效果，SVG支持事件触发动画，相对于单独做一个H5而言，由于公众号消息依托于微信服务器，为广告主节约了服务器流量成本。这次我们以苹果公众号的一篇交互消息为例，剖析下里面的效果是怎样实现的。 动画主要分为两屏，第一屏出现闪动文字提示…

在微信公众号文章中添加svg，让你的公众号文章生动有趣起来； 本篇文章介绍其中的实现原理 快来看看吧

现在很多公众号都直接在正文页通过SVG交互动画增加文章的阅读交互体验，而不再跳转H5。结合这一需求，本期分享的内容是如何开发交互式SVG，并嵌入微信公众号正文页。设计师和前端开发同学都可以来学习下。学会了可以接这方面的私活了，短平快地赚小钱钱。 技术要有落地的应用场景才能发挥实…