抱歉,您的浏览器无法访问本站

本页面需要浏览器支持(启用)JavaScript


了解详情 >

九月,应该有「爱环境,也爱人类」的第十一期。

阅读网页版

好像自己得了失语症,不知道要说些什么。 大家好,enjoy。

Design

超文本的起源,以及未完成的想象 - PROJECT XANADU 链接通往这个研究的成果之一,Xanadoc,一种相互嵌套的文本形式。大家今天在使用的 Roam Research、Notion、workflowy 不能说不受其影响。

Blink - small memo HUGE CHANGE 第一次推荐 iOS App,没见过比这更优雅且实用的桌面小组件了。6块钱买不了吃亏上当,也许还会眼前一亮。

https://pudding.cool/2020/12/lighting-cost/ 相当好的可视化,为了获得一小时的光照,一个人需要工作多久?轻松获得所需的光亮,也是近两个世纪我们才获得的人权。

http://growth.design/psychology/ 做一位所谓 UX designer 需要知道的心理学/认知科学知识,整理得相当不错。

https://michel.codes/blogs/ui-as-an-afterthought UI → state? NO. state → UI, Yes!做设计的时候,也应该在没有任何实体化呈现前,把事物的关系理清楚。而不是上来就做我们最熟悉的事情,做“设计”(画原型)。

https://www.apple.com.cn/environment/ Apple,presentational web page 永恒标杆。爱环境,爱人类。

Mona Lisa by Leonardo da Vinci: Great Art Explained 我虽然是以前看过藏品,可直到看视频才了解那些肉眼不可见的信息,但也不虚“彼”行。

https://www.figma.com/figjam/ Figjam 发布了,不能还有人不知道。当然了,工具从来就不能解决工具不能解决的问题。

U.S. Web Design System 标杆。

Visual Capitalist 一个兼顾美与信息清晰传达的媒体。一张图讲清楚中国的清洁能源之路。

Programming

How to build good software? 把事情做简单,迭代,招最好的人。

Don't worry too much about how people click the buttons 做某个需求检索“解决方案”时遇到的一篇答案。很喜欢公司某个文档中提到的一句话:用户体验最终是工程师决定的。

https://twitter.com/sindresorhus/status/1398955381796216833 有人分享了自己做独立开发的收入情况

https://www.pwabuilder.com/ 如题。模版代码能自动生成就不要自己写啦。

https://github.com/mame/quine-relay Quine 一段终将打印自己的代码

Uncategorized

⭐️ 纪录片:杀马特我爱你 想看很久的纪录片,B站有了。摘一条视频下的评论:“原来还有这样的历史 那群网络暴力的人好可怕” 然后有人回复:“群网暴的人不就是所谓主流文化的我们吗“

“那群人”里面不就有我吗?

adicted 的第二次广告 我的网页翻译插件,时隔将近一年,终于迎来更新。优化了在深色页面的视觉表现,支持了数据云端同步,可以按网站关闭翻译功能了,以及,提供了更多翻译样式。如果觉得好用,帮我打个分啊🤌。 下载地址:chrome 商店edge 商店

纪录片:难以忽视的真相 2021年9月11日,我们依然生活在Covid-19的笼罩下。看完本片你会发现,气候问题也和今天的一切有关联。而每个人,都和气候问题有关联。

The Magnitude of Things: Noteworthy Facts and Figures About the World yiqinfu 整理的“大”数据,很适合用来“看一看”这个世界。Amazon Prime 的订阅用户量竟然和 Netflix 差不多,2亿。1999 - 2019,意大利GDP增长为0,英国是40%,中国是270%。

国旗搜索引擎 经常想不起来某个国旗是哪个国家的,把它画出来就好了。网站打开有点慢,需要耐心等一会。这个搜索引擎用了个很聪明的办法,把国旗像素化,实现了实时搜索的效果。

https://m.weibo.cn/status/4636690250991344 为什么下班后不想去锻炼?为什么社会“底层”处于泥淖之中?

https://windows96.net/ 很酷,运行在浏览器里面的“真实”Windows系统

「我的第一款独立游戏发售一年了」 一位创作者的游戏开发回顾。1.5倍年薪,热爱,坚持✊,渠道。

https://www.framer.com/motion/ Framer 开源的 React 动画库,非常简单易用且酷,我爱Web。

https://twitter.com/VisualCap/status/1416835262362030085/photo/1 地球土地可视化

播客 - 不在场S2E1 MP3 用通俗易懂的语言,好听的音乐,给你讲什么是MP3。

胡乱抛出的问题

新增栏目,会写下一些莫名其妙的问题。

怎么降低用户跳过开屏广告的意愿?

你的颈椎还好吗?

和父母相处的日子,在你设想的将来人生中,一共有多少天?

今天是好的一天吗?

其实这是一个广告,近半年的唯一无聊产出。 如果坚持记录的话,你可以在左上角看到自己过去每一天过得「好」「不好」?也可以在选项下看到「群众意志」认为今天是🉑️还是🙅。

那就这些,下期再见👋

GnimOay 11/09/2021 于 北京


点我订阅

点不开上面的就点我订阅

略有转折的第十期,“重新”开始

阅读网页版

以后开头就不供应鸡汤了

久违了,大家。大概四个月没更新,这样长的一段时间也许足够给任何一个人的生活带来变化。会这样说是因为,我的生活刚好来到了快速生长的时节。

因为我在近未来将要接触的工作内容主要会和代码相关,有关设计的信息将会有所减少。但同时,我又因为能接触到更多实际而具体的问题,说不定它们会帮助我对设计产生些新发现。如果有的话,也会在这里分享给大家。

因为许久未更新,这期会稍微长一点。

另外本邮报不再保持尽量没有观点的风格,从此以后会包含更多个人想法。嗯,为这个观点过剩的时代添一把🔥。

Design

上海迪士尼不排那么长的队会死呀?嗯,真的会死 王建硕 被设计的「排队」。 https://mad.ac/ 因为我内心不觉得花里胡哨的网站有创造多大价值,所以近来网站搜集得越来越少,但这一个着实让人眼前一亮。也许是被移动互联网的“效率”惯坏了,我身处其中就逐渐在忘却Web其实可以承载很多乐趣。 Birds exchange litter for food, the training. - YouTube Hans Forsberg制作了一个用瓶盖换食物的装置。吸引了许多小鸟来帮忙搜集散落在各处的瓶盖。 易使用和易学习 看这篇的时候顺便能想到的:”Recognition rather than recall.” “Don't make me think” 另外也推荐整个公众号的历史消息。 在Craft中浏览嵌套文档 迄今见过的多文档浏览最佳方案。另外这期邮报也使用Craft编写完成。 塑料瓶+热风枪 = 强力伸缩胶带 链接指向Twitter。

Programming

github1s 1秒钟用VSCode打开任何Github上的Repo。 为什么说读代码像读小说? 如题。 15分钟学会Lua 因为从我深爱的Windows转到Mac在寻找AHK替代品中选定hammerspoon而不得不学习Lua。 不错的脚本语言。 一句话评价:非常JS的Python。(实际体验花了一小时 这个网站https://learnxinyminutes.com/ 的其他教程也不错 awesome-svelte 很高兴,这半年里Svelte在中国的知名度有所提升。👆上面是各种可供学习/使用的相关开源项目。 Publish, ship, and install modern JavaScript for faster applications (web.dev) 实现JS的现代化,人人有责。 很棒的Shader教程 我没学,但我知道它很棒。 http://david.li/ 一位在尽情探索WebGL的可能性以及展现其魅力的代码艺术家。 The Rules of Margin Collapse CSS里面margin属性的具体渲染策略大有门道。嗯,还挺不优雅的。另外再推荐一次这个前端工程师的个人网站。到处看看,错过可惜了。 ZIM JavaScript Canvas Framework 如题。 🌟The Structure of Stand-Up Comedy 用Web技术对Ali Wong的脱口秀表演文本进行一场技术性分析。极棒的表现形式。 Electoral College Decision Tree [可视化] 一个过时的美国2020大选结果预测。它为「各种可能性的组合将会导致怎样的结果?」这类问题提供了很不错的一个答案。 Pure CSS Parallax Websites (keithclark.co.uk) 总有人能用CSS玩出花,有意思。 动手做:一篇SaaS全入门 | Rapid Saas Walkthrough 感受一下 Firebase和Stripe这些云服务的魔力。

Uncategorized

装备有Apple M1芯片的💻 第一次推荐硬件产品。使用M1的MBP一个月有余,这个续航与速度的组合让我觉得Laptop这个品类出现40年以来,第一次成为了自己。 掌上环游世界 一个比较老的项目,应该是为了展现Chrome的性能而开发,推荐Drag模式。 即刻Lite已支持“关注”微博用户 现在可以一个地方同时刷即刻和微博了。关注微博账号的方法为:复制微博或者用户主页链接后在即刻Lite内点➕号。 🌟相机是怎么工作的? [英文] 这不仅是一篇顶级的科普文章,同样是「交互式文章应该怎么制作?」这个问题的一种高分答案。与此同时,不得不批评一下微信公众号对Web做的恶,大量的可能性因为它的限制被扼杀,十多亿网民“被迫”为低科技的svg交互式文章喝彩。最后,作者的其它科普博文也精彩纷呈。 每块大陆的真实相对大小 链接指向twitter。我们看到的地图通常使用墨卡托投影,在这种情况下靠近两极的陆地面积被严重放大以至于失真。 消费怪 (tuzei8.com) 「James Auger和Jimmy Loizeau在2009年设计了“猪笼草系列家用机器人(Carnivorous Domestic Enterainment Robots)”,其中的一个设计“蝇纸钟”(Flypaper Robotic Clock)受到猪笼草捕捉蚊蝇的启发,生物能量的自然转化被运用在电子设备里,整个设计包含一个长条的白色粘蝇纸轨道、一个生物电转化装置、一个LED时钟,苍蝇飞入粘蝇纸轨道被传入生物点转化装置,最终为LED时钟供电。」 「互联网时代眷养着更多的消费怪,它们毫无克制和更低成本地吃着信息带给他们的乐趣,而从不思考和产出,它们只把别人的东西打上“已阅”的标签再供人咀嚼,当吞咽成为一种习惯,要做的也只有躺着,接着段子手赖以为生的杂碎。现在,和我一样,把左(或右)手伸出,做一个空握手机的手势,上下摆动大拇指,对了,那就是“接食”的动作。」 少消费,多创造,会更快乐。
未经授权翻译了Telegram创始人Pavel Durov的文章。 我有一款「下周上线」的播客App正在开发中 [私货] 下周上线 = 贾跃亭的下周回国。只能说尽快吧,在我入职前交出作业。喜欢听播客但是对市面上的软件仍然不够满意的同学可以关注一下!链接是某一期的开发周报,但并不会按时每周都发。以春节为借口,已经停更一个多月!


这期第一次使用Craft编辑,唠叨几句。

其实和使用其他工具一样,编辑这一期也很花时间。没错,使用Craft编辑时相比Notion等工具是有一些细节上的优势,Crafts生成的网页也拥有更好的浏览体验。但我下次还会用它书写吗?不一定。

Craft并没有至关重要的功能性差异,再感谢M1的强劲动力,Notion的超长启动时间已被基本吞噬,于是Craft的性能优势又被抹平大半。再加上我正在用potion将Notion页面同步到个人网站上,就更有理由直接在Notion上进行编辑了。

GnimOay 27/02/2021 于 长沙

点我订阅 点不开上面的就点我订阅

鼓励你多点几下鼠标的第九期

查看网页版获得更好的阅读体验。

本期鸡汤: 不要将金钱等外部因素作为动力


这期关于设计的事情不太多,但有关代码的内容大多与设计关系密切。

Design

components.ai 数字世界的设计,还有许多方面值得被自动化,这是个帮助设计师通过鼠标点一点做设计的实验项目。摘一段链接中的原文:In design, what can be computed?How might we contribute to our collective design knowledge?If we lived in a world where every possible iteration of a design was already built - what would your workflow be to define what you’d ship? What tools would you use to sift through all of this generated noise? 字节跳动开源的1000+图标 图标表意清晰,大而全,可能是国内最佳。 How drawing helps you think Ralph Ammer TEDxTUM 拥有一定的sketch能力对表达设计想法与沟通都有帮助。这个演讲对我很有启发,可行性也极高。按他说的画了半个月圆圈,尽管暂时还没肉眼可见的进步,但我打算继续练习。也许有同学和我一样不会画画,推荐看看。链接指向Youtube。 Spotify Design 分享他们设计团队工作的方方面面。 重新思考Persona 十分同意,我的想法是:Persona is borken。如果只是机械地使用「设计方法」,有可能做不出解决实际问题的东西。

Programming

Web Monetization简介 一个Web API的提议,看名字就值得期待,对吧? https://airbnb.io/visx/ Airbnb开源的React可视化原子库,自由组合所需可视化组件。舒服! 如果 Safari 做不到对,快有何用? 写前端的人应该都被Safari坑过,这篇文章对Safari的某个非标准实现作了一番批判。 自动生成为grid布局Html+CSS 鼠标点一点就行,亲测好用,省时省力。 Lobe公测 之前介绍过微软的Lobe,那个鼠标点一点就能训练/使用机器学习模型的工具开始公测了,不再需要申请。 tailwind PLAY 一直想学tailwind,看到这个,感觉自己快入坑了。玩了会就意识到用它做原型设计再合适不过了,设计效率和对接开发的体验都完胜那些用鼠标点一点的原型工具。 https://joshwcomeau.com/ 一个前端工程师的网站,不看一眼会可惜的。 真·可视化编程 鼠标点一点,生成对应Vue代码。链接是作者发的推特的,暂未发布,值得关注。 https://s3-us-west-2.amazonaws.com/secure.notion-static.com/5ece0086-4a59-4515-aec3-f53aef16c3c1/Untitled.png The ultimate Three.js course 如题。暂未发布,可以预定。 https://www.kirilv.com/canvas-confetti/ 一个吸引用户多点一点鼠标的library。是个开箱即用的confetti生成库,给生活添加一点小彩蛋。芝麻地已经用上了,可以阅读本期的网页版试试看。

Uncategorized

【⭐】专访《动物派对》制作人罗子雄:两年前我们就知道一定能火,只不过没人相信 相信「品味」的价值。 https://s3-us-west-2.amazonaws.com/secure.notion-static.com/bf5b9a47-3abf-4ba7-a6b7-bee86c9fb648/Untitled.png Wenzy的微博 关注了好几年,微博只发他的生成艺术作品。很厉害,技术和创意都强。这是他的推特,内容和微博差不多一样。他正在做一款音乐游戏 — Bouncing Music,可太期待了。 Oatly: The New Coke Oatly看起来更健康,但更不健康。 長期記憶的提取:是忘記了,還是無法想起來? 这是播客节目「知识好好玩」的一期,内容如题。(网站在宝岛,所以,可能需要科学上网) 小彩蛋 如果你正通过文首的链接阅读,应该已经在页面的右边看到这个按钮了,点点看。如果不是,点开链接试试看。

感谢看完,这次放一首老歌:Be What You Wanna Be Spotify 网易云

GnimOay 03/11/2020, i Stockholm


如果内容对你有价值,可以到这里点个赞让我知道。也欢迎分享本刊给可能对以上内容感兴趣的朋友。

点我订阅 点不开上面的就点我订阅

不论你今天几点回家,第八期的主角是宜家

本期鸡汤:  本期没有鸡汤


假如邮件排版很奇怪,也可以到这里阅读。 最近有在考虑芝麻地是什么,结论是:芝麻地是个filter,替你筛选内容。不过为什么要相信我?我尚无成就也找不到别人为自己背书,大家就凭内容自己判断吧。另外,这期主角其实也不是宜家,是我想不到啥好标题了,哈哈。

#Design How will tomorrow's technologies redefine the way we live at home? 这个网站展示了宜家和一众设计团队对于未来科技生活的创想。最让我眼前一亮的是房间里的大象,它探索了一种富有情感的AR打开方式。然后关于这个网站本身,见下一条。 https://s3-us-west-2.amazonaws.com/secure.notion-static.com/0c7d39e2-9b59-4272-a005-f48db8f6bc53/Untitled.png 上面那个网站背后的设计Studio - Norgram 不只是内容,宜家那个网站本身,也让我感觉到有点东西。然后最近翻看去年找实习时收藏的一个设计工作室网站,发现,嚯,就是他们做的!不过,答应我,别翻到网页底部,更别拿鼠标在上面乱划。会瞎。 Design Fiction IKEA 2015 畅想未来科技生活的事情,宜家也不是第一次做了。两年前的某堂课上,老师介绍这个项目后,我一直印象深刻。即使五年过去,它依然足够「新鲜」,彼时的未来,仍是今天的未来。 Sennep 另一个去年找实习时收藏的设计工作室。如果你确实有阅读这个网站,应该能感受到他们介绍自己时,对于观众注意力的引导。看到视频时,我口水真流出来了... ⭐写给西安的小同志 [文章] 这篇文章主要谈论「设计」,来自一只土贼,Thoughtworks中国区设计团队的创建人。做邮报的过程中,我第一次产生了「不要分享给别人」的想法。说一句严谨的话,「这是迄今为止所有我阅读过,发表于网络的设计思考中最靠谱的」。几乎每篇都值得一读。即使分享出来了我也是存有私心的,这一篇不是我心中最棒的,至于是哪篇,去他博客发掘吧,值得。 投入toB战场的这一年 [文章] 设计、商业、技术、管理。 一个难以理解的设计每一块巴黎地铁6号线的玻璃隔离墙背后,都有一个把手。在图片左侧,能看到把手和自动门的连接部分,我猜测把手的用途大概是紧急开启站台自动玻璃门。但,从图中还能看出来,列车停靠时,把手位置绝对不能被人接触到(夹在固定玻璃墙与列车玻璃窗中间),这很奇怪。 https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ec70ca7a-adc2-47ed-8c92-4b7959c0f2a0/Untitled.png

Programming

MDN Browser Compatibility Report 开篇第一句话就让人泪目:“If every single rendering, regardless of platform, would follow the standard as closely as possible, that would be a beautiful world. – A Web Developer” 然后调查报告还指出了前端届三大恶霸:IE,CSS和Safari。还是期待beautiful world出现。 React Icons 一个插件,VS Code内,一站式找icon。集成多个开源图标库,实用度满分。各个图标库基本都提供svg,所以并不和React绑定。 https://web.dev/measure/ Web开发瑞士军刀。

Uncategorized

业余公司成员分享的一些链接 如果某时某刻想上网冲浪,可以去看看,说不定有收获。 Wunderpresentation 第六期介绍过**Revealjs**,通过写代码高效做PPT的工具。这次的工具能直接将Notion页面转换成PPT,不用写代码且效果类似。 I zoomed into my coffee 只是一条普普通通的Reddit Post。 ⭐adicted [私货] 这是本刊夹带私货以来,我自己最满意的一次。这次做的东西不再无用,它真的能帮你学习(或者不学习)英语(或者其它语)。adicted,一个浏览器插件,Edge或者Chrome浏览器皆可安装。浏览网页时,标注过的任何生词或短语再次出现都将被自动翻译。你也可以把它当作一个不烦人的划词翻译工具使用。可以到Edge商店或者Chrome商店安装。 https://s3-us-west-2.amazonaws.com/secure.notion-static.com/0f63fcf8-93d0-48fd-b90a-d44a7f4c87ff/Untitled.png


感谢看完,这次结尾试着加个音乐: undercooled - 坂本龙一
收听链接:网易云 Spotify

GnimOay 11/10/2020, à Paris


如果内容对你有价值,可以到这里点个赞让我知道。也欢迎分享本刊给可能对以上内容感兴趣的朋友。

点我订阅

点不开上面的就点我订阅

身体健康的第七期,天气也有点凉爽

本期鸡汤:

记得定期体检,好死不如赖活着


以后就不单独标注中英文内容了,标题语言即内容语言。也不单独提示是否需要翻山越岭去看了,英文内容即存在被墙的可能性。这期推荐了两个可视化项目,忍不住多说一句,可视化首先是有用,其次才是好看。设计也一样。 本来应该昨天发,但系统有点问题导致晚了一天。那就顺便再加一条私货吧,英语阅读好帮手,在底部。

Design

继续 Callback 上上期的 Spatial Interfaces

如果文档被放置在3D空间里,会怎么样?记得用电脑打开。 wGOg3T.png

The Anatomy of Hit Songs

是否记得以前推荐过的 How to win an Oscar? 这是来自相同作者的又一个精彩可视化作品,这次他解构了 Spotify 上的劲歌热曲是何以上榜的。这种优秀人才的存在就是我等凡人不想当程序员的理由。当然是用电脑打开看才完美啦。 wGOHC6.png

Stripe 新版官网

近两年风头一直盛的 Stripe。无论信息架构、视觉还是 API 设计,都属最顶级的。即使是最难处理的大量文字信息展示,依然做得相当优雅。PS:电脑与手机版当然是完全不同的体验啦。PS2:现在亦有中文版,但翻译很生涩。

视频进度条的设计

爱奇艺:在时间轴上标注节点 → 从而给内容分段 → 方便用户(鼠标悬停)预览和(点击)跳转。 wGXFxS.png YouTube的方案会更好一点。它在达成了以上相同目标的同时,让点击和悬停都更容易。 image.png

土耳其的一个红绿灯

电杆本身也发光。 wGXn5q.png

###世界五百强的三十年 首先这是一份很棒的可视化作品。另外,前十里面有两家中国公司,分别是第三的国家电网与第四的中石油。 wGX6Zd.png

Programming

Popper

一个可爱的library,可以给网页元素添加「对话框」 wGXhz8.png

Creating a QR Code step by step

说来惭愧,五年前我就想详细了解二维码的原理,收藏却不看的教程一篇又一篇,直到最近发现这篇简单详尽的教程。不过我依然没兴趣看完😂。

The Anatomy of Hit Songs

这期编程相关内容不多,这个复制一遍拿来凑数,感兴趣的同学可以看看他可视化的实现是怎么做的。

Uncategorized

A comic about Google Chrome

08年,他们就把网页看作Application了,比今天我们所达到的还要远。

[私货] 即刻Lite

即刻用户可以试试这个浏览效率更高的客户端。用Chrome或者Safari打开网页,保存到桌面就变成App。近一个月,我边用边迭代,现在好用得不行(差点就不到两位数的日活说明可能也没那么好用... wGXIsg.png

[私货] adicted

一个开发中的浏览器插件,Mac/WIndows皆适用,链接是下载地址。选中网页中任何单词并加入生词本后,再次遇见该词就会自动翻译。 wGjPoR.png


只能供昨天发布使用的文案: 今天周三,也不知道该不该快乐,毕竟周末已经过去了,不过周末又快要来了。

GnimOay

10/09/2020, à Paris


要是觉得这期内容还不错,可以到这里点个赞让我知道。也可以分享给可能会对本刊有兴趣的朋友,毕竟上一期就想达成的一百订阅还没实现。

点我订阅 点不开上面的也可以点我订阅

内容不多,但是图很多的第六期

本期鸡汤: 耐心是美德。


七月正在明目张胆地离开,像六月一样。再过不久我也要离开巴黎,一个非常伟大,但我没有过多体验,只是在这里“悬浮”过一年的城市。 另外,有计划继续降低本刊更新频率。开始做邮报时我认为东西发不完,但其实许多内容都是在同一个框架内重复,那也就没必要分享给大家。

Design

Callback 一下上期的 Spatial Interfaces 两个在用户界面中使用z轴的案例。链接是右图Demo,可以点进去体验一下数字时代的“转经”。 amNtZ8.png Lokesh Dhakar的博客 [英文]贴一段他自己的介绍吧:I work on the Design Engineering team at Square. 他从04年至今,在博客上分享了许多自己动手做的东西。其中讲Coffee Diagram的图我相信许多人都见过,原来是出自他手。另外一篇讲解棒球投掷的文章也有意思。近年的博文则主要讲一些在前端领域与用户体验稍微相关的实践。 amaPj1.png [Twitter] 无链条自行车 如图。链接是推特上的视频。 amaAHK.png https://freebiesupply.com/adobe-xd-templates/ 免费设计资源集合。图标、sketch/adobe/figma文件、配色、插画。

Programming

https://lobe.ai/ 一个用鼠标点一点就能训练AI模型的网站。目前需要申请内测才能使用。另外一个类似项目是Teachable Machine,鼠标点一点,然后导出tensorflow模型。 amaVAO.png The boring technology behind a one-person Internet company 播客服务网站 LISTEN NOTES 的创始人 Wenbin Fang 讲述创造这个平台的各个环节。 题外话:中文世界的播客行业正在蓬勃发展中,许许多多优质内容正在产生,推荐还没接触播客的同学们找点节目听听看。 https://device.my/ 一个快速查看设备参数及当前浏览器所支持API的网站,非常实用。 amaZND.png

Uncategorized

Oh! Toys! [私货] 现已加入PWA支持,使用Chrome或者Safari浏览器可以将网页保存到手机桌面变成“App”,图标就是右上角这个小皇冠 — 使用第一期介绍的Zdog制作。自上一次邮报更新以来,添加了星战阅读和烫头(并且在页尾加上了本刊广告,形成循环调用😅)。 amaKgA.png


祝你健康。

GnimOay

29/07/2020, à Paris


要是觉得这期内容还不错,可以到这里点个赞让我知道。

点我订阅

惠风和畅的第五期

本期鸡汤: 结果就是过程本身


如果邮件显示效果不佳,可以去网页或者Notion阅读本期

六月就这么悄悄溜走了,这一期又拖更了好些天。碰巧我很喜欢数字7,刚好今天又是个阳光灿烂的凉爽日子,那就更新吧 : D

Design

Carbon Design System IBM 开源的设计系统 & Web 组件库,非常齐全,并且质量高,支持各种框架并提供纯 CSS 版本,推荐。 Spatial Interfaces [文章] 很有意思的讨论,不过文中对于 Affordance 的解释有偏差,别太当真 。另外,如果您确实不知道 Affordance 是啥的话,那它就不是个多值得去理解的概念,讲真。 无限种植器 [实物] Kickstarter上的一个项目,中文名是我瞎取的。一块可以重复使用的干净「土壤」。有趣的点在于,它是对于土地的重新想象,而且生长于其上的植物总有一半根系裸露在外。 Low Tech Magazine [网站] 一个只由太阳能驱动的,部署在巴塞罗那的网站。你的每一次访问,都会消耗一些电量,网页上实时展示当前电量。个人很喜欢这种行为艺术性质的小项目,能源其实是人类社会十分重要的问题,但其实少有人真正关心,包括我自己。可能是因为它不够 sexy 吧。 Plastic [网站] 又是一家设计 studio,我也不知道现在的设计公司怎么就基本都成了网站/App设计公司...但他们网站还是蛮有意思的,挺灵动,在炫技又有内容。适合用电脑打开。 村庄生成器 随机生成一个小村庄的线稿图,Generative Art 迷人。

Programming

Web开发全栈课程
赫尔辛基大学出品,我用亲身经历背书,北欧的编程教育值得信赖。有中文版。 Web开发全栈资源全家桶 虽然跟上面这个课程无关,但刚刚好可以搭配使用。(全家桶东西太多了...前端真是花里胡哨啊 css-doodle 简明教程 如果对上一期介绍的它有兴趣,可以看看这篇教程,很喜欢里面讲的一句话「简单的事情重复做就不简单」,同时也很推荐这篇文章的出处,TechBridge 技術共筆部落格,经常讨论前端领域一些有趣问题,但不仅限于前端。 Revealjs 用写代码的方式做 PPT,私以为这种方式更加便捷。可以点击标题试试首页这个 Demo,效果很不错。

Uncategorized

Google 的你画我猜 考古一下,不是新出的。可以去试试看现在已经降温的人工智障大概有多聪明。 海明威阅读器 [英文] 国外有很多UX Writer,国内似乎没有,他们基本只管写作。这个网页用以生成小学生能读懂的文本。 康威圆 Conway's Circle [私货] 正值高考时间,不妨探究一下数学世界。在任意三角形的三边延长出邻边长度的线段端点都将落在同一个圆形上。点开玩玩看。你也可以试着证明一下🙄


愿你快乐!

GnimOay

07/07/2020, à Paris


要是觉得这期内容还不错,可以到这里点个赞让我知道。 点我订阅

在雨季,尝试保持干燥的第四期

(若邮件排版效果不佳,通过Notion或网页阅读可获得更好体验。) 去Notion阅读本期

本期鸡汤:  A theory should be able to be falsified.


今年尚未过半,我却常有时过境迁之感。很久不见了,希望各位在这段日子里都有收获欢喜。明天就是儿童节,也祝愿大家能够多年轻一会儿。

Design

什么是“对用户友好” 文/王垠 [文章] 天才真的啥都懂,他总结的那些点,基本都是对的。另外他提到了非常有意义的一点,保持正交。我第一次见人在设计里引用这个概念,并且深以为然。 AR copy&paste ⭐️ [交互] 使用摄像头来复制现实世界中的任何内容并粘贴到电脑上。这大概是目前为止最实用的AR使用方式了,感兴趣的同学可以点击标题去申请参与App内测。作者是一家巴黎互动艺术工作室@lab212的创始人,他也在推特分享了整个Demo的详细实现方法,另外,后续他也在推特更新了实时预览粘贴功能(需要科学上网)。不方便科学上网的同学可以到微博看视频 https://s3-us-west-2.amazonaws.com/secure.notion-static.com/40482b8e-4ac6-474a-bf21-5053eb922584/Untitled.png 16 Rules of Effective UX Writing [文章] 五分钟 UX Writting 入门指南,UX写作需要做到表述精简明确,用词简单。虽然讲的是英文写作,但中文同理。 COVID Tracking App Dersign 一个与你我都相关的设计案例,作者是Uber创始成员,他也是在那里从程序员逐步转型成设计师。文章里分享了新冠病毒追踪App的设计流程以及一些关键决策背后的考量。 It's all about details。 Read color hex codes [演讲稿] 读完就能看懂用Hex值表示的颜色,有魔法。比如看看到 #37f388 我能直接说出这差不多是个青绿色。如果原文中的PPT加载不出来,点这里Scrollbar的新想象之后续 [交互] 是否还记得上期介绍的 Scrollbar 新想象,现在机核网,也开始了这种范式的应用。标题链接是我在首页随便选的一篇文章的链接。(只针对桌面版网页) https://s3-us-west-2.amazonaws.com/secure.notion-static.com/d634f51b-b391-4640-883b-1ee0f1549a27/Untitled.png

Programming

instagram-3d-photo 这个 Chrome 插件同样是 AR copy&paste 作者的作品,它可以把 Instagram 上面的照片变成3D动图。标题链接为该项目的 Github 地址。 css-doodle ⭐️ 一个用css做创意编程的工具,几行代码就能生成下面这张图片。 https://s3-us-west-2.amazonaws.com/secure.notion-static.com/5494957e-35f8-446f-a564-3729622cff50/Untitled.png css-doodle作者的博客 文章不多,都是英文,但每篇都蛮有趣的。比如有篇文章就是介绍他用css-doodle实现下图的过。 https://s3-us-west-2.amazonaws.com/secure.notion-static.com/25a9ac42-3ea8-4e7a-abe2-f4e55cfe1ab2/Untitled.png **98.css** 穿新衣吧,剪新发型呀,轻松一下,Windows98。 https://s3-us-west-2.amazonaws.com/secure.notion-static.com/9b20d65e-3d6b-4e5d-ba1d-055b722694d4/Untitled.png

Uncategorized

14islands 一家瑞典创意工作室的网站,我虽然认为这种傻炫没多大意义,但这个网站确实很炫。 https://alleyconnyc.com/ 不无脑炫技但细节丰富,故事讲得很好的一个活动页面。 捡芝麻的人 [私货] 我建了个公众号,不过第一篇文章写好快两个月了还没发。不同于这个邮件订阅列表,我会在那边输出自己的观点,也会尝试深入讲一些东西。内容大概会是围绕设计与编程交叉的领域,但偶尔也可能发点随机内容。如果感兴趣,欢迎搜索 sesampicr 关注!


GnimOay

31/02/2020, à Paris


如果喜欢本刊,欢迎推荐给朋友,可以帮助建立虚荣心的订阅数是我更新的动力。 点我订阅

疫情暂未过去的四月,鹿鹿鱼鱼的第三期来了

(若邮件排版效果不佳,通过Notion或网页阅读可获得更好体验。)

去Notion阅读本期

本期鸡汤: Always be prepared so you have the freedom to act on instinct.


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

Design

读<<深泽直人>> 文/梁栋 LeungTong [文章] 设计的轮廓,是实际物体的轮廓,也是周围空间的轮廓,是移除了物体之后,空间所形成孔洞的轮廓。深认为,设计即为情境寻找契合之物:「设计并不是我所创造的,它原本就在那里,我所做的一切,只是将它呈现出来。」 Design Tips [UI] Refactoring UI 作者写的一个推特系列,通过案例讲解UI设计技巧,我把它们整理到了一个Notion页面中,方便查看。原文链接亦在其中。 Humane by Design 内容类似上一条,但层次相对抽象一点,不那么Trivial,主要讲设计可以怎样「关注人」,但仍是拿来就能用的那种。 Re-approaching Color [文章] 如何科学地为设计系统挑选颜色?Lyft设计团队出品的工具,好用。但文章里讲到实现原理的地方(作者标注Warning并且建议你跳过的那部分)有错误,别太当真,有机会我写一篇来讲讲色彩科学。 对于滚动条的新想象 [交互] 如图(需要侧过头看),Observable 在滚动条旁边新加入了一堆圆点,用来标识对应地方的具体内容,尽管体验尚且不够好,但信息检索确实能够因此快上半步。需要使用电脑体验。 image.png

Programming

让iOS浏览器也支持Hover事件 iOS不支持 hover 伪类怎么办? 给元素加上 tabindex=0, 详见文章。 iOS网页视频播放的一个坑 iOS对于网页上视频的自动播放有一系列约定。 GreenSock 一个使用简单且功能强大的动画库,支持 WebGL,Three.js,Canvas以及DOM。 Clock Clock 用模拟时钟组成数字时钟,作者手把手教你怎么开发实现。Clock Clock这个概念可能最初出自一家瑞典设计事务所:https://clockclock.com/ image.png

Uncategorized

网站碳排放计算器 测了下自己的网站,每次打开都会产生 2.29g 二氧化碳,惭愧,找时间我优化优化。题外话:碳排放究竟只是政治手段或是果真会造成环境问题尚无定论。 一个很美的网站 字面意思,十分漂亮,日本福冈县一个卖货网站 StackOverflow Design Leader 个人网站 文章有趣,人亦有个性 DEX周刊 DEX 旗下关于产品、设计和开发的邮件订阅列表。如无意外,每周一更新。本刊有些内容,亦是通过DEX周刊得知。 科技爱好者周刊 [顶] 诚心推荐,最有「杂志感」的数字周刊,阅读过程充满愉悦。阮一峰是难得的中文互联网优质内容持续贡献者,我亦从他的网站收获良多。除去技术内容,每期亦有大量其他内容适合所有人阅读。亦有公众号


周末愉快!

GnimOay

25/04/2020, à Paris


如果喜欢本刊,欢迎推荐给朋友,大家的订阅亦是我更新的动力

点我订阅

在愚人年代,呈上努力成为已读邮件的第二期

去notion阅读本期

本期鸡汤: Don't think - know and act.


大家好啊,第二期稍稍来迟。今天是愚人节,请多开玩笑!

Design

啊! 设计! — NHK为儿童制作的纪录片
[视频] 每集用15分钟跟你讲清楚,啥是设计。2倍速,8分钟。面向儿童的,就是面向每个人的。本条内容不提供链接,请自行寻找渠道观看。 Grow as a Design Manager [文章] 对设计而言,最重要的,往往不是设计本身。 COVID-19 可视化 Financial Times制作的疫情信息可视化,目前最佳,简单清晰。 智能手表一定得用触摸屏吗? [交互] 电容屏大行其道后,它就逐渐变成了新的「按键」,那个被它干掉的「按键」。打开本页面可能需要科学上网。

Programming

QIJI-FONT(齊伋體) [字体] 文言文编程语言作者的新项目,一套从古书扫描而来的字体,很美。 一次快速的机器学习祛魅旅程 机器学习?它既不高大上,也并非无所不能,但很有用! Draggable [JS] 加拿大电商巨头Shopify开源的元素拖拽库。文档网站本身也做得很特立独行。 Debug z-index of DOM objects in 3D view [Debug工具] 你的下一个Chromium浏览器,不一定得是Chrome。微软全新的Edge浏览器已经渐入佳境了。

Uncategorized

Nathan Taylor 的个人网站 [顶] 如果说本期内容您只想看一条的话,那必须是本条。现居东京的他,是开发者,也是设计师。推荐用电脑打开本链接,然后开始体会被创意与技术漫灌的感觉。 Pingpal [App] 一款可以和朋友一起玩的习惯养成App,暂时只有iOS版本。每天都有排行榜,类似微信运动。但好玩的是,你可以给落后的朋友扔💩以资鼓励。搜索GnimOay添加我为好友互相扔💩啊!朋友越多越快乐! 方块日记 [私货] 花半天时间做的小玩具,用来生成还算漂亮的文字图片。Android推荐使用Chrome打开,iOS请用Safari。 未标题-1.png


天涯共此时,愿您平安。

GnimOay 01/04/2020, à Paris


如果喜欢本邮报,可以推荐给朋友 订阅地址:zmd.hedwig.pub

另外,下半年就要毕业的我在找工作,最好是操作系统用户体验相关,欢迎招人的同学回复本邮件联系我。