随笔分类 -  H5

一些有用的HTML5 pattern
摘要：最近在做手机页面时，遇到数字输入的键盘的问题，之前的做法只是一刀切的使用 type="tel"，不过一直觉得九宫格的电话号码键盘上的英文字母太碍事了。于是想要尝试其它的实现方案，最终的结论却令人沮丧。不过也趁机详细了解了下pattern这个属性。 type="tel" 和 type="number" 阅读全文
posted @ 2017-04-26 14:39 superChicken 阅读(205) 评论(0) 推荐(0)
css3 自动无限缩放
摘要：@-webkit-keyframes scaleDraw { 0% { -webkit-transform:scale(1); } 25% { -webkit-transform:scale(1.1); ... 阅读全文
posted @ 2016-07-27 10:26 superChicken 阅读(2986) 评论(0) 推荐(0)
一些有用的HTML5 pattern
摘要：最近在做手机页面时，遇到数字输入的键盘的问题，之前的做法只是一刀切的使用 type="tel"，不过一直觉得九宫格的电话号码键盘上的英文字母太碍事了。于是想要尝试其它的实现方案，最终的结论却令人沮丧。不过也趁机详细了解了下pattern这个属性。 type="tel" 和 type="number" 阅读全文
posted @ 2016-06-27 15:50 superChicken 阅读(187) 评论(0) 推荐(0)
图片大小适配方法整理
摘要：1、H5 data-fullsrc属性 <img src="small.jpg" data-fullsrc="large.jpg"> Date-fullsrc是html5中的一个定义文件的属性，宽度超过480px的屏幕，就会加载较大分辨率的图片（large.jpg），小屏幕分辨率的就会加载较小的图片 阅读全文
posted @ 2016-06-13 16:28 superChicken 阅读(545) 评论(0) 推荐(0)
HTML5页面资源预加载(Link prefetch)功能加速页面加载速度
摘要：页面资源预加载/预读取(Link prefetch)是什么？来自MDN的解释:页面资源预加载(Link prefetch)是浏览器提供的一个技巧，目的是让浏览器在空闲时间下载或预读取一些文档资源，用户在将来将会访问这些资源。一个Web页面可以对浏览器设置一系列的预加载指示，当浏览器加载完当前页面后，... 阅读全文
posted @ 2016-01-18 12:32 superChicken 阅读(403) 评论(0) 推荐(0)