12种网页气泡提示(tooltip)动画与样式

这里一共有12组 Tooltip 提示效果，主要使用 SVG 以及 anime.js 库实现，动画展示效果流畅，结合漂亮的气泡样式，让网页提示更加生动了！[……]

阅读全文 »

可视化 CSS 样式表手册 – css reference

前端开发新人一般是从 HTML 和 CSS 进行入门学习，在设计书籍导航里有一系列前端从入门到精通的书籍推荐，但是我们偶尔在线学习会更加方便，比如今天分享cssreference，它是一个专门介绍 CSS 样式表的在线网站[……]

阅读全文 »

偏门却又实用的 CSS 样式

很早之前我们推荐大家看《推荐大家使用的CSS书写规范、顺序》，里面提到 CSS 的一些常用命名、规范等等，而今天主要是说一些偏门一点的 CSS 样式、技巧。

什么是偏门，就是有些片段很少使用，时[……]

阅读全文 »

Nice! CSS 让指定区域背景图像高斯模糊

在网页设计中很多时候我们只看到半透明效果的层级效果，然而半透明+模糊背景，这种超漂亮的视觉却很少见，其中一个原因就是实现方式有难度，难道真这么难实现吗？No~ 现在只需要用 CSS 也能实现了！[……]

阅读全文 »

网页排版对齐神器 在 WEB 页直接嵌入栅格线 – graaf

当设计师把网页设计稿交给前端开发人员写代码后，页面往往与原稿有些偏着。前端人员写完页面后，还需要截图叠加到设计稿上，去看看偏差比率，这是很麻烦的事情。为了解决这个问题，建议设计师和前端人员看看今天分享[……]

阅读全文 »

iTyped: 仿文字输入效果 纯 JS 仅 2KB 大小

仿文字输入这个特效很早就有了，比如《制作有吸引力的文字动画效果-textillate.js》有介绍，然而更轻量更简单，而且不需要 jQuery 库的 JS，这里我就推荐 iTyped。简单实用，Tin[……]

阅读全文 »

MUURI – 响应式、可排序、可拖拽的布局插件

流布局是目前觉的用于图像类布局的展示方式之一，最觉就是花瓣、Pinterest，而这类布局也有很多，比如之前介绍的《有用的jQuery布局插件推荐》，今天主要向大家介绍MUURI，它的特色是支持响应式[……]

阅读全文 »

2016年 CodePen 最热门的前端代码 Top 100

每年 Codepen 都会公布年度最热门的代码片段，这些片段有的技术超弦，有的超实用、有的超有创意，有空看看都能给我们带来灵感。

同时从 Codepen 的代码上也能学习一些牛人的写法，不管是设[……]

阅读全文 »