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

3顶
0踩

Web前端

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

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

  • freertos移植，第2.1讲 FreeRTOS在STM32F4上的移植(STM32F407)

    freertos移植，第2.1讲 FreeRTOS在STM32F4上的移植(STM32F407)

  • 基于STM32的单相3kW/5kW太阳能并网逆变器全C源程序及优化方案

    内容概要：本文详细介绍了用于单相3kW和5kW太阳能并网逆变器的全C源程序设计方案。该方案涵盖了PWM生成、电压电流采样、MPPT算法和并网控制四个核心模块。每个模块都经过精心设计和优化，确保逆变器的高效运行。文中还讨论了关键硬件选型、PCB布局优化以及量产测试规程。此外，针对并网同步采用了软件锁相环和滑动DFT算法，提高了系统的稳定性和响应速度。为了提高电网适应性和系统效率，引入了前馈补偿机制和改进型MPPT算法。 适合人群：从事光伏逆变器开发的技术人员，尤其是对嵌入式系统和电力电子有深入了解的研发工程师。 使用场景及目标：①理解和实现高效的太阳能并网逆变器控制系统；②掌握关键算法如PWM生成、MPPT、并网同步等的具体实现；③优化硬件设计和PCB布局，提高产品性能和可靠性；④制定完善的量产测试方案，确保产品质量。 其他说明：本文提供的方案不仅代码结构清晰，而且附带详细的硬件选型和PCB布局建议，非常适合希望深入理解并网逆变器核心技术的开发者。

  • 边缘计算基于强化学习的低延迟容器调度算法：物联网服务边缘集群升级中的任务延迟优化设计

    内容概要：本文提出了一种用于边缘集群升级的低延迟容器调度算法，旨在最小化物联网（IoT）任务的总延迟。首先，文章建模了在线容器调度问题，考虑了通信、下载和计算延迟。接着，提出了一种基于策略梯度的强化学习算法（OCS），该算法能够在线做出调度决策，充分利用移动边缘计算（MEC）的独特特性，如地理分布和有限的计算资源。实验结果表明，OCS算法相比基线算法可降低约27%的总延迟。 适合人群：对边缘计算、物联网和强化学习感兴趣的科研人员及工程师，尤其是从事云计算、网络管理和资源调度的研究人员。 使用场景及目标：①适用于需要优化边缘集群升级过程中容器调度的场景；②目标是减少任务执行的总延迟，提高系统效率和响应速度；③通过模拟实验验证算法的有效性，为实际部署提供理论支持。 其他说明：本文详细介绍了OCS算法的设计与实现，包括状态表示、动作空间、奖励机制以及训练过程。实验部分展示了不同节点数量和任务数量下的性能对比，证明了OCS算法的优越性。未来工作将致力于在Kubernetes系统中部署该算法。

Global site tag (gtag.js) - Google Analytics