分类: 前端
-
2023 告别 CSS 预处理工具,彻底拥抱 TailwindCSS
CSS 是声明式语言,很简单,很好学,但是写起来很累,所有东西都要写出来才能生效。复用方面更是无从下手,虽然大…
-
【视频】如何正确使用 TailwindCSS
TailwindCSS 是一个争议很大的样式库。 他封装了大量原子化的样式,比如 w-4,表示 width: …
-
聊聊前端入门(1):HTML+CSS
最近有一些新老同学入门前端,找我问问题,我从他们身上发现了一些共性问题,今天拿出来总结一下,希望后来者能吸取经…
-
纯 CSS 实现优惠券效果
(本文不是广告,因为没给钱。)我厂 code.fun 上线了付费购买与优惠券功能,欢迎各位新老顾客莅临。 上面…
-
代码分享:翻转小动画
朋友对我图省事用的 animate.css flipInX 效果不满意,软磨硬泡非要我改成 wordle 原版…
-
笔记:使用 Vite+Vue3+TypeScript+Tailwind CSS 开发 Wordle
最近有个小游戏很火,叫 Wordle,是个填字游戏,推上随处可见相关分享。各种衍生版也层出不穷。有位朋友让我帮…
-
使用 SVG 制作扇形
有时候我们需要制作扇形,比如图形化数据生成饼图的时候。使用 HTML + CSS 做不到,必须借助 SVG 帮…
-
正确使用 height: 100% 和 flex: 1
HTML+CSS 实现页面布局的时候,盒模型是很重要的概念。早期没有明确布局概念的时候,HTML 元素主要分两…
-
重发老视频:使用 CSS 制作工序流程图
整理之前录的视频,发现一个漏掉没有上传的: 这个视频里,我演示了如何使用纯 HTML + CSS 制作工序流程…
-
Webpack 5 发布,Chrome 86 开始支持本地文件系统
早上起来日常刷技术新闻,看到两个对我和我厂影响比较大的消息,简单写几句。 Webpack 5 发布 Webpa…