svgtofont.js 自动生成图标字体和彩色图标文件

2018-09-20
阅读 7 分钟
7.6k
一般情况我通过 iconfont 或者 icomoon 来实现图标管理生成字体,导入到项目中使用。 {代码...} 使用说明 图标字体只能被渲染成单色,不能生成 彩色图标。 图标将放到平台中维护,下载字体文件到项目中使用,这样团队维护生成字体成本将非常高。 通过图标平台网站下载 svg 图标,将图标放到项目中管理,通过 svgtofont.j...

推荐轻量高效无依赖的开源JS插件和库

2016-12-01
阅读 4 分钟
17.7k
在这里维持一个持续更新的地方 图片 baguetteBox.js - 是一个简单易用的响应式图像灯箱效果脚本。demo Lightgallery.js - 是一个功能齐全的JavaScript图像灯箱插件。demo viewerjs - 是一个图像预览插件。demo cropperjs - 是一个图片编辑器插件。demo photo-editor - 是一个本地图片编辑器插件。demo blazy.js - 是一个...

纯CSS3美化 input 的checkbox 和 radio

2016-04-28
阅读 2 分钟
13.8k
你需要引入 dist/magic-input.css或者dist/magic-input.min.css 文件到你的工程或者HTML中。如果你使用Stylus 你就可以使用 magic-input.styl 文件

Stylus插件开发教程

2016-04-14
阅读 5 分钟
5.3k
由于Stylus的强大,它支持SCSS LESS 灵活的书写方式,然后它不用像SCSS安装Ruby,不是特别出名,流行的工具没有使用它,只是在小的圈子里面挺火滴。它的强大不用赘述了,我正在使用了它开始吧:最近为了方便自己将px转换成rem写了一个基于Stylus的插件,我就以它为例子吧,源码在此stylus-px2rem

最简单的px转rem预处理方法

2016-04-12
阅读 2 分钟
10.5k
如果你使用 Stylus 作为你的预处理CSS的工具,那么 px2rem 是你使用最简单处理 px 转 rem 工具,stylus-px2rem 使用方法如此简单: 首先安装工具 {代码...} 然后只要在你的index.styl 文件引用就可以里 {代码...} Stylus 工具将index.styl 编译成 index.css 并预处理将px转换成 rem 上面内容输出为: {代码...} 选择使用...

stylus入门使用方法

2015-04-28
阅读 9 分钟
84k
Stylus 是一个CSS的预处理框架,2010年产生,来自Node.js社区,主要用来给Node项目进行CSS预处理支持,所以 Stylus 是一种新型语言,可以创建健壮的、动态的、富有表现力的CSS。比较年轻,其本质上做的事情与 SASS/LESS 等类似,应该是有很多借鉴,所以近似脚本的方式去写CSS代码。

Less 编码规范 (1.1)

2015-01-08
阅读 4 分钟
8.8k
转载:原地址 简介 该文档主要的设计目标是提高 Less 文档的团队一致性与可维护性。 Less 代码的基本规范和原则与 CSS 编码规范 保持一致。 编撰 erik、顾轶灵、黄后锦、李玉北、赵雷。 本文档由商业运营体系前端技术组审校发布。 要求 在本文档中,使用的关键字会以中文+括号包含的关键字英文表示:必须(MUST)。关键...

CSS编码规范

2015-01-04
阅读 10 分钟
19.9k
虽然本文档是针对CSS设计的,但是在使用各种CSS的预编译器(如less、sass、stylus等)时,适用的部分也应尽量遵循本文档的约定。