Fork me on GitHub

随笔分类 -  html5

设置input标签placeholder字体颜色
摘要：有时会遇到这样的需求，输入框的默认提示文字与用户输入的文字不同。 如果只是设置input的颜色的话是达不到想要的效果的，css3有关于设置placeholder的属性 input placeholder Webkit内核的浏览器和Microsoft Edge使用的是伪元素:: webkit inpu 阅读全文
posted @ 2016-08-17 15:45 飞河 阅读(3602) 评论(0) 推荐(1)
H5移动前端开发常用高能css3汇总
摘要：1.禁止a标签点击高亮,这些都是非官方属性，但实用性超强 html,body{ -webkit-touch-callout: none; //禁止或显示系统默认菜单 -webkit-user-select: none; //禁止长按复制选择 -webkit-tap-highl... 阅读全文
posted @ 2015-09-25 11:59 飞河 阅读(3825) 评论(7) 推荐(7)
H5移动前端完美布局之－margin百分比的使用
摘要：一 ，背景 在移动端页面开发我们经常会遇到一件尴尬的事 我们所开发出来的页面跟设计师所给的页面差别很大 再加上移动设备屏幕的大小不一出来的效果更是参差不齐 然后.... 当然 现实情况没有这么糟糕...但因为前端页面是是最直接的展示给用户的 如果跟差异太大 这个页面其实是失败的 而设计师也会不断的找 阅读全文
posted @ 2015-07-27 11:51 飞河 阅读(7716) 评论(8) 推荐(3)
html5 getComputedStyle + resize 实现动态宽高度等比响应式页面设计
摘要：序：通常我们只能控制div的宽度 而不能控制高度，在响应式页面里 如果要这个div是正方形那么必须的用媒体查询在不同的分辨率下写死宽高度 今天突发奇想研究了个 用百分比来动态控制div的高度让其与宽度相同 成为一个正方形 甚至任何你想要比例 一，背景：目前移动端大多数图片或视频列表页面的显示，列出几 阅读全文
posted @ 2014-11-21 16:23 飞河 阅读(3292) 评论(3) 推荐(2)
移动前端调试方案（Android + Chrome 实现远程调试）
摘要：一：背景 通常情况我们调试移动端页面最常用的方法就是：切换pc端浏览器的userAgent来模拟手机或其他移动设备调试页面然后用手机打开要调试的页面 刷新页面查看调试结果但是这就存在两个问题 在pc浏览器模拟手机可能造成调试不准 用手机直接调试 又多一步刷新那怎么能达到在pc端修改代码 在手机上... 阅读全文
posted @ 2014-11-13 09:39 飞河 阅读(27198) 评论(26) 推荐(10)
html5 移动端单页面布局
摘要：序 移动端的web网页使用的是响应式设计，但一般我们看到的网站页面都是跳转刷新得到的，比如通过点击一个menu后进入到另一个页面 今天来说下是移动端的单页面的布局。单页面就是一切操作和布局都是在一个页面下进行 不需要页面跳转 ，再通俗的说就是类似于平常的选项卡 但是他又比选项卡要复杂一点 因... 阅读全文
posted @ 2014-09-20 14:35 飞河 阅读(9799) 评论(2) 推荐(2)
html5 audio音频播放全解析
摘要：序 html5开启了一个新时代，因为它让浏览器本身变得不那么被动，audio api就是一个典型的列子，在html5还没确定之前，如果想要在网页上听音乐看视频唯一的办法就是用flash意思是当你没有给浏览器装载Flash插件的话 那么音乐视频即是空谈，html5 audio的出现改变了这一格局，因为 阅读全文
posted @ 2014-08-07 11:34 飞河 阅读(79223) 评论(7) 推荐(6)
html5 touch事件实现触屏页面上下滑动(二)
摘要：将touch(一)的代码完善了下，滑动到最顶端和最低端时阻止继续滑动 阅读全文
posted @ 2014-05-04 15:46 飞河 阅读(14888) 评论(0) 推荐(1)
html5 touch事件实现触屏页面上下滑动(一)
摘要：html5 touch事件实现页面上下滑动 阅读全文
posted @ 2014-04-30 18:27 飞河 阅读(30416) 评论(1) 推荐(1)
一些非常有用的html,css,javascript代码片段(持久更新)
摘要：一些有用的html,css,javascript代码片段 阅读全文
posted @ 2014-04-11 19:26 飞河 阅读(941) 评论(2) 推荐(0)

Fork me on GitHub