
Web 驱动的增强现实:动手教程
Uri Shaked 讲述了他从 Google 的 Project Tango 早期到最近 Mozilla 的 A-Frame 实验,在网络上进行 AR 之旅。前端开发者可能会对 A-Frame 感兴趣,因为它的工作方式……
在浏览器中进行草图绘制
Mark Dalgleish 详细介绍了他在 seek 的团队是如何尝试构建一个 React 组件库,然后将其转换为 Sketch 文档的。为什么这很重要呢?好吧,Mark 描述了他团队遇到的问题,例如:……
使用 CSS Grid 布局重新创建 GitHub 贡献图
Ire Aderinokun 着手构建 GitHub 贡献图 - 也就是那个表格,上面有很多绿色的方块,表示你对某个项目的贡献程度 - 使用的是 CSS Grid。
……就像我总是发现的那样,当使用 CSS Grid 时
如何在现实世界中使用可变字体
昨天,Richard Rutter 发布了一篇很棒的文章,文章中探讨了 Clearleft 的团队是如何使用可变字体构建 新的 Ampersand 会议网站 的(可变字体技术允许我们将多个宽度和粗细捆绑到单个字体文件中)……
Safari 中即将推出的新功能
这是 Ricky Mondello 的一篇很棒的帖子,它概述了最新 Safari 在 macOS 和 iOS 上的所有新功能。我最喜欢的一些功能包括用 mp4 替换 gif 的功能,支付请求 API 和……
认识新的 Dialog 元素
Keith Grant 讨论了 HTML 5.2 如何引入了一个特殊的新元素:<dialog>
。这是一个绝对定位的、水平居中的模态框,它会出现在页面上其他内容的顶部。Keith 讲解了如何对它进行样式设置……