html

CSS3 聊天气泡框以及 inherit、currentColor 关键字

效果如上图所示，主要用到CSS3的伪类::after、::before，以及圆角边框border-radius属性。对于下面的气泡框，可以有两种方式实现小三角：传统方式，利用CSS画小三角，利用到了透明背景和边框属性transparent的应用。CSS3的transform属性的使用然后通过position定位到合适的位置。此外，本文还会讲一下CSS的inherit属性值的
业界 2016年07月21日

IOS中弹出键盘后出现fied失效现象的解决方案

概述 这个问题常出现在移动web开发中聊天或者留言页面的绝对定位输入框上，页面超过屏幕大小时候输入框focus状态下（键盘弹出）绝对定位的元素失效，导致页面滚动时候把定位元素一并带走，体验十分不好，在此留下一自己的方法，让更多的人不需要再爬这样的小坑。 解决方法 原理很简单，就是定义一个外框把页面包起来，把需要使用fixed定位的元素设置成absolute定位，然后设置外框
业界 2016年07月04日

H5项目常见问题及注意事项

Meta基础知识：H5页面窗口自动调整到设备宽度，并禁止用户缩放页面//一、HTML页面结构// width 设置viewport宽度，为一个正整数，或字符串‘device-width’// height 设置viewport高度，一般设置了宽度，会自动解析出高度，可以不用设置// initial-scale 默认缩放比例，为一个数字，可以带小数// min
业界 2016年07月06日

DIV 上下左右居中黑科技

# info{height:0px; width:0px;top:50%; left:50%;position:absolute;} # center{background:# FFCC33;border:1px solid # 0033FF; width:300px;height:300px;position:absolute; margin:-150px;} 哆啦A梦
业界 2016年07月16日

css 迷惑的position

迷惑的position小加发现实际开发中position使用频率很高,但很多人却对position不是很了解,导致开发中出现各种问题,现在让我门一起来看看这个迷惑的position吧~static元素未定位，默认出现在普通流中，即元素从左到右，从上到下的方式布局～HTMLStatic - 普通流 header box left box right box
业界 2016年05月15日

href的那些事

看个问题test,此时href的值是什么呢？带着这样的疑问，开始今天的话题‘href的那些事’。问题分析为什么会有这个问题呢？上周在项目中，msui会对页面a标签绑定些事件，会用到href内容。href=""这么写，就会一直报错。因为浏览器此时获取到的href的值当前页面绝对路径。此时就会导致msui内部一直报错。href的定义w3c的定义The href attribut
业界 2016年07月18日

给产品经理讲技术｜H5基础知识：表单

【相关推荐】给产品经理讲技术丨如何适配iOS屏幕给产品经理讲技术 | 互联网的黄金矿工：爬虫给产品经理讲技术｜撩妹技术三部曲之“设计模式”给产品经理讲技术丨没线，并不可怕？给产品经理讲技术丨提需求的正确姿势是什么我承认又标题党了，表单这种基础知识从很早的Html版本就已经存在了，表单是用户输入和网页之间数据交互的一个界面，TA在Html中用这个标签来标记。但是谁叫Html规
产品经理 2016年05月13日

切图崽的自我修养－页面加载Js的常见方式

前言我就想随便找个地方放东西不行吗？看别人写的代码，中写原生js无一例外加了window.onload, jquery示例中无一例外的加了 $(function(){}) But why? 从此这两尊神秘的大佛让我畏惧了很久，今天写的博文，就是为了崇尚科学破除迷信，撕下'规则' 的神秘面纱. 而这神秘的面纱，本质就是浏览器加载js的方式总的来说，浏览器加载js通常就这么
业界 2016年07月05日

现代化的前端开发工具与流程

先列出部分，一点点把每条的坑填上，写文章。保真图设计阶段考虑响应式栅格与常用布局 篇SASS 语法 篇Node 在前端领域的基础知识 篇使用 Gulp 与各类工具（browerSync、styleLint） 篇HTTP & Restful API Style 篇如何现代化地使用图标（icon）篇CSS 布局（float、position、flexbox） 篇CSS 过渡与动
业界 2016年07月06日
加载更多