资讯频道 → Web前端
阅读更多

3顶
0踩

Web前端

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

2012-01-13 13:41 by 副主编 wangguo 评论(1) 有15102人浏览
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） 数据 无论你是经验丰富的前端，还是刚刚起步的设计师，这些为真正的网页设计师和...

  • 13 - 淘宝直播：内容话术有哪些怎么找话题能拥有人气.pdf

    13 - 淘宝直播：内容话术有哪些怎么找话题能拥有人气

  • 基于php程序设计课程大作业——基于PHP、MySQL的web端借还书系统、全部资料+详细文档+高分项目.zip

    【资源说明】 基于php程序设计课程大作业——基于PHP、MySQL的web端借还书系统、全部资料+详细文档+高分项目.zip 【备注】 1、该项目是个人高分项目源码，已获导师指导认可通过，答辩评审分达到95分 2、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 3、本项目适合计算机相关专业(人工智能、通信工程、自动化、电子信息、物联网等)的在校学生、老师或者企业员工下载使用，也可作为毕业设计、课程设计、作业、项目初期立项演示等，当然也适合小白学习进阶。 4、如果基础还行，可以在此代码基础上进行修改，以实现其他功能，也可直接用于毕设、课设、作业等。 欢迎下载，沟通交流，互相学习，共同进步！

  • 立袋袋料码垛流水线sw2017全套技术资料100%好用.zip

    立袋袋料码垛流水线sw2017全套技术资料100%好用.zip

Global site tag (gtag.js) - Google Analytics