--2017.03.14--

Https实施

• Mixed Content Warning/Error
  • Https中加载http资源时的警告，可以使用Content Security Policy

--2016.07.21--

微信浏览器的坑

• Android
  • location.reload问题：简而言之就是当前页不能刷新。解决方案就是改location.href，具体看这
• iOS
  • 二维码识别问题：a. 一定要使用img标签；b. viewport不是device-width时会有位置偏移

--2016.07.13--

audio标签

• 说明
• 事件
• 样例

<audio oncanplay="myOnCanPlayFunction()" oncanplaythrough="myOnCanPlayThroughFunction()" onloadeddata="myOnLoadedData()" src="myaudio.ogg" controls>
    <a href="myaudio.ogg">Download</a>
</audio>
<script>
function myOnCanPlayFunction() { console.log('Can play'); }
function myOnCanPlayThroughFunction() { console.log('Can play through'); }
function myOnLoadedData() { console.log('Loaded data'); }</script>

--2016.07.08--

inline-block元素间距

• 逼死代码强迫症

IMG标签和CSS的background-image使用选择

• 大标准就是看语义需要

CSS动画

• 一个教程
• 两个概念：transition/animation
• 一个cubic-bezier函数生成工具

--2016.06.29--

margin-collapsing

• 一篇详细的说明
• Chrome审查元素时会显示为黄色的区域
• 简易方法就是直接把外层元素换成用padding

居中问题

• 这里有个很全面的总结，对各类情景做了一个分类决策树

border

• 只有在设置完border-style之后才会显示出border

position

• 标记为absolute时是相对于最近的一个标记为relative的parent

Font Boosting

• 浏览器的特性，在特定规则下自动放大字体

推荐教程和工具

• http://learn.shayhowe.com/html-css/
  • 解释了盒模型、定位和文本渲染方法
• http://zh.learnlayout.com/toc.html
  • 简单的布局教程
• Sublime Text
  • Emmet插件，补全神器
  • HtmlPrettify插件，保存时顺手格式化