阅读更多

3顶
0踩

Web前端

翻译新闻 10个针对设计师/开发者的实用CSS工具推荐

2012-01-13 13:41 by 副主编 wangguo 评论(1) 有15004人浏览
CSS
尽管使用CSS可以实现很多漂亮的效果,但对于一些任务来说,实现起来比较费事。但是借助于一些工具,可以让你的项目更快地实现。本文将分享10款对于设计师和开发者非常实用的CSS工具。

1.  dabblet

一个交互式的CSS开发和代码共享工具。该工具托管于Github站点,提供了很多便利的CSS编辑功能。



2.  Sprite Cow

Sprite Cow是一个新的CSS Sprite(CSS精灵,是一种网页图片应用处理方式,允许你将一个页面涉及到的所有零星图片都包含到一张大图中去)工具,可以帮助你获取spritesheet中sprites的背景位置、宽度和高度等。



3.  CSSPrefixer

你讨厌写浏览器的第三方前缀?这种事情可以让CSSPrefixer来搞定。



4.  dochub

Dochub是一个出色的工具,用于浏览CSS/HTML/Js/Dom/jQuery文档。



5.  Gridlover

Gridlover用于创建一个建立于模块化级别和垂直架构的类型系统。



6.  FFFFALLBACK

一个用于网页排版的简单的工具。



7.  Spritemapper

Spritemapper可以将多个图片合并成一张,并针对相应的切片生成CSS位置代码。



8.  ReCSS

这个小书签可以轻松刷新你的CSS,当你开发动态应用时,它会为你带来极大的便利。可以在IE、Firefox中测试。



9.  Layer Styles

开源的CSS阴影、背景和边框生成器。



10.  PrimerCSS

该工具可以将你的CSS中的所有类和id挑出来,并放到初始样式表中。



英文原文:10 New CSS Tools For Designer & Developer
  • 大小: 15 KB
  • 大小: 14.3 KB
  • 大小: 4.4 KB
  • 大小: 4.1 KB
  • 大小: 15.6 KB
  • 大小: 25.6 KB
  • 大小: 43 KB
  • 大小: 21.7 KB
  • 大小: 12.1 KB
  • 大小: 34.1 KB
  • 大小: 22.2 KB
  • 大小: 31 KB
  • 大小: 33.4 KB
  • 大小: 19.8 KB
  • 大小: 12.4 KB
  • 大小: 21.6 KB
  • 大小: 9.6 KB
  • 大小: 31.5 KB
3
0
评论 共 1 条 请登录后发表评论
1 楼 yzs1013 2017-04-11 23:38
有时候自已动手还不如直接用别人的样式更好更快,这就需要过滤或者说提取css样式,这类型工具在网上难找。最近收了一个,是个简单易用的网页css样式提取工具,特别的好处是可以提取一张URL网页的某处html源码区域的精简样式,见网址:
http://collect.longsunhd.com/getcss/,或百度一下"龙抓手采集官方测试"

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 10个针对设计师/开发者的实用CSS工具推荐 转

    本文将分享10款对于设计师和开发者非常实用的CSS工具。 1. dabblet 一个交互式的CSS开发和代码共享工具。该工具托管于Github站点,提供了很多便利的CSS编辑功能。 2. Sprite Cow Sprite Cow是一...

  • 10个针对开发者的实用CSS工具

    来源:PHPchina  ...本文将分享 10 款对于设计师和开发者非常实用的 CSS 工具。  1. dabblet  一个交互式的 CSS 开发和代码共享工具。该工具托管于 Github 站点,提供了很多便利的 CSS 编辑功能。

  • 25 个实用前端网站工具推荐【html+css+JavaScript】

    给大家整理了 25 个前端相关的学习网站和一些靠谱的小工具,包括一些小游戏、教程、社区网站和博客,以及一些资源网站,希望可以帮助到大家! ▍CSS 相关 *********● ***1 CSS Battle - 在线比拼 CSS ...

  • bootstrap交互式网页设计工具_12个 Web 设计师必备的 Bootstrap 工具

    这给网站开发人员与网站设计师提供了很好的便捷性,他们能很快很便捷在这一平台上找到开发所需的所有组件。Bootstrap打破了原有的世界记录,并且在Github的所有项目中排名第一。Bootstrap兼容所有新的浏览器,同时向...

  • Web开发者和设计师必备的20个在线实用工具

    互联网已经成为我们生活中无法割裂的一部分,生活中越来越多的服务都与网络紧密的结合到一起,深刻地影响着我们的生活和工作,很难想象没了它我们的日常生活会多麻烦。我们在公交上刷微博看新闻,在...这次我们推荐的

  • 【工具&Chrome】10个针对Web开发者的优秀Chrome扩展推荐

    Google Chrome扩展对于开发者来说是非常实用的,它们可以使开发者在开发过程中不必运行一些琐碎的工具,从而使他们的工作更加集中。Chrome扩展可以通过很多种方式来帮助开发者。Chrome是个非常受欢迎的浏览器,而...

  • bootstrap交互式网页设计工具_12个Web设计师必备的Bootstrap工具

    这给网站开发人员与网站设计师提供了很好的便捷性,他们能很快很便捷在这一平台上找到开发所需的所有组件。Bootstrap打破了原有的世界记录,并且在Github的所有项目中排名第一。Bootstrap兼容所有新的浏览器,同时向...

  • 25 个实用前端网站工具推荐

    code小生一个专注大前端领域的技术平台公众号回复Android加入安卓技术群来自公众号:麻瓜编程作者:凉皮给大家整理了 25 个前端相关的学习网站和一些靠谱的小工具,包括一些小游戏、...

  • 【工具】25 个实用前端网站工具推荐

    来自公众号:麻瓜编程作者:凉皮给大家整理了 25 个前端相关的学习网站和一些靠谱的小工具,包括一些小游戏、教程、社区网站和博客,以及一些资源网站,希望可以帮助到大家!▍CSS 相关●1...

  • 25 个不可错过的实用前端工具

    ▍在线 IDE ● 17 CodePen https://codepen.io 一个网站前端设计开发平台,针对网站前端代码的一个工具,上面有各种效果的案例特效(炫技),可以在他们的 demo 基础上开发自己的前端设计。 ● 18 CodeSandBox ...

  • 10个针对Web开发者的优秀Chrome扩展推荐

    Google Chrome扩展对于开发者来说是非常实用的,它们可以使开发者在开发过程中不必运行一些琐碎的工具,从而使他们的工作更加集中。Chrome扩展可以通过很多种方式来帮助开发者。 Chrome是个非常受欢迎的浏览器,...

  • 推荐10个免费的html,推荐10个HTML5响应式框架

    如今,html5已经被全世界的网站设计师和开发者所接受。html5被称为是web开发的未来可不是空穴来风。html5将语义化编程推到了新的高度。通过html5,开发者可以用更加简单易懂的单词来编写他们的网页应用。比如,html5...

  • 6款实用网页开发和设计工具

    此外,随着需求及项目的进一步细化,开发者社区几乎每天都会出现新的库和开发工具,作为网页开发者或设计师的你,自然很有必要去了解和掌握当下最新的、实用的工具,持续优化工作方法、有效提高开发进度。...

  • 25个不可错过的实用前端工具

    整理了 25 个前端相关的学习网站和一些靠谱的小工具,包括一些小游戏、教程、社区网站和博客,以及一些资源网站,希望可以帮助到大家! ▍CSS 相关 ● 1 CSS Battle - 在线比拼 CSS https://cssbattle.dev 在线...

  • 45个实用的前端开发工具汇总

    英文 | https://levelup.gitconnected.com/45-front-end-developer-tools-e496b9c3503翻译 | 杨小爱工具,对于我们人...

  • 值得网页设计师&前端收藏的实用工具列表

    无论你是经验丰富的前端,还是刚刚起步的设计师,这些为真正的网页设计师和开发者所准备的实用工具、在线服务、资源和代码片段,都是为你而生的,合理的运用能够让你的网页设计与开发事半功倍。 这次总结的工具总计...

  • (转载收藏)值得网页设计师&前端收藏的40个实用工具

    值得网页设计师&前端收藏的40个实用工具 kpler | 2016-05-31 11:15 浏览量(779) 评论(1) 推荐(1) 数据 无论你是经验丰富的前端,还是刚刚起步的设计师,这些为真正的网页设计师和...

  • 海尔智能电视刷机数据 U49A5 机编DH1W80A0305 务必确认机编一致 强制刷机 整机USB升级主程序

    务必确认机身编号与文件名机编一致,如不一致,请勿下载 机身编号一般在机子背面的贴纸上 升级方法: 1、下载数据,压缩包解压,将“Haier638Upgrade.bin”文件拷贝到U盘根目录下(U盘要求使用FAT32格式,建议4G-8G的品牌U盘,刷机成功率会高) 2、电视关机拔下电源,插入U盘,按住机身按键板上的“菜单”键不放,插电开机,直到LED灯开始闪表示升级正在进行,升级成功后机器会自动重起。 3、重启之后,重新交流上电,升级完成。 注意: 1、升级到结束,大约需要8-30分钟,中途绝对不能断电 2、升级重启第一次进入系统,请等完全正常进入开机桌面之后,才能拨下U盘

  • c语言c++项目源代码_c语言对自己电脑系统测试.rar

    **C语言电脑系统测试项目** 本项目是一个基于C语言的实用工具,旨在为您的电脑系统提供全面的性能测试与评估。通过执行一系列精心设计的测试用例,该工具能够评估您的电脑在处理器速度、内存管理、磁盘性能以及网络连接等方面的表现。 项目的核心功能包括: 1. **处理器性能测试**:通过执行复杂的算法和计算任务,评估处理器的运算速度和效率。 2. **内存测试**:检查内存分配、读写速度和稳定性,确保系统的内存管理达到最佳状态。 3. **磁盘性能测试**:评估硬盘或固态硬盘的读写速度、I/O性能和文件系统效率。 4. **网络性能测试**:测量网络连接的速度和稳定性,包括上传和下载速度以及延迟。 此外,该项目还提供了详细的测试报告功能,帮助您全面了解系统的优势和潜在瓶颈。测试结果以直观易懂的图表和数字形式呈现,便于分析和解读。 此项目采用模块化设计,方便您进行二次开发和定制,以满足特定需求。无论是硬件评测爱好者还是系统管理员,都能从该项目中受益良多。

  • pypy3.8-v7.3.6rc3-s390x.tar.bz2

    Python库是一组预先编写的代码模块,旨在帮助开发者实现特定的编程任务,无需从零开始编写代码。这些库可以包括各种功能,如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库,如NumPy、Pandas和Requests,极大地丰富了Python的应用领域,从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径,而且为经验丰富的开发者提供了强大的工具,以高效率、高质量地完成复杂任务。例如,Matplotlib和Seaborn库在数据可视化领域内非常受欢迎,它们提供了广泛的工具和技术,可以创建高度定制化的图表和图形,帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。

Global site tag (gtag.js) - Google Analytics