css
网站入口页双栏对称布局实现思路
先来一张预览图。接下来说一说这种页面布局的实现思路，因为自己是从零开始的，所以着实花了好几天功夫才实现了这么一个看起来很简单的布局，所有东西都要自己一点点摸索，不过这种经历对于自己的成长也是很有帮助的。好了，下面进入正题。整体布局在写这个页面的过程中，其实不管是 HTML 代码的结构，还是 CSS 的实现方式，思路一直都是在变化的，目前的布局如下：HTML 代码结构顶部为导
业界
2016年07月04日
CSS实现3D切换效果
先上效果图和代码吧鼠标悬浮上去，蓝色的front面开始旋转蓝色的front面转过90°时，黄色的back面会显现出来， div# outer{ width: 200px; height: 200px; position: relative; perspective: 300px; margin:10
业界
2016年07月05日
使用CSS处理标题过长，自动截断，兼容响应式布局
应用场景描述
例如PHP 从数据库读取一个商品，那么当商品标题很长的时候，很可能会影响页面布局。处理方法如下：PHP 字符串截取JS 字符串截取CSS 属性处理（推荐）CSS 属性处理方法
html代码片段
商品标题商品标题商品标题商品标题商品标题商品标题
9秒前
css样式代码
.cut{
display: inline-block; /让span 标签变成
业界
2016年07月03日
纯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日
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日
基于Bootstrap做定制，并与官方库保持更新的方法
bootstrap是一个很好的css框架，可以给项目提供一个良好的css框架基础，但是很多情况下我们需要对bootstrap做一些定制以适应项目的需求。定制bootstrap的方法有很多种，如果你想深入到bootstrap源码进行定制的话，那么本文是比较适合你的。下面讲一下如何用git管理你的bootstrap定制项目，并能够与bootstrap官方库保持更新的方法。git
业界
2016年07月17日
[译]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日
浏览器中唤起native app || 跳转到应用商城下载
前段时间遇到一个小需求：要求在分享出来的h5页面中，有一个立即打开的按钮，如果本地安装了我们的app，那么点击就直接唤起本地app，如果没有安装，则跳转到下载。因为从来没有做过这个需求，因此这注定是一个苦逼的调研过程。我们最开始就面临2个问题：一是如何唤起本地app，二是如何判断浏览器是否安装了对应app。如何唤起本地app首先，想要实现这个需求，肯定是必须要客户端同学的配
业界
2016年07月02日
