随着Google Material Design的出现，一种旨在跨平台和设备创建统一体验的视觉语言由此横空出世。Google通过“Material Guidelines”动画部分描述的例子是如此...

pasition Pasition – Path Transition with little JS code, render to anywhere – 超小尺寸的Path过渡动画类库 Git...

本文主要是讲解关于 SVG 的一些高级动画特效，比如 SVG 动画标签，图形渐变，路径动画，线条动画，SVG 裁剪等。

实现方式是通过border-radius这个属性；border-radius它可以单独指定水平和垂直半径。用 / 分隔这两个值。并且该属性的值不仅可以接受长度值，还能接收百分比的值。百分比的值会...

A tool to create svg icon components. (vue 2.x)

用 Symbol 来把 SVG 合并到一个文件几乎是现在最流行的用法。

最近抽空写了个拼图验证控件，用户可以通过水平、垂直，或者直接拖动拼图块，完成拼图图案，来完成验证。拼图块的形状可以自定义，默认提供了经典的拼图形状、圆形、正方形，整个拼图的图案也是支持从图片生成的。

A Woooow Splash.. 一个让你的哇哇哇哇闪屏页。

SVG Sprite 使用 <symbol> 标签来定义一个图形模板对象，好处在于其可以重复利用.

Twproject Gantt 是一款基于 jQuery 开发的甘特图组件，也可以创建其它图表，例如任务树（Task Trees）。内置编辑、缩放和 CSS 皮肤等功能。更重要的是，它是免费开源的。

现在有很多种方法在网页中使用 SVG 图标，我并没有把它们全部尝试一遍，我将要介绍的方法是我们 Kaliop 的前端团队所使用的，目前能够很好的满足我们的开发需求.

以 ttf 文件为例，字体文件中主要包含了字体头表，位置索引表和图元数据表等等，其中最核心的部分就是图元数据表，也就是字形描述表，它可以包含可变数目的图元，每个图元可以有不同数目的控制点，甚至还...

佛家讲求因果关系，种什么因，得什么果，比方说种了颗苹果树，就会结苹果。这里，扯到SVG的精简压缩也是有原因的，前年有分享过“ PSD小图标变身SVG Sprites/font-face历险记 ”...

你见过去年年底Spotify分享的一个主题吗？他们通过图像颜色处理，达到一个令人折服的视觉审美效果。

Font Reaper dismantles an icon font, such as Font Awesome, and builds a syntactically similar alt...

在移动应用的开发过程中，绘制基本的二维图形或动画是必不可少的。然而，考虑到Android和iOS均有一套各自的API方案，因此采用一种更普遍接受的技术方案，更有利于代码的双平台兼容。

可缩放矢量图形（SVG）是矢量图形家族的一部分。相比其他光栅图形（JPEG、GIF 和 PNG），SVG 图形具有更多的优势。本文将探讨 SVG 图形的基本概念和在 HTML5 中的使用。学习绘...

随着web的发展，网站资源的流量也变得越来越大。据统计，60%的网站流量均来自网站图片，可见对图片合理优化可以大幅影响网站流量，减小带宽消耗和服务器压力。

这个东西呢不管看起来,听起来都很高大上哈.鄙人比较懒,知道有这么个东西,却一直没去研究.感叹技术日新月异,有时候觉得自己掉队好远了.这不项目中便遇到了使用这家伙的情况.这次需要做一个音乐类app...

最近给 nzoo 折腾官网，拿 angular2.0 + webpack 实现SPA，然后觉得最终打包后的出口文件有点大，用户首次访问会有一个时间较长的白屏等候界面，感觉体验不太好。