每日设计灵感
来自设计世界的全新视角,每日更新
每日设计
每天早晨,一件不同的设计作品映入眼帘。探索今日精选作品背后的材料、参考资料和创意决策。
发现今日设计
每日设计团队
设计往往始于协作。认识这支团队——他们的综合技能创造出了获得 A' Design Award 评审团认可的作品。
认识团队
每日设计师
每一件精心设计的作品背后都有一颗深思熟虑的心。探索今日精选 A' Design Award 获奖者的作品集、设计理念和职业历程。
了解他们的愿景
每日设计传奇
数十年的专注定义了一个人的作品体系。探索今日精选设计师的毕生贡献和持久影响力。
致敬他们的传承
每日设计访谈
对话能揭示作品集无法展现的内容。聆听今日精选设计师分享他们的洞见、转折点和来之不易的经验。
阅读访谈
每日亮点
设计世界中值得关注的时刻。从展览开幕到项目发布,跟踪标志着创意进步的事件。
查看今日亮点
每日设计创意
每件产品都始于一个想法。探索今日的概念——一个仍在成形的愿景,一个等待合适条件付诸实现的提案。
探索创意
每日设计品牌
每件产品背后都有一个拥有独特观点的组织。探索定义今日精选品牌的原则和流程。
发现品牌
每日设计趋势
用心观察,便能发现规律。跟踪今日精选的设计运动——一种跨学科领域日益流行的材料、色彩或方法。
探索趋势删除 HTML 标签
从您的文本中去除所有 HTML 标签,只保留可见的文本内容。删除所有标签,
包括 <p>、<div>、<a>、<span>
以及内联样式。非常适合从网页、HTML 邮件、CMS 内容以及任何需要无标记纯文本的来源中提取干净的文本。
<h1>Hello</h1><p>This is <strong>bold</strong> text.</p>
↓
Hello This is bold text.
转义 HTML
将 HTML 特殊字符转换为其安全的实体等价形式:< 变为
<,> 变为 >,& 变为
&,引号变为 "。对于在 HTML 中显示代码片段、防止 XSS 攻击以及在网页中安全嵌入用户输入至关重要。
<script>alert("XSS")</script>
↓
<script>alert("XSS")</script>
反转义 HTML
将 HTML 实体转换回其原始字符:< 变为
<,> 变为 >,& 变为
&。这是转义 HTML 的逆操作——用于将转义的 HTML 恢复为可用的标记,
或以自然形式阅读实体编码的内容。
<h1>Hello & Welcome</h1>
↓
<h1>Hello & Welcome</h1>
去除 CSS
从您的文本中删除所有 CSS 代码——包括 <style> 代码块、内联
style="..." 属性以及 class/id 属性。清理从网页或电子邮件模板复制的 HTML,只保留结构标记和文本内容,不含任何样式信息。
<p style="color:red; font-size:14px;">Hello World</p>
↓
<p>Hello World</p>
删除 Markdown
从您的文本中去除所有 Markdown 语法——标题(#)、粗体(**)、斜体(*)、链接([]())、图片、 代码块、引用(>)、分隔线和列表标记。留下干净、可读的纯文本。 非常适合从 .md 文件、README 文档或以 Markdown 格式存储的 CMS 内容中提取内容。
# Hello **World**
This is a [link](https://example.com) and `inline code`.
↓
Hello World
This is a link and inline code.
删除代码注释
从您的文本中去除所有常见的代码注释格式:单行注释(//)、
多行注释(/* ... */)、HTML 注释(<!-- ... -->)和井号注释(#)。适用于压缩代码、清理配置文件或从源代码中仅提取功能性代码行。
var x = 5; // set x
/* This is
a comment */
var y = 10;
↓
var x = 5;
var y = 10;
JSON 格式化(美化输出)
将紧凑或压缩的 JSON 格式化为具有正确缩进和换行的易读形式。 每个嵌套层级缩进 2 个空格。验证 JSON 语法,如果输入格式不正确则报告错误。 这是检查 API 响应、调试数据结构和审查配置文件的首选工具。
{"name":"Alice","age":30,"city":"Paris"}
↓
{
"name": "Alice",
"age": 30,
"city": "Paris"
}
JSON 压缩
将格式化的 JSON 压缩为不含多余空白的单行。删除所有缩进、换行和多余空格,同时保留数据结构。减小 API 载荷、配置存储和网络传输的文件大小。这是 JSON 格式化器的逆操作。
{
"name": "Alice",
"age": 30,
"city": "Paris"
}
↓
{"name":"Alice","age":30,"city":"Paris"}
CSV 转 JSON
将 CSV 数据转换为 JSON 对象数组。第一行用作属性名(键), 后续每一行成为一个对象。处理带引号的字段、引号内的逗号和常见的 CSV 边界情况。对于将电子表格数据导入 Web 应用程序、API 和 JavaScript 程序至关重要。
name,age,city
Alice,30,Paris
Bob,25,London
↓
[
{"name":"Alice","age":"30","city":"Paris"},
{"name":"Bob","age":"25","city":"London"}
]
JSON 转 CSV
将 JSON 对象数组转换为 CSV 格式。自动提取所有属性名作为标题行,并将每个对象的值映射到相应的列。通过字符串化处理嵌套值。这是 CSV 转 JSON 的逆操作——非常适合将 API 数据导出到电子表格。
[{"name":"Alice","age":30},{"name":"Bob","age":25}]
↓
name,age
Alice,30
Bob,25
CSV 转 Markdown 表格
将 CSV 或 TSV 数据转换为格式化的 Markdown 表格,具有正确对齐的列、标题分隔符和管道符分隔。第一行成为表格标题。可直接粘贴到 GitHub README、文档、Notion、Jira、Confluence 或任何支持 Markdown 的平台。
name,age,city
Alice,30,Paris
Bob,25,London
↓
| name | age | city |
| ----- | --- | ------ |
| Alice | 30 | Paris |
| Bob | 25 | London |
逐行转 JSON 数组
将值列表(每行一个)转换为具有自动类型检测的 JSON 数组。 数字变为 JSON 数字,"true"/"false"变为布尔值,"null"变为 null,其余内容变为带引号的字符串。空行被跳过。非常适合从简单列表快速构建 JSON 数组。
apple
42
true
banana
null
↓
["apple", 42, true, "banana", null]
删除PHP注释
从代码中删除所有PHP风格的注释,包括单行 // 注释、
井号 # 注释和多行 /* ... */ 块注释。智能保留包含 :// 的URL
和 #ff6600 等十六进制颜色代码。适合在部署前清理源文件或减小文件大小。
$name = "World"; // user name
/* Say hello */
echo "Hello $name"; # output
↓
$name = "World";
echo "Hello $name";
删除Python注释
从代码中删除所有Python注释,包括单行 # 注释和多行文档字符串
("""...""" 和 '''...''')。识别包含井号的字符串并保留shebang行
(#!/usr/bin/env python)。适合准备生产代码或减小脚本大小。
"""Module docstring"""
name = "World" # user name
# Print greeting
print(f"Hello {name}")
↓
name = "World"
print(f"Hello {name}")
删除HTML注释
从标记中删除所有HTML注释块(<!-- ... -->)。
移除单行和多行注释,包括条件注释和编辑器注解。适合在生产前清理HTML、减小页面大小或从面向公众的代码中移除开发者备注。
<div>
<!-- Navigation section -->
<nav>Menu</nav>
<!-- TODO: fix later -->
</div>
↓
<div>
<nav>Menu</nav>
</div>
JavaScript字符串转义
将文本转义以安全用于JavaScript字符串字面量中。将反斜杠、单引号、双引号、换行符、
回车符、制表符和空字符转换为其转义等效形式(\\、\'、\"、
\n、\r、\t、\0)。结果用单引号包裹,
可直接粘贴到JS源代码中。
He said "it's done"
on two lines.
↓
'He said \"it\'s done\"\non two lines.'
Python字符串转义
将文本转义以安全用于Python字符串字面量中。对于单行文本,转义反斜杠、引号、换行符、
回车符和制表符,并将结果用单引号包裹。对于多行文本,自动使用三引号字符串
("""...""")以自然保留换行符。可直接粘贴到Python源代码中。
Hello "World"
Second line here
↓
"""Hello "World"
Second line here"""
Java字符串转义
将文本转义以安全用于Java字符串字面量中。将反斜杠、双引号、换行符、回车符和制表符
转换为Java转义序列(\\、\"、\n、\r、\t)。
结果用双引号包裹,可直接粘贴到Java、Kotlin、Scala或任何JVM语言源文件中。也适用于C#和C++字符串字面量。
Path: C:\Users\"Admin"
Next line
↓
"Path: C:\\Users\\\"Admin\"\nNext line"
正则表达式转义
转义文本中所有的正则表达式元字符,使其可以作为正则表达式模式中的字面搜索字符串使用。
在 . * + ? ^ $ { } ( ) | [ ] \ 前添加反斜杠。
当您需要精确匹配包含正则特殊字符的文本时至关重要—例如在正则引擎中字面搜索
$price、file.txt 或 (optional)。
Price is $19.99 (USD) [sale]
↓
Price is \$19\.99 \(USD\) \[sale\]
Crontab 解释器
将 cron 定时表达式翻译为通俗易懂的说明。输入任意 5 字段 cron 表达式(分钟、小时、
日期、月份、星期几),即可获得每个字段的可读解释,包括范围、步长和列表。还支持
@daily、@weekly、@hourly 和 @monthly 等快捷方式。
用自然语言解释完整的执行计划。
30 2 * * 1-5
↓
minute: 30 → 分钟:30
hour: 2 → 小时:2
day-of-week: 1-5 → 周一至周五
➡ 每天 02:30 执行,周一至周五
Chmod 权限计算器
在 Unix 文件权限的八进制和符号格式之间转换。输入八进制值如
755 或符号字符串如 rwxr-xr-x,即可获得两种表示形式,
以及所有者、组和其他用户权限(读、写、执行)的详细说明。还会生成可直接使用的
chmod 命令。可一次处理多个值,每行一个。
755
↓
八进制:755 符号:rwxr-xr-x
所有者:rwx(读、写、执行)
组:r-x(读、执行)
其他:r-x(读、执行)
用法:chmod 755 filename
环境变量格式化工具
清理和标准化环境变量文件(.env)。将所有键名转换为
UPPER_SNAKE_CASE,对齐等号以提高可读性,并自动将包含空格、引号或特殊字符的值用双引号包裹。
保留注释和空行。非常适合整理 Docker、Laravel、Node.js 或任何 12-Factor 应用项目中杂乱的
.env 文件。
database-host=localhost
App Name=My Cool App
# comment
api_key=abc123
↓
DATABASE_HOST=localhost
APP_NAME ="My Cool App"
# comment
API_KEY =abc123
CSS 压缩工具
通过删除注释、合并空白、去除选择器/属性/值周围的多余空格,以及删除右花括号前的末尾分号来压缩您的 CSS 代码。显示详细摘要,包括原始大小、压缩后大小和节省的字节数及百分比。 非常适合优化生产环境的样式表、减少页面加载时间和缩小 CSS 文件大小。
/* Main styles */
.header {
color: #333;
margin: 0;
}
↓
.header{color:#333;margin:0}
(节省 42 字节,58.3%)
HTML 压缩工具
通过删除注释、合并标签间的空白以及将多个空格缩减为单个空格来压缩您的 HTML 标记。 显示详细摘要,包括原始大小、压缩后大小和节省的字节数及百分比。 非常适合减小 HTML 负载大小、加速页面交付以及为生产环境部署准备标记。
<!-- Header -->
<div>
<h1> Hello </h1>
<p> World </p>
</div>
↓
<div><h1> Hello </h1><p> World </p></div>
(节省 35 字节,46.7%)
XML 格式化工具
使用正确的缩进(每层 2 个空格)美化输出 XML 标记。解析开始标签、结束标签、 自闭合标签、处理指令和文本内容,然后以清晰、可读的嵌套格式重新构建文档。 可处理压缩或格式混乱的 XML。非常适合调试 API 响应、检查配置文件、SOAP 消息或任何 XML 数据。
<root><item><name>Test</name><value>42</value></item></root>
↓
<root>
<item>
<name>Test</name>
<value>42</value>
</item>
</root>
XML 压缩工具
通过删除注释和合并标签间所有空白来压缩您的 XML 标记。 显示详细摘要,包括原始大小、压缩后大小和节省的字节数及百分比。 非常适合减小 API 请求中的 XML 负载大小、缩小配置文件、优化 SOAP 消息或为带宽受限的环境准备 XML 数据。
<!-- Config -->
<root>
<item>Hello</item>
<item>World</item>
</root>
↓
<root><item>Hello</item><item>World</item></root>
(节省 38 字节,44.2%)
JSON 转 YAML
将 JSON 数据转换为 YAML 格式。处理嵌套对象、数组、字符串(对特殊字符正确加引号)、 数字、布尔值和空值。生成使用 2 个空格缩进的干净 YAML。非常适合将 API 响应转换为 Kubernetes 配置、 Docker Compose 文件、Ansible 剧本、GitHub Actions 工作流或任何偏好 YAML 而非 JSON 的场景。
{"name": "John", "age": 30, "hobbies": ["reading", "coding"]}
↓
name: John
age: 30
hobbies:
- reading
- coding
YAML 转 JSON
将 YAML 数据转换为 JSON 格式。解析键值对、嵌套映射、列表(带 - 项)、
标量、布尔值、数字和空值。跳过注释和文档标记(---、...)。
输出使用 2 个空格缩进的干净美化 JSON。非常适合将 Kubernetes 配置、Docker Compose 文件或
CI/CD 管道转换为 JSON 以供 API 使用或验证。
name: John
age: 30
hobbies:
- reading
- coding
↓
{
"name": "John",
"age": 30,
"hobbies": ["reading", "coding"]
}
Markdown 转 HTML
将 Markdown 文本转换为 HTML 标记。支持标题(#–######)、
粗体、斜体、粗斜体、删除线、链接、图片、带语言类的代码块、行内代码、引用块、无序列表、水平线和段落。
非常适合预览 Markdown 内容、为 CMS 平台生成 HTML、电子邮件通讯或静态站点生成器。
# Hello
This is **bold** and *italic*.
- Item one
- Item two
↓
<h1>Hello</h1>
<p>This is <strong>bold</strong> and <em>italic</em>.</p>
<ul><li>Item one</li><li>Item two</li></ul>
HTML 转 Markdown
将 HTML 标记转换为干净的 Markdown 文本。转换标题、粗体、斜体、删除线、链接、图片、 代码块、行内代码、引用块、列表、水平线和换行符为对应的 Markdown 格式。去除剩余的 HTML 标签并解码实体。 非常适合将网站内容迁移到 GitHub、Jekyll、Hugo 或 Notion 等基于 Markdown 的系统。
<h1>Hello</h1><p>This is <strong>bold</strong> and <a href="https://example.com">a link</a>.</p>
↓
# Hello
This is **bold** and [a link](https://example.com).
SQL 格式化工具
使用正确的格式和缩进美化输出 SQL 查询。将 SQL 关键字转为大写
(SELECT、FROM、WHERE、JOIN 等),
将主要子句放在新行,缩进列列表和条件,并将 AND/OR 分到单独的行。
支持 SELECT、INSERT、UPDATE、DELETE、CREATE 和 ALTER 语句。让复杂查询变得可读且易于调试。
select id, name, email from users where active = 1 and role = 'admin' order by name
↓
SELECT id,
name,
email
FROM users
WHERE active = 1
AND role = 'admin'
ORDER BY name
查询字符串解析器
将 URL 查询字符串解析为清晰、可读的键值对表格。接受完整 URL
(如 https://example.com/page?key=value&foo=bar)或仅查询部分
(?key=value&foo=bar)。自动对所有键和值进行 URL 解码,将
+ 转换为空格,并以 JSON 对象格式输出参数,方便在代码中使用。
https://shop.com/search?q=red+shoes&category=footwear&page=2
↓
q = red shoes
category = footwear
page = 2
+ JSON 对象
JWT 解码器
解码 JSON Web Token(JWT)并以可读格式显示头部、载荷和签名。
自动解析注册声明,如 iss(签发者)、sub(主题)、exp(过期时间)
和 iat(签发时间),并将时间戳转换为可读日期。显示令牌是否已过期或仍然有效。
完全在客户端运行——您的令牌不会发送到任何服务器。
eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKx...
↓
HEADER: {"alg": "HS256", "typ": "JWT"}
PAYLOAD: {"sub": "1234567890", "name": "John Doe", "iat": 1516239022}
签发时间:2018-01-18T01:30:22Z