- 2024-07-19html--一棵树
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>CodePenChallenge:SeasonsComeandGo</title><linkrel="stylesheet"href="css/style.css"><
- 2024-06-2110个超好看的 404 页面（附源码）
今天来分享10个超好看的404页面，带动画效果。代码：https://codepen.io/AsyrafHussin/pen/KxWRrK代码：https://codepen.io/salehriaz/pen/erJrZM代码：https://codepen.io/andrew-lawendy/pen/deOpMZ代码：https://codepen.io/Mahi-K/pen/rNzBGgq代码：https://codepen.
- 2024-06-18关于我开发「笔COOL」网站的一些想法
有人问我为什么编辑器不直接选择vscode那套，我的想法是，虽然vscode的编码体验更好，功能更完善，但是我想的是主打轻量化，毕竟vscode编辑器网页版打包后至少5mb起步，太大了。所以最终选用了codemirror作为编辑器，整个包只有500多kb，能做到页面秒开。主要是我还觉得，我的「笔COOL」是以前端作
- 2024-05-12CodePen 的国内替代「笔.COOL」，一个功能完备、使用便捷的在线HTML代码编辑和作品分享平台
笔.COOL，是一个在线HTML代码编辑和作品分享平台。笔.COOL提供了一个在线的HTML、CSS和JavaScript代码编辑器。无需任何安装，你只需打开网站，就可以开始编写前端代码。编辑器支持代码高亮、自动补全等功能，提高编码效率。笔.COOL还提供了实时预览功能，预览界面会随着你的代码更
- 2024-04-0427 个 CSS 案例演示和 DEMO(1)，【大牛疯狂教学】
伪类和伪元素==========4、伪类HTML元素的状态是可以动态变化的。举个栗子，当你的鼠标悬浮到一个按钮上时，按钮就会变成“悬浮”状态，这时我们就可以利用伪类:hover来选中这一状态的按钮，并对其样式进行改变。:hover是笔者最最常用的一个伪类。还有一个很常用的伪类是:nth
- 2023-10-23如何在 Vue.js 中引入原子设计？
本文为翻译文章，原文链接：https://medium.com/@9haroon_dev/introducing-atomic-design-in-vue-js-a9e873637a3e前言原子设计是一种创建设计系统的方法，它将用户界面分解为可重用的小组件，即：Atoms原子Molecules分子Organisms生物体Templates模板Pages页面通过遵循模
- 2023-01-052023.01.05 - 关于前端在线代码编辑工具的试错总结
很牛的一件事就是推荐的这几款软件虽然很多都是国外的，但是都可以在国内使用，非常nice!当然我推荐的标准就是哪个适合白嫖党，毕竟我们不太想花8$一个月的价钱去订阅分享代码
- 2022-11-0818个CodePen上的游戏将教你学习编程
英文| https://javascript.plainenglish.io/17-exciting-games-on-codepen-you-can-learn-from-about-game-coding-5417d90f2490翻译|web前端开发对我来说，向他人学习编
- 2022-11-0824个适合初学者练习的CSS 和 Javascript 动画效果案例
英文|https://niemvuilaptrinh.medium.com/24-css-javascript-animation-effects-a4c5b6e98a59翻译|杨小爱在昨天的文章中，我跟大家分享了《40个适合初学者练习HTML
- 2022-11-0840个适合初学者练习HTML和CSS的案例
英文|https://niemvuilaptrinh.medium.com/40-html-css-projects-for-beginner-2021-5bd01ff62361翻译 |杨小爱使用多个库进行网页设计会在一定程度上增加页面加载时间，