herman 6年前 (2017-12-30) 4578浏览 0评论

现在的项目越来越离不开移动端的设计。一般重新设计一套移动端的系统，太过麻烦，于是响应式便出现了，项目既支持PC端，又支持移动端。 今天我先给大家分享一个响应式设计的登录页面，同时支持PC，和移动web。以后还会分享一些其他的响应式组件，例如...

herman 6年前 (2017-12-01) 5450浏览 0评论

wepy 是腾讯开源的一个小程序组件化开发框架。在开源以来深受广大开发者喜爱，目前已有超过 1500 位开发者使用或了解本框架, 拥有众多的开发特性和优化方案。为此我准备了这篇教程，希望能让大家更快的上手 wepy。 介绍 ...

herman 6年前 (2017-11-30) 3597浏览 0评论

clip-path 是CSS3 中的一个属性。该属性可以防止部分元素通过定义的剪切区域来显示，仅通过显示的特殊区域。剪切区域是被URL定义的路径代替行内或者外部svg，或者定义路线的方法例如circle()。clip-path属性代替了现在已经弃...

herman 6年前 (2017-11-29) 3865浏览 0评论

CSS3 Gradient分为linear-gradient(线性渐变)和radial-gradient(径向渐变)。实际开发的时候，当要使用radial-gradient径向渐变的时候，脑中会有大概的语法，但是细节却记不住，因此我这里整理一篇相...

herman 6年前 (2017-11-29) 3903浏览 0评论

animateplus（Animate Plus）是一个基于现在的网络的动画模块。Animate Plus是一个专注于性能和创作灵活性的JavaScript动画库。它的目标是提供稳定的60 FPS，重量小于2 KB（缩小和压缩），使其特别适合移动...

herman 6年前 (2017-11-29) 5043浏览 0评论

这是一款基于HTML5和WebGL实现的3D星云动画特效案例。3D星云的效果类似星球爆炸。本文介绍它的实现和制作代码。 本文用到了HTML5、Canvas、WebGL、CSS3等知识点。整个画面模拟了一个星系的外观，比如模拟了太阳系，有很多...

herman 6年前 (2017-11-28) 9072浏览 0评论

AR.js 是一个可以实现移动端 60fps 的Web高效增强现实。 增强现实的可能性是无数的。作者一直热衷于开发基于Web的AR很长时间。希望AR对世界有用。这个项目是实际发生的强烈愿望的结果。它被称为AR.js。 AR....

herman 6年前 (2017-11-28) 2818浏览 0评论

Miox 是一个SPA管理框架。根据 github 上开源信息显示，应该是来自51信用卡团队的开源产品。本文介绍 Miox 的使用教程。 在经典的网页开发中，浏览器创建和管理一系列网页生命周期活动，如会话历史，页面创建，丢弃，页面...

herman 7年前 (2017-11-18) 6280浏览 0评论

CSS mask遮罩属性的历史非常久远了，远到比CSS3 border-radius等属性还要久远，最早是出现在Safari浏览器上的，差不多可以追溯到09年。 不过那个时候，遮罩只能作为实验性的属性，做一些特效使用。毕竟那个年代还是IE浏...

herman 7年前 (2017-11-11) 2242浏览 0评论

Emergence.js是一个轻量级，高性能的JS插件，用于检测和操作浏览器中的元素。本文介绍它的用法。 介绍 Emergence.js 之前，我在github上搜索了一下，它很受用户欢迎，推出没多久就受到了广泛的关注。特别是 J...

herman 7年前 (2017-11-11) 4875浏览 0评论

11月8号，滴滴在github上开源了Web移动端组件库cube-ui。cube-ui是基于Vue.js 2.0的，目前在github上已获得上千个star。值得一提的是cube-ui和WeUI类似，只不过底层实现不一样罢了，本文将主要介绍cub...

herman 7年前 (2017-11-11) 5736浏览 0评论

实际开发过程中，我们经常会被各种宽度，高度计算搞晕。尤其是使用了rem的计算方式，自适应布局难倒一大片程序员。为了解决这类问题，我觉得可以利用js监听屏幕宽度变化来实现更改HTML 根元素font-size的值。 下面是相关JavaScri...

herman 7年前 (2017-11-11) 5040浏览 0评论

js2flowchart.js是一个可以将任何JavaScript代码转换成漂亮的SVG流程图的可视化库。该插件目前已开源到github，有超过1300多个star。本文介绍js2flowchart.js的相关教程。 js2flowchar...

herman 7年前 (2017-11-11) 2605浏览 0评论

圆环倒计时我们经常见到，实现的方法也有很多种。但是本文将介绍一种全新的实现方式，使用SVG来实现倒计时功能。 本文主要用到了SVG的stroke-dasharray和stroke-dashoffset特性。下图是倒计时运行效果： ...

herman 7年前 (2017-11-03) 3932浏览 0评论

frappe 是一个简单，敏感，现代的SVG图表插件，具有零依赖性，即它可以单独使用，不依赖其他任何js库。本文介绍它的用法。 目前 frappe charts 在 github 上已有4000多颗星。 安装 frappe 的安...