有很多博友都喜欢在自己的网站友情链接上添加 Logo 图标，这样会显得高端大气上档次，但是，搜索引擎对图片的抓取技术还不是很成熟，图片链接不是很友好，所以，给友情链接添加图标后，如何还能让它是文字链接...
使用阿里矢量多色图标为网站添加彩色图标的方法
Iconfont 是一个开源的矢量图标管理平台，有单色图标和多色图标之分。之前分享过一篇 使用 iconfont 阿里矢量图标为网站添加图标的方法 的文章，详细说明了阿里矢量图标单色图标的使用方法，今...
HTML5 响应式图片属性 srcset 和 sizes 的使用方法
大家也许对响应式设计这个概念并不陌生，例如，我们在访问某博客页面时，会发现 PC 端和移动端时会呈现不同的表现形式。而所谓响应式图片，即针对不同的设备分辨率和尺寸，显示对应的最佳分辨率的图片。今天为大...
给网站添加随时间变化的动态问候语/欢迎词
我们在访问某些网站的时候，经常会在网站顶部看到动态问候语，比如早晨八点多显示 “早上好，今天又是美好的一天！”，这样做可以很好地提升网站用户体检，所以，今天为大家简单分享一下实现代码，分 JavaSc...
基于 canvas 一款非常酷炫的动态气泡背景实现方法
canvas 是 HTML5 新增的标签，利用它我们可以轻松实现图形的绘制。canvas 元素本身并没有绘制能力，它只是一个图形的容器，必须使用脚本（通常是 JavaScript）配合来完成绘图任务。...
使用 LetterAvatar 脚本生成首字图片替代默认评论头像
Gravatar 是全球通用头像，如果我们没有设置 Gravatar 头像，那么在网站上留言或评论就会显示默认的头像或者随机头像，这样的话用户体验不是很好。今天为大家分享一下使用 LetterAvat...
使用 iconfont 阿里矢量图标为网站添加图标的方法
Iconfont 是一个开源的矢量图标管理平台，它的图标库非常丰富，大概有一百三十多万个。Iconfont 可以按照需求定制图标字体库，还能随时修改，最重要的字体图标库只有 100 多 K。今天就来为...
基于 sketch.js 实现非常酷炫的鼠标点击特效
JavaScript 是浏览器端脚本语言，有许多非常实用的第三方 JS 类库，我们可以借助它来实现各种各样的特效，今天为大家分享一下基于 sketch.js 实现鼠标点击特效的方法。 实现方法 实现的...
网站夜间模式的实现思路与详细教程分享
网站夜间模式是怎样实现的？ 整体思路 夜间模式开关按钮：用来手动切换夜间模式的，会存储cookie。 自动夜间模式：当cookie为空时，浏览器时间大于22点小于6点时会自动进入夜间模式，并存储coo...
CSS3 属性 font-smoothing 字体平滑处理和抗锯齿渲染
在浏览网页的时候，偶然看到某个网页的字体特别清晰细致，所以就很想知道它使用了什么字体或样式。后来才发现原来是 -webkit-font-smoothing 这个 CSS 属性渲染的结果，这个属性可以对...