css
纯css构造多边形div
设计师画的方案里有如下的图形：如果只是一个简单的五边形，可以用css shape去做。仔细分析图形，发现它实际上是3个五边形的叠加：1. 最外面一层浅蓝色的稍大一些，2. 中间一层深蓝色颜色和背景相同，但尺寸略小，盖在下面那层上，由此而产生了一个边框的效果，3. 最里面的五边形颜色最深。所以一共是这么3层形状差不多的五边形。我最开始的想法是先画一个深蓝色的矩形，然后用背景色
业界
2016年07月23日
浏览器中唤起native app || 跳转到应用商城下载
前段时间遇到一个小需求：要求在分享出来的h5页面中，有一个立即打开的按钮，如果本地安装了我们的app，那么点击就直接唤起本地app，如果没有安装，则跳转到下载。因为从来没有做过这个需求，因此这注定是一个苦逼的调研过程。我们最开始就面临2个问题：一是如何唤起本地app，二是如何判断浏览器是否安装了对应app。如何唤起本地app首先，想要实现这个需求，肯定是必须要客户端同学的配
业界
2016年07月02日
[译]CSS 居中（Center）方法大合集
原文出处：Centering in CSS: A Complete Guide本文只给出了不同条件下的实现方式，未对原理做探讨。PS：原来要显示 jsfiddle 和 CodePen 之类网站的代码预览，只需将其以 Markdown 语法来插入链接即可。水平居中行内元素对于行内元素（inline）或复合行内元素（inline-*），直接为其父元素设置文本居中即可。.cent
业界
2016年07月04日
img/background/iconfont---谁最适合你？
前言第一篇文章，小弟先做一番自我介绍^ω^姓名不说，年龄21岁，湖北武汉一所二本大学2016届本科毕业生，大四前的暑假起对web前端产生兴趣并有半年实习经验。ng、vue、react等等高大上的框架完全不懂，却也靠前端交流群和百度积攒下了一些小小心得。说来写文章也是比较心虚，怕有理解不到位之处还可能祸害别人。可是万一哪位大牛看到之后闲来无事在评论里指点一波，我不就赚大了么^
业界
2016年07月01日
基于Bootstrap做定制，并与官方库保持更新的方法
bootstrap是一个很好的css框架，可以给项目提供一个良好的css框架基础，但是很多情况下我们需要对bootstrap做一些定制以适应项目的需求。定制bootstrap的方法有很多种，如果你想深入到bootstrap源码进行定制的话，那么本文是比较适合你的。下面讲一下如何用git管理你的bootstrap定制项目，并能够与bootstrap官方库保持更新的方法。git
业界
2016年07月17日
Amae UI Web 与 Amae UI Touch 有什么不同？一张图给你解释！
Amaze UI 推崇“一切皆组件”的组件化理念，目前它提供包含专门针对跨屏 HTML5 网页开发的 Amaze UI Web 以及针对移动端的 HTML5 混合应用开发框架 AmazeUI Touch ，在全球权威的代码托管平台上， Amaze UI 的 Star 数量超过 7000 ，名列国内开源项目前茅。
但是很多人会有疑问， Amaze UI Web 与 Amaze
业界
2016年06月30日
纯CSS实现扁平化风格开关按钮
开关样式预览图css代码部分input[type=checkbox] {visibility: hidden;}.checkbox {width: 120px;height: 30px;background: # FFF;margin: 1px 1px;border-radius: 10px;position: relative;}.checkbox:before {con
业界
2016年07月08日
网站入口页双栏对称布局实现思路
先来一张预览图。接下来说一说这种页面布局的实现思路，因为自己是从零开始的，所以着实花了好几天功夫才实现了这么一个看起来很简单的布局，所有东西都要自己一点点摸索，不过这种经历对于自己的成长也是很有帮助的。好了，下面进入正题。整体布局在写这个页面的过程中，其实不管是 HTML 代码的结构，还是 CSS 的实现方式，思路一直都是在变化的，目前的布局如下：HTML 代码结构顶部为导
业界
2016年07月04日
