你觉得难，是因为你默认使用的「关注点混合」思想，在 html 里想设计的事。你需要看一下 亚当·瓦森 的故事，我觉得他是目前从根本上解决 CSS 难写的最完美的人： Tailwind CSS 大家都认识吧？这是目前世界上做的最火的 CSS 框架！因为它就是好用嘛。它的作者亚当·瓦森.....

今天我决定讲一个技巧，上个星期刚遇到的例子，趁热打铁，是与这个问题有关的知识点，关于 CSS 相对颜色这个新语法。 CSS 的颜色定义方式应用场景如下（下面会用到，很重要）： 十六进制代码 (HEX) ：#3b82f6 ，主要给机器读的，体积小。用的最多。RGBA ： rgb(59 130 246 / 0.5) ，方便调试屏幕。能看清楚.....

今天讲 10 个代码量极少，甚至就一行，然后用处极大的 CSS 奇技淫巧代码！ 下面的代码，可以选择在我制作的简易实时 HTML 编辑器调试学习-> 分格 HTML 编辑器 。 第一个是 aspect-ratio ，这个基础不错的前端肯定知道，菜鸟可能见过，但....

非技术人员不喜欢看代码，所以本文里面全是汉字和英文单词，没代码，就是一条线下去，给各位游客简单科普一下 Unicode。 你在电脑上看到的任何一处文本，都一定是根据某种编码而生成的。不过，这个在 2015 年以前，可能是 ASCII 、ISO-8859、GBK、koi8、euc、GBK..... 咱们中国以前有自研过 GBK。 到现在，已经基本完全被 UTF-8 大一统了，我们肉眼在电.....

CSS 不是一滩死水，它在发展，每年都在。2025 也一样。在 chrome 平台，CSS 今年适配了很多的新功能。能让我们使用 HTML5 + CSS 写出一些，过去非常麻烦甚至要借助一大堆 js 的内容。 虽然现在 ai 在前端的编程能力相当惊人，但我们还是要吃饭的，那谁能吃的更久的.....

在前端开发里，canvas 是 HTML5 里最炫酷的工具。我们今天就来搞一个这样的梦幻的效果，学习一下 ES6 的类在开发一个完整项目的思路（即 ES5 的构造函数），还有物理碰撞的程序的实现，当然，效果也很酷炫！

前两天我搞的那个在线 HTML 新标签页预览功能，很好用，最近在我业余“娱乐”上帮了很大的忙，它可以让我不用打开本地代码编辑器就能快速调试一些前端代码，我也逐步完善它的了很多功能。可是，很快它就有了一个问题： 使用 < textarea > 写代码很不舒服。当然，使用它来接受粘贴过后的代码还好，如果...

我们知道，在网页上搞三维，three.js 和 babylon.js 都是成熟最佳的选择，可是有时候它们体积又显得太大了。 我以前有研究过各种网页三维引擎，体积都挺大。我为什么要找体积小的呢？因为我对计算机图形学懂得不多，体积小让我有对它运行方式的探索欲。 我曾经找过一个最小的 https://github.com/wakufactory/wwg ，这个只...

目前，网上很多在线运行 HTML 的页面，大都是这样的逻辑： 上面一个代码框 textera ，下面一个 iframe，然后通过 js，将我们的代码框中的 HTML 给输入到 iframe 里面，这便是一个简单的在线运行 html 的逻辑。 甚至我们可以在一行里写一个在线运行 html 的页面。比如下面这个，一个高度精简的简...

昨天，我在电脑里发现了以前学习 WebGL 的代码和笔记，然后我就整理了一下，做成了一个教程。做完后，发现字数还不少。如果对浏览器显示三维的玩意儿感兴趣，可以读一下，能当教程，也能当简易的文档查阅。WebGL 是浏览器的三维引擎，但它很原始和底层，就像你买了个计算器，发现这个计算器只有一个加号键一样..... 什么都需要自己去手写...

欢乐港湾 下午，突然感觉心里很闷，然后就骑上共享单车向海边走。 目标是南山前海 CBD 旁边的「欢乐港湾」↓ 相比于北上，这个地方的好处是有山有海。本来今天脑子里想的场景是在三三两两没几人走动的安静的海边，望着空旷的水面和渐渐黯淡的天空，静静坐着...... 可快到的时候，突然脑子清醒过来 —— 今天是五一长假的一天呐！ 好吧，一进公园，人山人海。尤...

之前因为一些需要，需要转换部分 HTML 标签成 markdown 格式，但是不知不觉就完善到一个相对完整的函数。 然后我就封装成了一个文件放在了 github ，也简单做了两个示例网页。 HTML...

本项目的 Github 地址是： https://github.com/kohunglee/ccgword 缘起本月的 22 日（2022.12.22），我完成了 1000 个单词的整理...

昨天晚上，刷知乎，突然看到一个问题，论证 Python 和 JavaScript 哪个更值得学。 结果下方大部分的答案不是推荐 JavaScript 就是都推荐学。这两个语言都是脚本语言，都有着粗暴简...

现在的设备发达了，图片拍下来动辄 5MB 10MB，单反相机歘欻欻一张经能达到 40MB,而手机的内部储存也跟着很大随便一个手机都 100G 。 但对于我来讲，反而觉得不是很舒服。一张照片，占用 5mb...

转载自 https://youmightnotneedjquery.com/ 。很久以前关注这个文章，不过一直忽略。现在正式转载到我的网站 ccgxk.com 。

这是一个小 CSS 样式表，是我在阅读《CSS In Depth》 一书中发现的。著名的库，可小数客户端渲染不一致问题。可作为 CSS 基础样式的一部分。

其实对于目前的形式来说，虽然像 U 盘、固态硬盘、甚至光盘这些信息储存介质（设备）的容量越来越高，但是不得不说这......