前言 最近在公司改bug，突然发现上一个前端留下的毛病不少，页面存在各种适配问题，为此甲方爸爸时常提出宝贵意见！ 你的页面是不是时常是这样： 侧边栏未收缩时： 收缩后： 这样（缩小挤成一坨）： 又或是

大家好，我是咔咔超！这篇文章记录了我学习前端过程中遇到的一些值得收藏的工具或网站。。。。。。。。。。

概述 以起点为例，一个款好的阅读器排版引擎需要处理以下几个问题： 避头尾：某些标点不能出现在行的开头，例如“逗号”就不应该出现在行首。有些标点不能出现在行的结尾，例如“正引号”就不应该出现在行的结尾

最近在浏览掘金网站的时候发现新上线的扣子平台，它是一款即刻开发新一代AI Chat Bot的应用编辑平台，可以通过这个平台快速创建各种类型的Chat Bot；不过让笔者更感兴趣的是它首页酷炫的效果。

在 bilibili 主站 PC 端，时不时会看到其顶部横幅栏是一个随鼠标变化的动画：我们今天也来实现一下吧

前言 日常开发过程中，前端程序员经常需要开发一些酷炫的特效，而这些特效大都需要编写CSS3实现。 但我发现一个问题，就是很大一部分前端程序员并不擅长CSS3这门技术，所以一旦遇到复杂一点的特效，就歇菜

mix-blend-mode 是CSS对混合模式的实现，它展现出了无与伦比的实用价值与艺术魅力，作为一个已经发展成熟的属性，在视觉表现与交互体验上效果显著，十分值得学习和使用。

最近在做公司新产品的官网，偶然发现一个特别炫酷的卡片效果效果如下： 自己研究了一下，尝试手动实现一个，以下是实现思路，码上掘金代码片段在最下方👇 第一步：先画一个带阴影的卡片 第二步：添加css样式

CSS创意图标与文本悬停效果。图标具有不同颜色与四角括号，鼠标悬浮四角括号消失或出现边框，图标上移底部出现相应文字信息，并且二者具有模糊阴影。过渡效果交互体验丰富了应用程序加深了用户对图标的识别和理解