📓 Real Spencer Woo
1.31K subscribers
178 photos
3 videos
2 files
153 links
Download Telegram
#Notion #Design #Icon

🏆 Notion 除了利用 Emoji 作为页面的题头,还可以自定义使用自己的图片。Iconfont 是国内非常优质的图标库,我来推荐两套相当适合用于 Notion 的图标库:

- 来自 @衬衫同学 的 像素图标 - iconfont
- 来自 @AiroFlatIconAiroFlatIcon

使用图标包作为 Notion 的图标题头,最为主要的特点就是其风格的一致,希望大家喜欢 ( ω )。考完试的第一天,真开心!

📮 Via channel: @realSpencerWoo
#Notion #Design #Icons

👉 直达网址

Iconfont 真是阿里爸爸宝藏图标库。昨天我在 Iconfont 上面又找到了一个超级好看的图标包,非常适合用在 Notion 上面。1967 个完全不同的图标,实在可爱。(●'◡'●)

📮 Via channel: @realSpencerWoo
#Fonts #Design

🌴 JetBrains Mono

Website | Nerd Font GitHub | Related PR

JetBrains Mono 是 JetBrains 家族新推出的等宽字体,支持连字,字形很有特点,即将成为 IntelliJ IDEA、PyCharm 等等 JetBrains 家族 IDE 的默认字体。另外,JetBrains Mono 开源可商用。

Nerd Font 是开源的增加了 Powerline 字符的魔改版字体家族,能够让开发者在终端环境里有图标的显示。今天搜索之后发现已经有人给 Nerd Font 仓库提供了 JetBrains Mono Nerd Font 字体的 PR,但是主分支还尚未合并这一 request,等不及的小朋友们可以直接去这个 PR 现场下载修改之后的字体 TTF 文件。

📮 Via channel: @realSpencerWoo
#Icons #Design

🎴 Animaticons:动态 GIF 图标组合

Website | Product Hunt

Animaticons 是一套共五组动态 GIF 图标的集合,每组大概有 20 - 30 个图标,有一半是彩色、另一半是黑白纯色,非常可爱。目前 Animaticons 有两组图标是免费下载可直接使用的,另外几组需要付费下载,每例 $5。

📮 Via channel: @realSpencerWoo
#RSS #Theme #Design #CSS

🎏 Pink-Feedly Theme for Tiny Tiny RSS

今天超级无聊,重置了小朋友的服务器之后,重新搭建了所有的环境,又部署了一遍 Tiny Tiny RSS。看默认主题和 Feedly 主题那个深蓝色就不舒服,于是我在 Feedly 主题的基础之上,二次创作,自定义了这个粉粉嫩嫩、可可爱爱的 Pink Feedly TTRSS 主题。

🔗 GitHub Gist | Tiny Tiny RSS 的一站式搭建

我将侧边栏的项目间距、字重以及子菜单 padding 都稍微调整、并将 RSS 正文标题更换为了 Google Font 的可爱字体。当然,我也将 Feedly 主题以及 Tiny Tiny RSS 默认主题里面的几乎全部高亮蓝色都更改为了粉色。(✿◡‿◡)

感兴趣的话,可以访问上面的链接,里面是一个 GitHub Gist。我将原 CSS 与 Minified 之后的 CSS 都放在上面,如果不继续自定义的话,可以直接复制那个 Minified 版本的 CSS,并在已经使用 Feedly 主题的前提下,在 Tiny Tiny RSS 自定义 CSS 那里粘贴我的主题 CSS,保存应用即可。详见 GitHub Gist 的第一个评论。

📮 Via channel: @realSpencerWoo
#GitHub #Design #Userscript #Chrome #Firefox

🍭 GitHub 白色 favicon 用户脚本

不知道用 Dark Mode 的同学有没有发现 GitHub 的 favicon 在黑色主题下几乎无法看清,图标和背景混在一起。还好,我们可以用 Userscript 来手动更改 GitHub 图标的颜色,让它在黑色背景下呈现白色 favicon。

这里是 @tobbez 提供的 github_white_favicon,我们直接复制整个脚本,在浏览器安装好的用户脚本插件(比如 Chrome 的 Tampermonkey、Firefox 的 Greasemonkey)中创建脚本,并粘贴即可。清理浏览器缓存之后,我们就可以成功将 GitHub 图标更换为白色图标了。

🔗 相关文章:用 Chrome 的人都需要知道的「神器」扩展:「油猴」使用详解

📮 Via channel: @realSpencerWoo
#App #Design #Affinity

🚀 Affinity 系列软件今日更新了 1.8 版本!

更新日志 | 官网与购买地址

跨平台(iOS / macOS / Windows)设计、后期与排版利器 Affinity 系列软件今日更新 1.8 版本,包括:

- Affinity Publisher 的 IDML 导入功能和新印前面板
- Affinity Designer 的扩展笔划改进和新库存面板
- Affinity Photo 的 PSD 智能对象支持(iPad 也支持哦!)和镜头校正改进

以及面向所有应用推出的模板支持和新建文档对话框等等。

Affinity Designer 是我日常必备的矢量图绘制工具,几乎所有的少数派文章封面、GitHub README 图标的设计与编辑工作我都是在 Affinity Designer 下完成的。推荐!

📮 Via channel: @realSpencerWoo
This media is not supported in your browser
VIEW IN TELEGRAM
#iPad #Figma #Design

嘿,你还别说,最新 iPadOS 配鼠标用 Figma 还可以差不多算是能用了呢!右键菜单都有了,不错啊!

📮 Via channel: @realSpencerWoo