用iPad+手柄玩游戏的时候感觉iPad屏幕实在是太小了，但是我的iPad并不是typec接口的，明明有很大的显示器却不能用太难受了。无线连接的时候经常会出现卡顿和画质非常低的问题。研究了一下发现有有线的连接方式。 iPad/iPhone有线连接mac投屏打开QuickTime Playe ...

安卓的屏幕尺寸太碎片化了，在做启动图的时候可以使用安卓的.9图来做，还有一个常见的例子就是聊天的气泡，因为每次输入的内容长度不一样，导致需要做自适应。.9图就是在安卓上的一个比较好的自适应方案。 .9图是什么.9图主要由一个素材图片配合上下左右的宽度为1px的黑线构成。 要求黑线的所有像素颜色为# ...

博客的滚动条有个问题，就是点搜索的时候网页会有一定的偏移。这个问题是由于滚动条占用了DOM，导致当不能滚动的情况下，滚动条不显示导致整体网页会鬼畜一下。其实只要一条css就能搞定。 修正滚动条位置通过overlay可以将滚动条独立出来。 123html { overflow-y: ove ...

我们经常能在b站或者抖音等奇怪的地方看到一些生草的视频，比如痛苦面具是我们喜闻乐见的一个视频形式，在视频进行的时候突然静帧，然后将痛苦面具的内容替换到视频上实现局部运动的效果。 网上找到的教程没有图片说明，不知道因为什么原因连个好好的教程都没有，导致做起来的时候踩了不少坑。既然踩了这么多坑，干脆写一 ...

之前用的一直是图片画廊，感觉图片画廊的样式不是很好看，最近寻觅的时候发现了一个比较有趣的方形卡片的视差效果感觉很不错。所以就将原本的项目移植到了分类页面。整个移植是针对Hexo博客来的，不过应该是能通用更多的页面。 展示效果 Demo（目前采用非三维效果） 引用站外地址，不保证站点的可用性和 ...

Sketch71版本支持了全新的链接数据功能，这个功能支持设计师自己编辑json文件，将多个文本/图片参数作为一个整体嵌入到设计稿中。相比过去单一的批量嵌入，使用json可以将多个素材的关系链接起来，作为一个整体。让设计稿更加真实。 通过链接数据，你可以使用以有意义的方式组合不同数据集的J ...

在调文字的时候想要给文本增加一个斜体效果，但是选了半天的字体原生并不支持斜体。那么这个时候一般就会用变换工具了。变换工具和photoshop的自由变换工具很像，但是缺少了一点点自由。大致能调整的就是8个点。 将文本轮廓化因为变换工具无法针对文本图层和组件进行操作，所以我们需要将文字图层转换为路径。 ...

列表如果都是统一的样式、高度未免有些过于单调和重重复。在一些关键性文章中加一些特殊的样式也是我们常用的举措，例如文章置顶。但是文章置顶多了就会看不见新文章，置顶折叠展示的力度又不够。所以对于有特殊意义的文章展示特殊的效果是非常必要的，丰富层次。 这个文章的核心思路就是给文章的markdown文件里添 ...

我们都知道在Windows下可以通过*.txt这种格式来搜索指定格式的文件，那么在mac上可以怎样搜索指定类型的文件呢？ mac上搜索指定类型文件 在搜索中输入种类：文件类型即可。例如以下例子都可以使用。 1234种类：sketch种类:sketch种类:文件夹种类:音频 使用聚焦搜索指定类型文件 ...

有些时候我们需要对不同地域的用户做一些限制，比如在北京的用户不能查看文章正文等。如何判断用户所在的地域并针对不同的地域做出限制呢？这里利用sohu的地域判断API。这篇文章用Butterfly的评论功能做地域限制为例子。 本文以pug代码为例，html代码在文章后面。 城市获取1234script( ...

presentationMode在iOS算是一个特色了，非常方便的全屏弹窗，可以下拉关闭窗口。弹出的动画非常流畅。这里来记录一下如何写一个presentationMode弹窗和关闭presentationMode的窗口。 样式presentationMode弹窗非常常见，在iOS几乎无处不在。 示 ...

找音在钢琴上找哆音位置 钢琴上的黑键表示方法 五线谱五线谱名称 五线谱上哆音位置 五线谱上黑键表示 音程音程度数计算 八个标准音程 音程计算 计算键数与标准音程键数的差别 参考乐球网

之前在使用au的时候修音用的autotune，现在入坑Logic Pro之后发现Logic Pro竟然自带修音的功能。这可太棒了，不用装第三方软件了。整体体验下来做一些简单的修音还是非常容易的。 录制人声在输入设备配置好之后，添加一个新音轨 开始录制点击轨道录制的R标签，激活这个轨道的录音状态。 ...

Apple的官方文档对于这段的描述非常模糊，只有几个图标导致根本不知道他在说什么。其中最关键的一句话： 如果在运行 macOS 10.15 或更高版本的 Mac 上使用“音乐” App：打开“音乐”并从显示的设备列表中选择包含你资料库的设备。 设备列表根本不知道是啥啊。。。 最后快要放弃的时候找 ...

Audition用得不多，最近碰上一个问题就是不知道怎么才能实时听到自己录的内容，后来发现方法就写在博客里，方便下次检索。 录音准备在录音前新建一个多轨会话 我们知道激活R标签时就可以录制麦克风的声音了，先激活R标签 在激活R标签之后我们会发现右侧的I标签也变成了可以激活的状态，点击激活I标签。 ...

合理的使用a标签的rel属性必不可少，在适合的场景下使用正确的rel标签可以提升网站的安全性和保持搜索引擎权重不会流失。有利于搜索引擎中的排名。 nofollow本意来自于搜索引擎对于垃圾广告评论的抓取，很多打广告的为了增加自己的搜索引擎权重，所以在非常多的网站上使用a标签来留言。 建议适用范围非 ...

在用sketch时调整一个控件后，使用这个控件的实例（图层）并不能根据新改动的控件自动调整大小。这个时候我们可以自动修正。 范例 我们可以看到调整前的底部因为没有跟新改动的控件进行变化，所以底边出现了问题。 解决方法 Sketch提供了一个方法，可以将没有自动调整尺寸的控件实例自动调整为正常的尺 ...

在写文章的时候经常遇到输入一些词苹果会给你“贴心“的转换成首字母大写。这对一个非英语母语的国家人不写英文文章的话总是给你误判，并且是自动改动，没经过你的同意。 那么如何关掉这个功能呢，也很简单。 进入设置点击左上角🍎选择系统偏好设置，进入键盘 关闭功能在顶部选择文本选项卡，然后关闭自动大写字词 ...

在产品开发的阶段，特别是产品初期，总会有很多非常繁杂的产品需求。当这些需求一窝蜂的砸过来时，首先要对这些需求进行筛选、归类和排序。并且实时跟踪进度来进行完善。 开发什么需求？选择当下的需求当产品出现多个需求时，我们要区分战略性需求和当前需求。在与开发沟通产品发展方向后，决定发展方向的战略性需求应滞后 ...

因为没有接触过npm这块，一直以来我都以为npm是一个黑盒，正式发布的软件都可以通过npm安装，感觉很厉害。最近尝试了一下npm，才了解其实并不复杂。 注册账号首先需要有一个npm账号，立即注册 注意，注册成功后一定要验证邮箱 配置在已经有的项目中cd进入项目文件夹，然后执行npm init会提示很 ...

从sketch到figma的过程中总是伴随着导入和部分图层的复制粘贴，那么怎么才能将sketch的矢量内容导入到figma中呢？ 复制SVG右键单击需要复制的图层/编组等，选择复制SVG代码 粘贴通过SVG代码的方式可以直接粘贴到Figma中，并且还可以进行矢量的锚点编辑。

我使用计算机最核心的软件之一就是utools，因为我装的软件比较多，找应用如果通过我进行分类的文件夹来的话，层级比较深难以寻找，层级不深的文件夹比较多。所以utools是对于我来说一款不可或缺的应用。近些天偶然的机会发现了一个新插件，能够将聊天内容转成表情包。 Github地址： 引用站外 ...

写下一些对内容市场的观察和思考，首先抛出观点。对于PUGC视频创作者而言， 标题入口化 封面鲜明化 做视频不是做产品，你应该照顾到绝大多数可能不属于你的垂直圈层的用户，这样才有破圈的可能。那么提升播放量的主要手段每个内容制作者都很清楚，就是类似“标题党”。在人们接受到的学校教育中，标题通常起到的 ...

因为服务器总是出问题，项目总是用个几天就打不开了，开发说是缓存问题，因为我也不太懂其中的问题，尝试了一下重启服务器，就解决了。那么就设置一个定时重启服务器，应该就不会出现用着用着打不开的情况了吧。 这里是用了阿里云的运维编排服务（OOS）。 创建执行进入执行管理，写入必要信息，在模版中选择公共模版并 ...