威言威语

最近将博客上面的小图标都换成了阿里的iconfont字体图标，在替换字体图标的时候我主要体验了Font Awesome和iconfont。本来想使用Font Awesome，它的免费版中有些我想要的图标没有，Pro版虽然多了很多，但是还不全，远没有使用iconfont来的随意，不过Font Awesome搭配了CSS框架，可以更加方便的使用一些css效果，比如：动画、旋转与翻转、组合使用等。总的来说Font Awesome适合快速使用，iconfont适合DIY。

有朋友问我，我博客的logo“威”怎么做的。当然是PhotoShop做的，不过不同的地方使用时用的大小不一样，如果都用PhotoShop去做的话效率有点低，那么使用矢量图进行伸缩同时有能保持清晰度。那么就需要将PS图层转换为AI矢量图。

在我们搭建网站的时候，有时候页面主内容比较长，导致侧边栏显示空白，这个时候，一个智能且流畅的固定侧边栏能够提升用户体验，使用户在浏览长页面时始终保持关键信息的可见性。当用户滚动页面时，侧边栏可以固定在屏幕的一侧，显示如导航菜单、目录、广告或者相关文章等重要信息，同时可以获得更高的点击率。

懒加载或者延迟加载是我们优化前端页面展示常用的手段，网上有很多关于懒加载的js代码，或多或少都不是那么完美，其实从chrome 76之后，支持原生懒加载特性，使用 loading="lazy" 语法就可以实现。

Gravatar头像被墙或者打开缓慢已经是一个老问题了，网上也有很多方法去解决这个问题。通过之前替换secure.gravatar.com的方式使得头像扩大了一倍。从WordPress4.2版开始，引入了scrset，但是原来代码没有考虑这个问题导致的。srcset属性允许作者根据不同分辨率或不同的视窗尺寸提多个不同分辨图像。