SlivenRed

61、两个子元素 一个有内容自动撑开，另一个为空如何跟随高度。

水平垂直居中也算是 CSS 领域最为常见的一个问题了，不同场景下的方法也各不相同，各有优劣。嗯，下面这种应该算是最便捷的了： 嗯。这里其实就涉及了一个问题，如何让 margin: auto 在垂直方向上生效？ 让元素相对父元素水平居中。但是如果我们想让元素相对父元素垂直居中的话…

在我们的 AMP 改版（关于 AMP，Webnovel 都做了些什么？）过程中，我们发现了一些新的 AMP 组件，并针对部分组件做了一些尝试。其中就包括 AMP Story。AMP Story 是 AMP 的一种新的网页展现形式。 在介绍 AMP Story 之前，大家可以先看…

There’re multiple ways to improve web performance (see Web Performance 101 for a full overview). One of those ways is to preload content yo…

一个跨浏览器的动效基础库，是许多基础动效的解决方案。从经典的弹跳动效到独特的扭曲动效，一应俱全。 文件大小：55.2 kB. 和其他的同类工具不同的地方在于，它不仅仅是一个库，而是有这用户可以直接操作的实际功能，它带有一个完整的网页构建器。Bounce.js 是为数不多的可以直…

Web API 越来越强大，现在干很多事情都非常方便。让网页说出话来也很有趣，还支持很多语言

我们先来了解了解防盗链的原理，在 http 协议中，如果从一个页面跳到另一个页面，header字段里面会带个 Referer。图片服务器通过检测 Referer 是否来自规定域名，来进行防盗链。 如果盗用网站是 https 的 协议，而图片链接是 http 的话，则从 http…

许多前端开发人员都在用 Normalize 为他们的网站设计样式。一些人喜欢在 Normalize.css 中添加一些自己偏好的样式，我也一样。 在本文中，我会与你分享我自己的 CSS reset 项目（除了 Normalize.css 之外我还使用它们）。 box-sizin…

层叠样式表（CSS）主要用于将样式应用于HTML标签，但是在某些情况下，向文档添加额外标签元素是多余的或不可能的，CSS中实际上有一个特性允许我们在不中断实际文档的情况下添加额外标签，即伪元素。 你听说过这个术语，尤其是当你一直在学习我们的一些教程时。 实际上，有一些CSS族成…