CSS 新功能解读
及时跟进浏览器更新，如 Chrome 155 新增的 symbols() 函数、text-decoration-skip-spaces 与 margin-trim 属性，并附代码示例与实际效果说明。
官方说明 ↗
价格官网未标价
平台Web
归类其他 AI 工具
收录2026-10-09
复核2026-10-09
编辑评分
4.1 / 5
★★★★☆
Coliss编辑总结
Coliss 是一个面向日本 Web 制作者与设计师的实用技巧型博客，持续发布 CSS 新功能解读、设计素材推荐与开发工具介绍。内容涵盖 Chrome 155 新增的 symbols() 函数、margin-trim 属性等前沿 CSS 特性，也会介绍 Photoshop 等 Adobe 应用的开源替代项目 Crafting Apps。网站以短篇教程和工具速报为主，更新频率高，页面已积累至 488 页。官网未公开运营主体、定价与付费方案信息。
Coliss是什么？
Coliss 是一个面向日本 Web 制作者和设计师的实用技巧博客，主要发布 CSS 新功能解读、设计素材推荐和开发工具介绍类文章。内容侧重于帮助制作者快速了解浏览器新特性与可用工具。
网站日常更新频率较高，文章多以短篇教程和工具速报形式呈现。较有代表性的内容包括 Chrome 155 新增 CSS 功能的解读，以及开源应用 Crafting Apps 的介绍。网站页面已积累至 488 页，说明内容存量较大。
普通读者可以把它当作 Web 开发与设计领域的信息速报来源；开发者可以从中获取浏览器新特性的上手说明；设计师则能通过它对接到图标库、字体和开源设计工具等资源。
Coliss核心功能
开源工具介绍
介绍 Adobe 应用的开源替代方案 Crafting Apps，涵盖 Photoshop、Illustrator、Premiere Pro 等 7 款应用，支持 Windows、macOS、Linux 及浏览器运行。
图标库横断搜索
介绍可跨多个图标库检索并下载 SVG 图标的站点 IconsDB，支持自定义尺寸与颜色，且图标可免费商用。
CSS 组件分享
发布用纯 CSS 实现的设计组件，如融入阿爾・德科对称几何图案的 Art Déco Buttons 按钮系列，可直接参考实现方式。
设计书籍推介
推介图像生成 AI 与设计工作流相关解说书，内容覆盖环境搭建、提示词与参数调整、角色一致性及视频生成等实操环节。
Coliss值不值得用？
当你的需求是「快速知道浏览器和设计工具圈最近出了什么」时，Coliss 值得放进收藏夹：Chrome 155 的 margin-trim、symbols() 这类新特性它会当天跟进出解读，并附可直接复制运行的代码示例；Crafting Apps 这类开源替代项目也会在发布后数日内报道。它的内容以短篇速报为主，适合用作日常信息源，但如果你要找的是成体系的系统教程，这里并不合适。另外官网未公开运营主体与联系方式，涉及引用或转载时需要自行确认授权。
建议选它的情况
- 想第一时间了解 Chrome 等浏览器新增 CSS 特性的前端开发者
- 需要找免费可商用 SVG 图标、CSS 组件等素材的设计师
- 关注 Adobe 应用开源替代方案的制作者
不建议选它的情况
- 需要成体系、循序渐进的 Web 开发课程的学习者
- 需要中文内容或中文界面的读者
Coliss使用建议
入门先把路子走对
- 从首页速报入手首页按发布时间倒序排列，最新几篇通常就是近期浏览器更新或热门工具，先扫标题即可判断是否与当前项目相关。
- 善用翻页找旧文站点内容已积累到 488 页，首页只能看到最近文章，找历史内容时直接用底部分页逐页翻或配合站内搜索。
- 先看代码示例CSS 新功能类文章会给出完整的 HTML 与 CSS 片段，可以直接复制到本地在对应版本浏览器中验证效果。
进阶省时间也省钱
- 按栏目筛选文章带有「サイト構築 -制作」等分类标签，按栏目进入可以只看建站、设计或工具类内容，减少无关信息干扰。
- 留意 RC 版风险提示介绍 Crafting Apps 等尚处 RC 阶段的项目时，文章明确提示不要用重要文件操作，试用时先用副本文件。
- 注意广告标识部分书籍推介文章开头标注使用联盟广告，判断推荐力度时可以把这一点考虑进去。
Coliss适合谁用？
日本 Web 制作者
推荐日常工作需要跟进浏览器新特性与 CSS 新属性，站点以日文撰写、更新及时，可直接作为信息源使用。
前端开发者
推荐想了解 Chrome 155 的 symbols()、margin-trim 等新功能怎么写、有什么效果，文章附有可直接运行的代码。
UI 设计师
推荐需要免费商用的 SVG 图标库或 CSS 组件参考，站点会整理 IconsDB、Art Déco Buttons 等资源并说明授权。
中文读者
有条件站点内容为日文，没有中文版本，阅读新特性解读类文章需要一定的日文阅读能力。
系统性学习者
有条件内容以短篇速报和单点技巧为主，缺少从入门到进阶的完整课程结构，不适合作为系统学习的主教材。
Coliss优点和缺点
优点
- 紧跟浏览器更新，Chrome 155 新增的 4 项 CSS 功能当天出解读
- CSS 文章附完整 HTML 与 CSS 示例，可直接复制验证
- 内容积累至 488 页，历史文章存量可观
- 会整理 IconsDB 等可免费商用的图标资源
- 对 RC 阶段项目明确提示风险，提醒不要用重要文件操作
缺点
- 官网未公开运营主体与联系方式
- 内容为日文，没有中文版本
- 部分书籍推介文章含联盟广告
- 以短篇速报为主，缺少成体系教程
Coliss关键指标
| 指标 | 数值 | 数据来源 |
|---|---|---|
| 已积累页面数 | 488 | 首页底部分页导航 |
Coliss常见问题
Coliss 主要发布什么内容？＋
以 Web 制作与设计相关的实用技巧为主，包括浏览器新 CSS 功能的解读、免费可商用素材推荐、开源工具介绍以及设计类书籍推介。例如 Chrome 155 新增的 symbols() 函数、text-decoration-skip-spaces 和 margin-trim 属性都有专门文章讲解。
内容更新频率怎么样？＋
更新比较频繁。从文章发布时间看，10 月 5 日至 10 月 9 日短短几天内就发布了 Crafting Apps、Chrome 155、IconsDB、Art Déco Buttons 等多篇内容，基本保持每天都有新文章的节奏。
文章里的 CSS 代码能直接用吗？＋
可以。新功能类文章会给出完整的 HTML 结构和对应 CSS 写法，例如用 list-style: symbols(cyclic "*" "†" "‡") 生成自定义列表符号，复制后在支持该特性的浏览器版本中即可看到效果。
网站推荐的资源可以商用吗？＋
要看具体资源。文章在介绍 IconsDB 时明确说明其中图标免费且可商用；但像 Crafting Apps 这类仍处于 RC 阶段的项目，文章提醒不要用于重要文件操作，商用前需要自行确认授权范围。
Coliss 有中文版吗？＋
没有。站点全部内容以日文撰写，未提供中文版本，也没有中文界面，阅读时需要具备一定的日文阅读能力。
网站有多少内容？＋
首页底部分页显示已积累到 488 页，按每页若干篇文章计算，内容存量相当可观，找旧文章需要逐页翻或使用站内搜索。
Coliss最新动态
-
介绍 Excel、Word、PowerPoint 的开源重建版本
发文介绍不用任何 Microsoft 代码、全新代码忠实复现办公套件功能的开源应用，支持 Windows、macOS、Linux，并可通过 WebAssembly 在浏览器运行，当前为 RC 版。
-
推介图像生成 AI 解说书
介绍从基础知识和环境搭建，到提示词与参数调整、角色一致性绘制、角色动起来的视频生成均有覆盖的解说书，帖子标明使用联盟广告。
-
Crafting Apps 支持日文字体与界面日文化
10 月 5 日介绍过的 Crafting Apps 已适配日文字体与界面日文化，文中展示了在 PhotoCraft 中创建 PSD、图层并使用日文字体的效果。
-
解读 Chrome 155 新增 CSS 与 UI 功能
10 月 7 日更新的 Chrome 155 共新增 4 项 CSS 与 UI 功能，重点是 symbols() 函数、text-decoration-skip-spaces 属性与 margin-trim 属性，适用于 Android、ChromeOS、Linux、macOS、Windows。
官方公告 ↗ -
介绍 SVG 图标库横断搜索站点 IconsDB
IconsDB 可跨多个图标库检索并下载 SVG 图标，支持自定义尺寸和颜色，图标免费可商用，并提供 GitHub 仓库。
-
分享阿爾・德科风格 CSS 按钮
发布 Art Déco Buttons，把阿爾・德科左右对称的几何图案融入按钮设计，全部用 CSS 实现。
-
介绍 Adobe 7 款应用的开源重建项目 Crafting Apps
Crafting Apps 用全新代码忠实复现 Photoshop、Illustrator、Premiere Pro、Lightroom、Acrobat Pro、After Effects、InDesign 共 7 款应用的功能，支持 Windows、macOS、Linux 与浏览器运行，当前为 RC 版。
-
推介 AI 设计工作流解说书
介绍一本讲解设计师如何在网站与手机应用的设计工作流全流程中活用 AI 的实务书，帖子标明使用联盟广告。
