老丝机上周有点忙不过来，周刊延迟到这周一发布了，差点翻车。为了回馈各位，特请来女神镇场。
前端快爆
-
Redux 4 正式发布，新版隐藏了之前的 ActionTypes 接口、在 reducer 中不允许调用
getState或subscribe、放弃了对 IE11 以前浏览器的支持。了解更多不兼容更新。?Humphry 点评: 由于大家用 Redux 或多或少会依赖其他社区方案，因此升级可能还需要再等到生态里的 redux-saga/redux-thunk 等更新了。
-
Chrome 开发者工具中现在 CSS 自定义属性可以显示颜色预览了，同时 Hover 的时候还可以显示实际的值。?
老丝点评：有了CSS 自定义属性，我好像还是一个配置工程师 ?。
- 4月10号，W3C官方宣布：FIDO（线上快速身份验证联盟）与 W3C 联合取得 Web 认证标准的里程碑式进展，在全球实现更简单更强大的 Web 认证方式。FIDO2 标准化工作的完成，W3C WebAuthn 标准的推进，以及浏览器供应商对实现这一标准的承诺，都预示着一个新时代的开启，一个为所有互联网用户提供普适的、硬件支持FIDO身份验证保护的时代。?
-
Vue 驱动的静态网站生成器 VuePress 正式发布，基于 Markdown 语法来写作，支持目录、代码高亮等更多 Markdown 扩展语法。?
老丝点评：Vue 作者亲自操刀，值得一试。
-
Chrome Canary 已经实现了 CSS Layout API 的一个雏形，该 API 可以实现自定义布局，比如瀑布流，Demo： ?
老丝点评： 《CSS 有哪些不能实现的布局》“Xiaogege and Xiaojiejie” 了解一下？
优秀 Demo
- CSS 实现内切圆角<span data-type="color" style="color: rgb(51, 51, 51);"><span data-type="background" style="background-color: rgb(255, 255, 255);"> （</span></span>译文<span data-type="color" style="color: rgb(51, 51, 51);"><span data-type="background" style="background-color: rgb(255, 255, 255);">）</span></span>
专题——CSS Grid Layout
文档
- CSS Grid 完整指南(css-tricks.com)<span data-type="color" style="color: rgb(36, 41, 46);"><span data-type="background" style="background-color: rgb(255, 255, 255);"> </span></span>
- Grid Layout 基本概念
- 学习 CSS Grid（Jonathan Suh）
- CSS Grid Layout (MDN官方手册)<span data-type="color" style="color: rgb(36, 41, 46);"><span data-type="background" style="background-color: rgb(255, 255, 255);"> </span></span>
文章
- Best Practices with CSS Grid Layout
- An introduction to the
frCSS Unit - Deep Dive into Grid Layout Placement
- CSS Grid Layout and Positioned Items
- Getting rid of "grid-" Prefix on CSS Grid Layout Gutter Properties
- 带你入门 CSS Grid 布局
- 渐进增强的 CSS 布局：从浮动到 Flexbox 到 Grid
讨论
示例
- CSSGrid.io（Wes Bos）
- Grid by Example（Rachel Andrew）
- Intro to CSS Grid（Jen Simmons）
- CSS Grid 元素周期表（Dudley Storey）
- A game for learning CSS grid（Codepip)
236
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
