两个工具帮你实现酷炫的数据可视化
admin | html | 2018-04-17
你想到的数据可视化,通常可能是这样的:
但我们能实现的数据可视化,不仅是上面那样的,还可以是这样的:
这样的:
以及这样的:
如此高端大气酷炫的数据可视化是如何实现的?
秘诀在于两个工具——inMap & iView
(都是开源项目,下载代码即可使用,完全免费!)
inMap
inMap是TalkingData可视化团队开源的一款基于 Canvas 的大数据可视化库,... [阅读全文]
手机端页面自适应解决方案—rem布局进阶版(附源码示例)
admin | html | 2017-04-18
一年前笔者写了一篇 《手机端页面自适应解决方案—rem布局》,意外受到很多朋友的关注和喜欢。但随着时间的推移,该方案已然过时,故为大家介绍一个目前我极力推荐使用的,更加完美的方案——rem布局(进阶版)
该方案使用相当简单,把这段 原生JS 放到 HTML 的 head 标签中即可(注:不要手动设置viewport,该方案自动帮你设置)
JavaScrip... [阅读全文]
HTML5+CSS3的响应式网页设计:自动适应屏幕宽度
admin | html | 2017-04-18
这几天都在修改博客上面的样式。本来用的是d83.0的模板。自己又修改了许多地方,其中自己修改的一些地方在手机里面显示的效果不是很理想,于是想改成自适应的效果。对CSS3不是特别的熟练,只能去网上找找案例看了。发现一个不错的文章。写的比较入门,也很仔细。所以拿过来分享给大家。如果还想看图片的响应式案例可以看我找的另外的一篇《分享一个非常... [阅读全文]
html input type=”file” 美化
admin | html | 2017-04-11
原生的file input不收待见的另外一个原因是:长的丑还不好控制。
举个例子,下图这个“选择文件”这几个文字,我们就不好对file控件动刀子实现自定义:
怎么办呢?
有一种方法是这样的:
让file类型的元素透明度0,覆盖在我们好看的按钮上。然后我们去点击好看的按钮,实际上点击是是file元素。
然而,此方法有一些不足:
尺寸控制不灵活。CSS width属... [阅读全文]