2017年最佳的20款css工具

1.Radiobox

小型CSS3动画集合,适用于表现无线电输入内容。

2.SpinThatShit

面向单一元素加载器与运行器的SCSS集合。

3.Tootik

一套纯CSS/SCSS/LESS工具提示库,易于使用且无需JavaScript。

4.Family

包含26种出色的Sass mixins,以简单而优雅的方式对nth-child式元素进行样式管理。

5.Sprite Spirit

SCSS Mixin,具备出色的图像处理能力。

6.Flex Layout Attribute

基于CSS flexbox规格的布局助手,利用两项定制化html属性——layout与self——快速实现flexbox效果。

6.tipograf

轻量化印刷库。其适用于纯CSS或者LESS。受到Medium的启发,其能够实现良好的垂直排版效果。

7.Auroral

一组动画型背景梯度集合,几乎适用于一切环境。

8.iconoo

有了它,您将不再需要外部图标资源。

9.text-spinners

纯文本、纯CSS、独立字体、内联加载指示器。

10.Cutestrap

如果大家需要介于normalize.css与完整成熟框架之间的过渡性方案,那么体积仅为8kb CSS的Cutestrap绝对值得一试。

11.universal.css

一旦拥有,别无所求的CSS。

12.Kickoff

这是一套强大的CSS框架,提供大量合理的默认设置以帮助大家在最短时间内完成项目设计与运行。

13.Stylecow

适用于所有浏览器的现代CSS。

14.SourceJS

SourceJS是一套动态样式指导平台,允许用户基于任意技术将多种项目UI组件加以结合。

15.CSSTree

对CSS语法有效性进行快速详尽解析。

16.Emmet

利用Emmet,您能够输入可动态解析的CSS类表达式,并根据所输入的缩写生成输出结果。Emmet面向大量使用HTML/XML与CSS的Web开发工作流进行开发与优化,但也可配合其它编程语言使用。

17.Easing Functions Cheat Sheet

简单的备忘单,帮助开发者选择正确功能。

18.Browserdiet

终极前端性能指南。

19.Awesome search

此网站能够让您更快获取各类优秀资源。

20.CSS Reference

一份免费视效指南,助您轻松掌握流行CSS属性。

本文来自企鹅号 - 脚本之家媒体

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏web编程技术分享

《从案例中学习JavaScript》之酷炫音乐播放器(二)

391130
来自专栏帮你学MatLab

如何记笔记

Step1. 在听讲过程中,在左侧内尽量多记有意义的论据、概念等讲课内容。 Step2. 下课以后,尽可能及早将这些论据、概念简明扼要地概括(简化)在右侧。 ...

29060
来自专栏微信小程序开发

CSS3有哪些好用的属性?

1.前言 在月初的时候,发了CSS3热身实战--过渡与动画(实现炫酷下拉,手风琴,无缝滚动)。js的代码库也发过两次,两篇文章。之前也写了css3的热身实战,既...

58770
来自专栏lhyt前端之路

css菜鸡的自我救赎0. 前言1. 一些实践方案深入浅出2. 开始试试水

我们看百度搜索的顶部,顶部的#head(搜索框这一行都是)是fixed的,紧接着的那个div是一个tab。当然fixed脱离文本流,就用padding把自己的主...

10530
来自专栏Material Design组件

Human Interface Guidelines — Interface Essentials

16370
来自专栏钱塘大数据

【干货】2017年值得关注的JavaScript框架与主题

导读:JavaScript的繁荣促生了很多优秀的技术、框架与工具库,这空前的繁荣也给很多人造成了困惑,无所适从。到底何者是值得投入,代表了未来的方向,而何者又是...

35260
来自专栏Golang语言社区

【Golang语言社区】H5游戏开发--JavaScript学习:21点游戏

一、游戏规则 21点游戏的规则有很多种,我在写这个21点游戏的时候,选取了一种规则,描述如下: 1、游戏共有两名玩家,玩家1(庄家)和玩家2,在我编写的这个21...

45660
来自专栏前端大白专栏

postcss-loader 有什么用?

19730
来自专栏QQ会员技术团队的专栏

来看看机智的前端童鞋怎么防盗

很多开发的童鞋都是只身混江湖、夜宿城中村,如果居住的地方安保欠缺,那么出门在外难免担心屋里的财产安全。

547110
来自专栏CRPER折腾记

React 折腾记 - (7) 基于React+Antd封装聊天记录(用到React的memo,lazy, Suspense这些)

35920

扫码关注云+社区

领取腾讯云代金券