本期鸡汤:

<aside> 💡 Always be prepared so you have the freedom to act on instinct.

</aside>


去Notion阅读本期

大家好,又见面了,这期没有迟到,还早到了! 本期有点丰富,望阅读愉快。

Design

读<<深泽直人>> 文/梁栋 LeungTong [文章] 设计的轮廓,是实际物体的轮廓,也是周围空间的轮廓,是移除了物体之后,空间所形成孔洞的轮廓。深认为,设计即为情境寻找契合之物:「设计并不是我所创造的,它原本就在那里,我所做的一切,只是将它呈现出来。」

Design Tips [UI] Refactoring UI 作者写的一个推特系列,通过案例讲解UI设计技巧,我把它们整理到了一个Notion页面中,方便查看。原文链接亦在其中。

Humane by Design 内容类似上一条,但层次相对抽象一点,不那么Trivial,主要讲设计可以怎样「关注人」,但仍是拿来就能用的那种。

Re-approaching Color [文章] 如何科学地为设计系统挑选颜色?Lyft设计团队出品的工具,好用。但文章里讲到实现原理的地方(作者标注Warning并且建议你跳过的那部分)有错误,别太当真,有机会我写一篇来讲讲色彩科学。

对于滚动条的新想象 [交互] ****如图(需要侧过头看),Observable 在滚动条旁边新加入了一堆圆点,用来标识对应地方的具体内容,尽管体验尚且不够好,但信息检索确实能够因此快上半步。需要使用电脑体验。

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/f477b14d-aa47-424d-9c68-6dc397d68837/Snipaste_2020-04-24_16-51-31.jpg

Programming

让iOS浏览器也支持Hover事件 iOS不支持 hover 伪类怎么办? 给元素加上 tabindex=0, 详见文章。

iOS网页视频播放的一个坑 iOS对于网页上视频的自动播放有一系列约定。

GreenSock 一个使用简单且功能强大的动画库,支持 WebGL,Three.js,Canvas以及DOM。

Clock Clock 用模拟时钟组成数字时钟,作者手把手教你怎么开发实现。Clock Clock这个概念可能最初出自一家瑞典设计事务所:https://clockclock.com/

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/b153db84-abbd-4ca7-a23c-ab3ac8e863cf/Untitled.png