CSS 编码中超级有用的工具集合
当你开发网站和 Web 应用时,使用合适的工具可以节省大量的时间。本文我将收集一些非常有用的 CSS 编码工具,希望对你有帮助。
Pure CSS
Pure 是来自雅虎的 CSS 框架,使用 Normalize.CSS 无需任何 JavaScript 代码。框架基于响应式设计,提供多种样式的组件,包括表格、表单、按钮、表、导航等。标识使用非常简单,整个框架非常轻量级,压缩后只有 5.7k。
主页: http://purecss.io/
CSS only responsive navigation
在今天响应式排版已经非常流行了,这里包含一些可下载和可重用的响应式导航菜单,只需要 CSS 足以。
主页: http://valdelama.com/css-responsive-navigation
CSS Trashman
当我们在开发一个大项目时,很难让 CSS 代码保持短小精干,但无需担心,CSS Trashman 可以帮你不少忙。这是一个很有用的在线工具用来检测你的网站,压缩样式,并最终下载最精简的 CSS 文件。
主页: http://www.csstrashman.com/
Glue
加载大量的图片,还是将这些图片变成一张大图片一次性加载,当然是后者更好,降低浏览器和服务器的交互。这样的技术成为 CSS Sprites。Glue 是一个简单的命令行工具可以让你轻松的将图片合并到一张大突破,然后通过 CSS 来使用这些图片。
主页: https://github.com/jorgebastida/glue
Helium CSS
Helium 是一个前端响应式 Web 框架,用于使用 HTML5 + CSS3 快速制作原型以及开发产品。Helium 很像 Twitter Bootstrap 和 ZURB Foundation,事实上 Helium 使用了二者不少的代码。但与这两个框架不同的是,Helium 设计更加轻量级,而且更容易修改。Helium 只有30k 左右,而 Bootstrap 有 100k 之多,ZURB 有两百多k。
主页: https://github.com/geuis/helium-css
Topcoat
Topcoat 是一个 CSS 框架用于快速创建简单、简洁的 Web 应用。
主页: http://topcoat.io/
.Fitgrd
.Fitgrd 是一个用来构建响应式网站的基础
主页: http://www.fitgrd.com/
Normalize.css
Normalize.css 是一个可以定制的CSS文件,它让不同的浏览器在渲染网页元素的时候形式更统一。
主页: http://necolas.github.io/normalize.css/
Bear CSS
Bear CSS 是一个漂亮的网站,同时提供了强大的工具。你只需创建一个 HTML 文档并上传,Bear CSS 会自动帮你生成 CSS 文件,大量节省时间。
主页: http://bearcss.com/
via catswhocode
转载于:https://www.cnblogs.com/fengyuqing/p/css_tools.html
CSS 编码中超级有用的工具集合相关推荐
- C++编码中减少内存缺陷的方法和工具
2019独角兽企业重金招聘Python工程师标准>>> C++编码中减少内存缺陷的方法和工具 程振林,方金云,唐志敏 (中国科学院计算技术研究所,北京 100080) 摘 要:基于C ...
- 《吐血整理》系列 大厂前端组件库工具集合(PC端、移动端、JS、CSS等)
前言 Coding 应当是一生的事业,而不仅仅是 30 岁的青春饭 本文已收录 GitHub https://github.com/ponkans/F2E,欢迎 Star,持续更新 上一篇<吐血 ...
- 8145c5补shell_山东电信光猫hs8145c5超级密码-HS8145C5获取超级密码工具集合3 in 1 中文免费版-东坡下载...
虽然华为HS8145C5光猫可以很方便的用普通用户权限更改为上网桥接模式,但没拿到超级密码始终手痒,入手第2天,还是忍不住动手尝试获取超级密码,用了很多版本的ONT组播工具试图开维修使能打开TELNE ...
- css中超级链接样式的设置顺序
a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FF00} /* 已访问的链接 */ a:hover {color: #FF00FF ...
- 精灵图在现代前端中到底有用没,css中显示和隐藏竟有两种不同方式
css基础篇(第七篇) 回顾 在上一讲中我们基本上学习了css中定位的几种方式,包括定位在实际工作中常用的口诀等,除此之外还学习了margin:0 auto 水平居中的效果.未来常用的z-index等 ...
- ETHEOS开发资源及工具集合(完整汇总版)
ETH&EOS开发资源及工具集合(完整汇总版) 3113 ETH开发资源篇 一.开发语言 · Solidity - 官方推荐以太坊智能合约开发语言,也是目前最为主流的智能合约语 ...
- 在CSS布局中让Floats轻拂
If you're new to CSS layouts, you'd be forgiven for thinking that using CSS floats in imaginative wa ...
- float属性html,详解CSS样式中的float属性
详解CSS样式中的float属性.float是 css 样式的定位属性.我们在印刷排版中,文本可以按照需要围绕图片.一般把这种方式称为"文本环绕".在网页设计中,应用了CSS的fl ...
- 前端进阶(8) - 前端开发需要了解的工具集合:webpack, eslint, prettier, ...
前端开发需要了解的工具集合:webpack, eslint, prettier, ... 前端开发需要了解的一些工具,这些工具能够帮助你在项目开发中事半功倍. 1. nrm: npm registry ...
最新文章
- 基于ZooKeeper的Dubbo注册中心【转】
- 【数据库系统】数据库与SQL
- 爱奇艺推出国际娱乐服务iQIYI App:科技和内容同时出海 携手Astro展开马来西亚地区本土化运营...
- 阿里研究院:解读互联网经济十大议题
- 并发设计模式之Master-Worker模式
- Lintcode57 3Sum solution 题解
- 前端框架 Angular 11.0.0 正式发布,已经放弃 IE 9 、10
- 一劳永逸解决latex的字体问题
- 《你的灯亮着吗》开始解决问题前,得先知道“真问题”是什么
- 联想z510笔记本拆机
- 计算机毕业设计Python毕业论文总结基于Python实现的仓库库存管理系统[包运行成功]
- perf_event 事件类型与分类
- Server2008如何卸载MySQL_「完美卸载」完美卸载SQL Server 2008 R2 的方法,适合所有问题 - seo实验室...
- python如何控制手机发短信_利用Python实现手机短信监控通知
- 通信芯片sx1278-基于LORA SX1278无线模块的STM32点对点通信简单实现
- 【CF235C】Cyclical Quest(后缀自动机)
- tcp 握手失败_什么是三次握手,握手为何要进行三次,如果握手失败会有什么后果...
- HTML打造动漫人物,19个搭配很酷的卡通人物网站设计欣赏
- 软件如何进行压力测试,软件如何进行压力测试?
- echarts的x轴文字倾斜展示
热门文章
- keytool 错误:java.to.FileNotFoundException:
- 解决一条高难度的,关于时间段 数据汇总问题
- DATAGUARD 三种保护模式
- RAC (双节点) + 单实例 DATAGUARD 安装遇到的问题处理
- android布局属性
- Visual formatting model(图)
- 循环右移,要求时间复杂度为O(n)且尽可能的少使用辅助空间
- Eclipse 搭建Android开发环境(整理)
- innodb Cardinality学习笔记
- from torch._C import * ImportError: DLL load failed解决方法