-
-
一行 CSS 代码的魅力
首先，这让我想到了，年初的时候沉迷的一个网站 CSS Battle 。这个网站是核心玩法就是： 官方给出一张图形，在给定的 400 x 300 的画布上，能够用越短的代码实现它，分数就越高。 注意是，完全一模一样还原。 额，这样当然可以，但是看看文章的标题，一行 CSS ？这明… -
Flex 布局教程：语法篇 - 阮一峰的网络日志
2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。 -
CSS `grid-template-rows: masonry` 轻松实现原生瀑布流布局
🌠 CSS 新属性 grid-template-rows: masonry 轻松实现瀑布流布局，CSS 越来越强大了！（目前在 FirefoxNightly 可用） 💡 小技巧：你可以用 @supports 来写面向未来的 CSS，当... -
-
-
-
-
-
-
-
在 Rails 6 中整合 Stimulus 和 Tailwind CSS
上一篇博客提到了 Stimulus。Stimulus 也是 Basecamp 开源发布的一个前端 JS 方案（我个人认为，跟 React、Vuejs这些 JS 框架相比，Stimulus 应该还称不上是一个框架）。Stimulus 的文档很简单，主要就 Handbook 和 Reference 两部分，基本两个小时就能看完。 -
-
使用JavaScript达成 background-size: cover 的效果
最近有一个项目，领导要求：要让一个视频在一屏显示的情况下不能改变宽高比 and 适配各种分辨率 and 兼容到IE 7。嘶~，有点棘手，对于要兼容到IE 7的项目，写CSS简直头疼。 -
使用 Puppeteer 搭建统一海报渲染服务-InfoQ
背景有赞微商城包括了PC端、H5端和小程序端，每个端都有绘制分享海报的需求。最早的时候我们是在每个端通过canvasAPI来绘制的，通过canvas绘制有很多痛点，与本文要讲的海报渲染服务做了一个对比：对比项CanvasNode海报渲染服务上手门槛需要掌握canvasAPI了解HTML、CSS语法即可代码体积占用小程序包体积代码存放在服务端，无需下载代码可读性较差，调试复杂可读，易于调试代码复用性
