理解ios 11中webview的视口
摘要：iOS 11在状态栏区域带来了一些新的，也许是不直观的行为，这对使用Apache Cordova或Ionic等工具的开发人员尤为重要。尤其是这种行为变化会影响到任何基于Web的应用程序，这些应用程序在进行iOS 11构建时使用fixed定位标题栏。此文章可帮助您了解iOS 11中的Webview视口
阅读全文
posted @ 2017-09-29 09:55
随笔分类 - CSS3
通过SVG与CSS3实现向上图标
摘要：需求 H5活动页需要用的图标很少，暂时没有使用iconfont的必要性，而通过图片的话额外增加UI的工作量以及增加请求数，前端也有很多实现简单图标的方法，所以就尝试自己去解决，写一个“返回顶部”的小图标。 最终效果 SVG 先在纸上画一个坐标系，然后计算出大致每个点所在的坐标就可以通过path做一条
阅读全文
posted @ 2017-05-18 14:48
【翻译】CSS Animations VS the Web Animations API：案例学习
摘要：原文地址： "CSS Animations vs the Web Animations API: A Case Study" May 03, 2017 , 上周我写了 "我如何使用CSS来制作bitsofcode logo动画" 。之后， "有人建议我" 应该对CSS动画与Web Animation
阅读全文
posted @ 2017-05-13 18:59
【翻译】我如何使用CSS来制作bitsofcode Logo动画
摘要：翻译文章，翻译不好，还望大家指出 原文地址： "How I Animated the bitsofcode Logo with CSS" 我是css动画的新手，这样说是因为我只在有限的案例中使用过他们，而且大多时候通过使用第三方动画库来完成，例如 "Daniel Eden" 写的 "Animate.
阅读全文
posted @ 2017-05-13 13:31
css小技巧：:not()选择器的妙用
摘要：比如，要实现下面的效果（例如：一个列表的最后一项没有边框）: See the Pen gmrGOV by yyc (@Gavin-YYC) on CodePen. 一般的文档结构如下： <!-- This is what your html would look like --> <ul class
阅读全文
posted @ 2017-03-03 11:18
【译】2017年要学习的三个CSS新特性
摘要：这是翻译的一篇文章，原文是： "3 New CSS Features to Learn in 2017" ，翻译的不是很好，如有疑问欢迎指出。 新的一年，我们有一系列新的东西要学习。尽管CSS有很多新的特性，但有三个特性令我最激动并进行学习。 1. Feature Queries（特性查询） 在这之
阅读全文
posted @ 2017-01-19 18:48
纯CSS3实现不错的表单验证效果
摘要：这是补充HTML5基础知识的系列内容，其他为： "一、HTML5 新的结构元素" "二、HTML5 figure、time、details、mark" "三、HTML5 details活学活用" "四、HTML5 现存元素的变化" "五、HTML5 Web表单" 今天继续学习Web表单相关的内容，不
阅读全文
posted @ 2017-01-18 00:45
