今儿，我就准备向大伙儿介绍一些你们之前可能很少见过CSS家伙们。他们每个都是度量的单位，类似pixel 和 em 这样的，但是很有可能你之前从来就没听过这些家伙们！就让我们一起来交个朋友吧~

如果网页中嵌入了一个视频iframe，我通常会给这个iframe设定固定的高度和宽度，这个高度和宽度的比例通常要适应视频的高宽必，比如16:9。但是，如果我们一旦写死了这个高度和宽度，当有人使用不同屏幕大小的设备访问网页时就会出现问题，比如小屏手机上

打开百度或其他https网页时显示“您的链接不是私密连接”。 点击高级后，没有出现“继续浏览（不安全）”。仅显示一段文字。重新加载后仍然停留在此页面。 使用Firefox浏览https网页均能正常加载，且Firefox遇到真正的证 书过期、无效证 书的问题时能够出现警示页面。

今天我们要来分享一些设计非常独特的人物和动物动画效果，它们都是通过HTML5和CSS3制作而成，有一些动画是利用纯CSS3实现的，一起来看看

觉得黑得可以的点个赞呗。

除了正常运行模式，ECMAscript 5添加了第二种运行模式：”严格模式”（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。

“不管是使用var关键字(在全局上下文)还是不使用var关键字(在任何地方)，都可以声明一个变量”。这貌似一个错误的概念：任何时候，变量只能通过使用var关键字才能声明。

在看这篇文章之前你可能会觉得border只是简单的绘制边框，看了这篇文章，我相信你也会跟我一样说一句“我靠，原来css中的border还可以这样玩”。这篇文章主要是很早以前看了别人用纯CSS绘制三角形后自己的一些思路的整理，文中会介绍几种小图标的效果。

CSS4中出现的一些新型选择器

IntersectionObserver 能让你知道一个被观测的元素什么时候进入或离开浏览器的可见窗口。

谷歌HTML/CSS代码格式指导

如果脚本不依赖于任何脚本，并不被任何脚本依赖，那么则使用 defer。 如果脚本是模块化的，不依赖于任何脚本，那么则使用 async。

包括获取光标位置，设置光标位置，获取选中文字等

你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用 padding而不是margin？你知道负margin吗？你知道负margin在实际工作中的用途吗？

受到Zeit团队博文的启发，我们的PayPal团队不久之前将服务器端数据库迁移到了Async/Await上。我想要和你们分享一下我的经验。

从PHP 5.1.0开始，CLI SAPI提供了一个交互式命令行工具(Interactive shell)，使用这个交互式shell，你可以直接在命令行窗口里输入PHP并直接获得输出结果。

还有一个免费证书的选择。为了推广HTTPS协议，电子前哨基金会EFF成立了 Let’s Encrypt，提供免费证书（教程和工具）。

2015年，HTTP/2 发布。它不叫 HTTP/2.0，是因为标准委员会不打算再发布子版本了，下一个新版本将是 HTTP/3。

本文将要介绍在JavaScript 6(ES6)里出现的一个关于字符串操作的语法特征。

bind() 方法会创建一个新函数，当这个新函数被调用时，它的 this 值是传递给 bind() 的第一个参数, 它的参数是 bind() 的其他参数和其原本的参数。

如果您对 ES6 还不太熟悉，下面4个简单的基础用法可以帮助您快速了解ES6

Web程序员必须知道的 Console 对象里的九个方法

Promise是JavaScript中的一种异步编程范式， 一个Promise对象表示一个即将完成但还未完成的操作。 鉴于JavaScript中异步和回调的编程风格， Promise模式可以有效地避免『Callback Hell』。

JavaScript有一个preventDefault方法, 他可用以来取消事件的默认动作。比如取消打开链接，选择文本或拖放等。

想必大家都知道，JavaScrip是全栈开发语言，浏览器，手机，服务器端都可以看到JS的身影。 本文会分享一些高效的JavaScript的最佳实践，提高大家对JS的底层和实现原理的理解。