兴杰(stooges.com.my)

摘要： 前言 Web Design 很广很深. 我记得许多年前第一次想介入设计工作 (我是后端工程师), 我就上网搜索了一下. 就看见了乔布斯著名的一句话: Design is not just what it looks like and feels like. Design is how it work 阅读全文

摘要： 前言 很多时候 CSS 未必是需要管理的, 比如做网站, Landing Page (类似宣传单). 很多时候做了 > 用了 > 丢 > 再做新的. 它没有 "维护" 的必要. 所以也就不需要搞什么 Sass 去做代码管理之类的. 反而需要的是快速开发. 而快速开发最快的方式就是只写 HTML 不写 阅读全文

摘要： 前言 CSS 代码多了就不好管理了, 这是它语法先天的不足. Sass 就是加强它语法的, Sass 为 CSS 引入了一些 JS 语言的特性, 比如 variable, function, parameter, extend, import. Sass 的 variable 和 import (用 阅读全文

摘要： 介绍 Only PC 以前是没有手机的, 只有电脑, 所以做开发, 只需要开发电脑版本就可以了. Mobile Version 后来手机诞生, 有钱的公司就做两个版本, 一个手机版, 一个电脑版. 没钱的公司就只做电脑版. Mobile Friendly 再后来手机越来越火, 没钱的公司也只能硬想办 阅读全文

摘要： 前言 Icon 并不容易搞. 市场有许多平台支持 Icon, 有些收费有些免费. 有些 icon 很丰富, 有些很缺失. 尤其是在做网站的时候寻找 icon 是一个挺累的事情. 这篇就来聊聊 icon. 各大平台 1. Material Icons Google 出的, 免费, 缺点是少, 它有 F 阅读全文

摘要： JS 无法 query select 到伪元素 参考: 使用JS控制伪元素的几种方法 JS style remove property 是 kebab-case set property 是 camelCase navList.style.maxHeight = `${window.innerHei 阅读全文

摘要： 前言 真实项目中, 通常搭配 Webpack 之类的工具使用: Webpack 学习笔记 这篇记入的是单元测试的环境 参考: Get started with Tailwind CSS Automatic Class Sorting with Prettier VS Code Extension s 阅读全文

摘要： 前言 之前的笔记 CSS – W3Schools 学习笔记 (3) 就有讲过 CSS Transitions 和 CSS Animations. 这里做一个整理, 补上一些细节. Transitions Link to W3Schools 5 个属性可以用 transition-property t 阅读全文

摘要： 参考 word-break 和 word-wrap 的区别 (我以为这篇已经很厉害了) 彻底搞懂word-break、word-wrap、white-space (没想到, 这一篇更厉害) white-space white-space 是负责管理空格, 换行的, 比如 &nbsp; <br>, \ 阅读全文

摘要： 前言 无意间在 practice 的时候看到视频使用, 以前没有听过. 它有点像 Figma 的 hug content, 据说 CSS 2.1 也是有类似的概念, 只是没有被正式纳入 CSS 里. CSS 3 才开始用的. 参考: [译] CSS 内在尺寸教程（min-content、max-co 阅读全文