关于webp格式的好处，我在很久之前转载过一篇文章：WebP 相对于 PNG、JPG 有什么优势？那个时候我的博客刚改成使用webp格式，不过后来出了一些问题导致我回滚了这个操作。 时隔近一年时间，我的博客再次重新支持webp格式了。这篇文章主要是介绍我的博客是如何判断浏览器是否支持webp格式并将 ...

再博客优化的过程中我们经常会嵌入很多第三方的js，第三方js提供更丰富的功能，但是却拖垮了网页的加载速度。这个时候我们可以使用async/defer来推迟js的加载。 在HTML5以前，script标签没有这两个属性，而浏览器单纯的按照顺序解析（解析）并执行，HTML5之后，我们可以在脚本 ...

Heomagic 07 | 在mac上的视频转格式方案分享 近期非常常用视频转格式，我们使用一些油猴插件、视频下载插件经常能下载到flv、mkv、rmvb等格式，而这些格式有的时候不兼容你的播放器（可替换自带播放器解决），有时为了做一些其他的事情。有的时候可以使用premiere、finalcut ...

唧唧在最新版本中会弹出0x000002错误。这里放个旧版本下载地址。 官方介绍这是一个用于下载bilibili视频的PC应用程序,它能够下载99%bilibili视频(不支持番剧),并且它将会终身免费提供使用.现在它已经支持弹幕, 4K清晰度, 互动视频, 音频以及批量下载 下载地址前往官网下载最 ...

一个产品在视觉的UI程度做了很多努力，不仅在外观的流行度、切图的清晰度以及整个交互方式、交互风格上都走在前列。那么怎样才能让如此多的优秀产品中脱颖而出呢？其实在手机里，我们的产品已经占据了屏幕、扬声器、麦克风等，但是还有很多我们没有利用到，而绝大多数手机都有的一些传感器，例如：光线传感器、震动马达等 ...

这篇文章中介绍一下我在mac上的压缩软件解决方案。我使用了两个第三方软件和官方自带的如那件进行协同配合，他们各有优劣。通过在不同场景下的需求，使用不同软件来解决问题。 归档实用工具 mac官方自带的压缩工具叫做「归档实用工具」。这个软件可以轻而易举的解压和压缩.zip格式的压缩包。虽然和访达一起搭配 ...

最近有人询问蓝湖有的元素选择不了，造成这个问题的可能性有很多。有的是蓝湖的自身造成的问题，但是大多数问题都是可以通过更改设计稿或者调整蓝湖来解决的。 检查不能点击元素上方是否有切图 当一个图层上方存在一个切片时，蓝湖点击会优先选中切片，而无法选中切片里面的内容。这个时候我们可以删除该切片或者通过给每 ...

通常我们设计产品的时候都会兼顾到用户使用这个产品的效率。不仅要关注刚刚上手这个产品的用户的易用性，例如足够的提示、足够的可见性等；还要兼顾老用户的高效。这一次我们来模拟一个线下服务类产品的效率问题，这种问题可能考虑的效率就是其他的层面了。 这个报告是对线下店使用在线应用服务的一种理论支撑，仅个人观点 ...

在设计功能的时候防误触机制无处不在，例如删除项目的确认弹窗和警示窗口、删除按钮做的尺寸会小一些、颜色足够特别、删除入口层级加深。但是有的时候我们会发现，我们经常做了很多无意义的防误触机制，这些多余的确认弹窗在无限制的占用着我们的时间和精力。我们真的需要这么多的确认弹窗吗？ 当然微博取消关注弹窗的 ...

iOS14小组件功能官方设计指南 iOS14的小组件相比安卓更加简洁，我们可以看到组件设计的细节，还有多个第三方软件风格一致。这都要归功于官方的设计指南。 官方文档 译：陈子木 桌面小组件概述小组件能够提炼 APP 中的关键信息，呈现在 iPhone、iPad 和 Mac 当中最为醒目的位置。小组件 ...

最近经常会魔改一些博客上的样式，增加一个自己魔改的css，学到了css的选择器。css选择器可以定位对应的html标签、元素等。看到了一个css选择器的使用列表，在博客中粘贴出来。 本文为转载文章，以下内容来源于 CSS ...

人们使用应用程序的目的一般分为两种：能解决问题的工具类需求和为用户带来价值的体验类需求。在算法普及当道的时代，算法能够为用户带来怎样的创意？下一代的体验设计是怎么样的？我想写下我的一些想法。 增加替换成本在产品前期，用户使用该应用后，无论是特色功能也好、产品调性、功能点等都是为了核心目标：增加替换 ...

非常不错的打开视野的研究报告，经过机译后改了一些语法问题和理解上的一些问题。可能与原文稍有出入。很棒的研究报告，能够帮助你看到设计的层级不断跃升的状态。 英文原版来自于：DesignBetter 译：张洪Heo 其中设计成熟度部分比较打动我，能够让我看清提升自己或者团队的设计成熟度需要作出哪些方向 ...

这篇文章来自于invision出品的书籍，围绕规划、设计、构建和实现设计系统的实践经历来指导读者，其中包含了经验丰富专家的真知灼见和一手经验。 本文来自于「彩云译设计」公众号。作者：Marco Suarez 译者：断浪。译文原文地址英文原版地址 第一章： 标准的力量 20世纪60年代，计算机硬件 ...

Sketch教程：Sketch快捷键完整版 好像从来都没整理过Sketch的快捷键，今天来整理一下Sketch的快捷键吧。快捷键其实只需要记住常用的就可以了，当你的某一项操作十分频繁的时候，你可能就需要一个快捷键，这篇文章应该能帮到你。 普通快捷键 快捷键 操作 ⌘ C 复制 ⌘ X ...

前几天在群里突然有人要iOS的组件库，我还挺惊讶的：Sketch不是自带iOS组件库吗？后来才知道一些人的网络情况不太好，总是下载失败或者非常慢，从苹果官网下载也是一样。所以这里提供一下国内网盘的下载链接。 官方下载渠道如果你恰好网络非常好，完全可以到苹果的官方网站中下载。官方网站中提供了Phot ...

Sketch非常适合处理复杂的设计，但是如果遇到性能问题，可能是由于某些原因导致的，而你可以采取一些步骤进行修复。 如果以下任何建议都无法解决你遇到的问题，请与官方联系以获取更多帮助。、 常规故障排除检查你的插件Sketch会尽力检查插件，并直接与插件开发人员合作以防止出现问题。但是有时它们会引起问 ...

Sketch教程：在Sketch中我该选择什么样的颜色配置文件？ Sketch可以使用两种颜色配置文件（sRGB和Display P3）渲染文档。为简单起见，Sketch默认使用非托管颜色配置文件。这仅意味着Sketch使用你系统的默认颜色配置文件-例如MacBook Pro上的“ Color LC ...

前一阵子植物大战僵尸又火了起来，可惜的是当时没有找到合适的mac版本，因为旧版本的植物大战僵尸都是32位的，Catalina只支持64位程序，这可就犯了难。最近正好找到了植物大战僵尸年度版的游戏程序，分享出来供大家下载。 —— 游戏截图： 游戏介绍：《植物大战僵尸》（英语：Plants vs. Zo ...

空格的替代符号有以下几种： 名称 编号 描述   &\#160; 不断行的空白（1个字符宽度）   &\#8194; 半个空白（1个字符宽度）   &\#8195; 一个空白（2个字符宽度） &am ...

因为我经常转载一些文章，但是遇到表格非常非常多的文章整理起来真的是心累。在寻找解决方案的时候意外发现了一款工具非常的好用。 这个在线工具tableconvert支持非常多的格式文本转换为另一种文本，真的是表格神器！ 引用站外地址，不保证站点的可用性和安全性 ...

我想将所有的二维码都集合在一个快捷指令里面，之前试了好久北京健康宝的URLScheme，终于搞定了。 北京地区健康码1alipayqr://platformapi/startapp?saId=2021001135679870 我把我在北京生活所用到的二维码做 ...

最近在研究iOS的快捷指令，有的时候需要打开某些应用的特殊功能时需要URL Scheme，看到有大佬已经发了一些常用的就转载一下。 本文为转载文章，以下内容来源于 常用的URL Scheme cn ...

开了会员还不能好好的听歌。我比较喜欢将无损音质下载下来放到苹果自带的音乐播放器，这样可以方便多设备控制等，但是加密格式阻碍了这个道路。可以理解版权的要求，但是也不能剥夺我们去选择播放器的权利。苦苦寻找后发现有大佬已经完成了这个工作，推荐一下。 网站地址：因为版权原因，本站不再提供入口，非常抱歉