文档章节

推荐几款超实用的 CSS 开发工具

流亡将军
 流亡将军
发布于 2015/05/07 14:36
字数 776
阅读 165
收藏 30

 当你开发一个网站或 Web 应用程序的时候,有合适的工具,绝对可以帮助您节省大量的时间。在这篇文章中,我为大家收集了超有用的 CSS 开发工具。

  对于 Web 开发人员来说,找到有用的 CSS 开发工具,就像找到一个魔灯,可以让他那些艰难的任务变得有趣。CSS 开发工具帮助开发人员创造更加时尚,更有创意的网站。

Pure CSS

Pure CSS 来自雅虎,是一组 CSS 模块,您可以作为基础在每一个 Web 项目中使用。它使 CSS 开发更容易,整个框架看起来很干净,专业。如果你还没有用过的话,尝试一下!更多信息: http://purecss.io/

 

CSS Trashman


在大的项目中,保持 CSS 文件的简洁和紧凑是非常空难的。不过不要担心,CSS Trashman 可以帮助你。这个在线工具检查您的网站,压缩样式,让你下载一个超级干净的版本的网站 CSS 文件,这样你就可以安全地删除它们。更多信息: http://www.csstrashman.com/

 

Bear CSS


Bear CSS 是一个美丽的网站,也是一个超级有用的工具。只需创建一个 HTML 文档,并把它上传。Bear CSS 会自动在 HTML 元素的基础上生成一个可下载的 CSS 文件。更多信息: http://bearcss.com/

 

Glue


CSS 精灵技术是一种减少 HTTP 图片请求的很好的方式。Glue 是一种简单的命令行工具,转变一组图像到一个文件中,因此您可以轻松地在您的网站上使用 CSS 精灵技术,超有用!更多信息: https://github.com/jorgebastida/glue

 

Topcoat


Topcoat 是一个 CSS 集合,用于简洁和快速的 Web 应用程序开发。它是一个开源库,不需要任何 JavaScript 内置的用户界面元素。更多信息: http://topcoat.io/

 

.Fitgrd


.Fitgrd 是一个轻量的响应式网格系统,是建立你自己的响应式网站的坚实的基础。更多信息: http://www.fitgrd.com/

 

Normalize.css


Normalize.css 是用于 HTML5 的 CSS 重置样式,它使浏览器呈现的所有元素更一致和符合现代标准。它被用于许多流行的网站,如 Twitter Bootstrap, Soundcloud, TweetDeck 等等。更多信息: http://necolas.github.io/normalize.css/

 

Helium CSS


在大的样式文件中,很难找到未使用的样式。Helium 是一种基于 JavaScript 的工具,运行于浏览器,可以从你的 CSS 文件检测未使用的样式。更多信息: https://github.com/geuis/helium-css

 

CSS only responsive navigation

响应式的布局,现在在网络上很受欢迎,在我看来,这绝对是一件好事。这里是一个可下载和可重复使用的响应式 CSS 导航菜单。更多信息: http://valdelama.com/css-responsive-navigation


© 著作权归作者所有

流亡将军
粉丝 4
博文 8
码字总数 6957
作品 0
深圳
项目经理
私信 提问
加载中

评论(1)

湖心亭看雪
湖心亭看雪
不错
免费的Web UI开发套件

直接拿来用:13款免费的CSS UI工具包 10个超酷炫Bootstrap HTML & CSS UI工具包 12款免费且精美的Web UI工具包(上) 12款免费且精美的Web UI工具包(下) 免费下载!22个最新的HTML&CSS3 U...

易达
2016/10/17
239
0
《前台框架BootStrap学习》系列技术文章整理收藏

《前台框架BootStrap学习》系列技术文章整理收藏 前台框架BootStrap学习系列整理了关于前台框架BootStrap方面的技术文章,一些实用的BootStrap使用示例,供大家学习BootStrap时参考 1CSS——...

开元中国2015
2015/06/22
218
0
炙手可热的12款网站模板推荐

每周极客标签都将推出两篇荟萃内容的文章,内容覆盖了Bootstrap、CSS、Javascript、HTML5等当前最热门的特效和应用,本周我们推荐的这12款网站设计模板不仅带有独立的在线演示,并且依旧全部...

gbin1
2014/04/23
837
1
12款程序员们最爱的Bootstrap模板

如果你还没有开始使用Bootstrap模板,那你可真是有够OUT,这是一个帮助你快速开发的工具,Bootstrap是基于jQuery框架开发的,它在jQuery框架的基础上进行了更为个性化和人性化的完善,形成一...

gbin1
2014/09/18
189
0
10款精心挑选的在线 CSS3 代码生成工具

今天这篇文章向大家推荐十款非常有用的在线 CSS3 代码生成工具,这些工具能够帮助你方便的生成 CSS3 特效。 CSS3 是对 CSS 规范的改善和增强,增加了圆角、旋转、阴影、渐变和动画等众多强大...

cacao111
2018/07/11
0
0

没有更多内容

加载失败,请刷新页面

加载更多

手写RPC框架指北另送贴心注释代码一套

Angular8正式发布了,Java13再过几个月也要发布了,技术迭代这么快,框架的复杂度越来越大,但是原理是基本不变的。所以沉下心看清代码本质很重要,这次给大家带来的是手写RPC框架。 完整代码...

全菜工程师小辉
10分钟前
2
0
【Java】开发收货

简介 谨以此篇,记载开发过程中的一些tips。 编译器 【Shift + F6】可实现变量的联动修改。

Areya
26分钟前
5
0
DOM官方定义

DOM Document Object Model 文档对象模型 DOM的官方定义:W3C的DOM,可以使程序或者脚本(JS或AS\JScript),动态的访问或者操作文档的内容、结构、样式。 DOM只是一个标准,操作网页的标准。...

前端老手
32分钟前
6
0
IT兄弟连 HTML5教程 HTML5的学习线路图 第一阶段学习网页制作

学习HTML5技术可并不是简单学会几个新增的标签而已,HTML5现在可以说是前端所有技术的代名词。需要学习的语言和工具不仅多,对于刚接触他们的新人会感觉很乱。另外,前端开发也会细分很多个开...

老码农的一亩三分地
34分钟前
6
0
可见性有序性,Happens-before来搞定

写在前面 上一篇文章并发 Bug 之源有三,请睁大眼睛看清它们 谈到了可见性/原子性/有序性三个问题,这些问题通常违背我们的直觉和思考模式,也就导致了很多并发 Bug 为了解决 CPU,内存,IO ...

tan日拱一兵
49分钟前
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部