阅读更多

18顶
0踩

Web前端

翻译新闻 10 款实用的 CSS 开发助手推荐

2012-02-24 15:36 by 副主编 wangguo 评论(2) 有9416人浏览
本文整理了10款非常实用的CSS工具,这些工具可以帮你处理一些单调重复性的工作,大大提高了Web开发工作效率,简化了工作流程。

1.  Animatable

该工具用于创建CSS3动画,创建的动画可以在任何平台或设备(包括Android、BlackBerry、iOS 和WebOS等)中的现代浏览器中运行。即便你不熟悉CSS,该工具也能帮助你创建多场景的CSS3动画。



2.  CSS3 Buttonize Framework

这是一个轻量级、灵活、即时按钮框架。只需简单选择按钮样式示例,然后根据提供的链接下载CSS代码即可。该框架还会告诉你如何使用这些代码。



3.  Patternify

这是一个简单的CSS图案生成器。你可以在基于Web的图形化界面中绘制你想要的图案,然后该工具将自动生成CSS代码。



4.  CSS3 Patterns Gallery

正如该工具的名字,这是一个CSS图案画廊,网页中显示了每个图案的预览,单击你需要的图案,即可显示该图案的CSS代码。



5.  Columnal

这是一个CSS网格系统,整合了两套自定义CSS代码。Elastic网格系统来自cssgrid.net,另外一些来自960.gs



6.  Spritemapper

该工具可以将多个图片合并成一个,并生成相应切片的CSS配置代码。这样,既节省了你写代码的时间,又提高了网页加载时间。



7.  The Web Font Combinator

该工具通过示例,让你直观地试验、预览页面中各部分(标题、副标题、正文)字体的效果。



8.  Layer Styles

这是一个基于浏览器的图形编辑器,你可以在一个对话框(类似于Photoshop图层样式对话框)中设置图形的样式,然后该工具会自动生成CSS代码。



9.  Sencha Animator

这是一个桌面应用,允许你创建可在现代浏览器和触屏移动设备中运行的CSS3动画。



10.  Holmes

这是一个CSS样式诊断工具,通过添加一个类,即可在页面中高亮显示一些错误或无效的HTML/HTML5标记,如使用红色边框显示错误信息、黄色边框显示警告信息、灰色边框显示不赞成使用的样式,还可以突出显示可改进的标记、非W3C元素和属性等。



Via jQuery4u
  • 大小: 69.4 KB
  • 大小: 74.6 KB
  • 大小: 63 KB
  • 大小: 59 KB
  • 大小: 60.9 KB
  • 大小: 55.7 KB
  • 大小: 79.1 KB
  • 大小: 59.6 KB
  • 大小: 68.6 KB
  • 大小: 70.2 KB
18
0
评论 共 2 条 请登录后发表评论
2 楼 白糖_ 2012-02-27 09:35
有木有国产山寨的?
1 楼 tommet 2012-02-25 13:20
收了 感谢

发表评论

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

相关推荐

  • 纯HTML开发的桌面助手(闹钟、日历、备忘录等)

    内容索引:脚本资源,HTML,闹钟 这个小工具是用纯静态html页面制作,主要用到了JAVASCRIPT技术,集成了一些比较实用的功能。把此页面设置成活动桌面,可以对你的工作带来方便。它包括有闹钟、日历以及备忘录等功能。...

  • 一位BAT大牛推荐的程序员必装10款神器软件

    IntelliJ在业界被公认为最好的java开发工具,尤其在智能代码助手、代码自动提示、重构、JavaEE支持、各类版本工具(git、svn等)、JUnit、CVS整合、代码分析、 创新的GUI设计等方面的功能可以说是超常的。IDEA是...

  • 程序员常用的28+10款开发工具以及年度各方向的工具

    IntelliJ在业界被公认为最好的java开发工具,尤其在智能代码助手、代码自动提示、重构、JavaEE支持、各类版本工具(git、svn等)、JUnit、代码分析、 创新的GUI设计等方面的功能可以说是超常的。IDEA是JetBrains公司的...

  • 推荐VScode十大实用插件

    本文来源于:老袁聊前端宇宙最好用的编译器:Vscode,推荐以下十大使用插件!1.代码智能提示Kite AI Code AutoCompleteKite 支持js与python的多行补全...

  • 30 个极大提高开发效率超级实用的 VSCode 插件

    这些插件主要适用于前端开发人员,但也有一些通用插件也可以适用于任何开发环境。以下是我将介绍的 VSCode 插件: Settings Sync Live Server Remote SSH Prettier Bracket Pair Colorizer Auto Rename Tag GitLens...

  • Rapid CSS editor(CSS编辑软件) 12.3.0.151 官方特别版.zip

    是款很实用的CSS代码编辑修改工具。 Rapid CSS editor功能特点 快速,轻量轻 加载比任何其他具有类似的功能的CSS编辑器或IDE要快得多 强大的语法高亮 支持HTML,CSS,减,上海社会科学院,javascript的,php,...

  • 强推 20 款实用的 Chrome 插件

    Swagger + Mock + JMeter 快速ide类代码树 快速搜索树格式 书签回购,问题,pr,文件 支持GitHub主题 支持私有存储库 高性能,与任何大小的存储库工作 7、CSS Peeper 提取CSS并构建漂亮的样式指南 二、实用工具类 ...

  • 实用且堪称神器的Chrome插件推荐

    前言 相信很多人都在使用 Chrome 浏览器,其流畅的浏览体验得到了不少用户的偏爱,但流畅只是一方面, Chrome 最大的优势还是其支持众多强大好用的扩展程序(Extensions)。...闲话不多说,直接上推荐的插件,可...

  • 前端开发常用的Chrome插件推荐

    今天给大家推荐几个在程序员中口碑不错非常实用的Chrome插件。 1、Lighthouse前端性能优化测试工具 Lighthouse插件是一款开源的自动化检测工具,由谷歌官方团队提供,正儿八经的行业标杆。可以对需要测试的页面运行...

  • [提高工作开发效率]程序员常用的工具软件推荐

    现在我把我工作多年来收集实用的开发利器分享出来,希望能够给同学们参考借鉴(以下排名不分先后)。假如各位同学有更好的值得推荐的利器欢迎在文末留言或者去GitHub知识库中留下你宝贵的Issues,该Issue...

  • 实用高效,27款腾讯热门开源项目推荐

    腾讯作为互联网行业的一大巨头,一直都不吝啬将好的技术开放...本文为大家整理出27款当前使用较多,口碑较好的腾讯开源软件,这些工具在一定程度上为日常办公节省了时间及人力成本,提高了工作效率。希望它们能给你...

  • 【开发工具 idea】值得推荐的15款idea插件

    IntelliJ在业界被公认为最好的java开发工具,尤其在智能代码助手、代码自动提示、重构、J2EE支持、各类版本工具(git、svn等)、JUnit、CVS整合、代码分析、 创新的GUI设计等方面的功能可以说是超常的。 而idea的插件...

  • 十款让 Web 前端开发人员更轻松的实用工具

    这篇文章介绍十款让 Web 前端开发人员生活更轻松的实用工具。每个Web开发人员都有自己的工具箱,这样工作中碰到的每个问题都有一个好的解决方案供选择。 对于每一项工作,开发人员需要特定的辅助工具,所以...

  • Web前端框架(JavaScript,CSS)、html组件、CSS规范与第三方库

    框架是提供一套完整的解决方案,按照规定好的代码结构来做编排,同时前端功能越来越强大而产生的前端框架,所以开发web产品就很必要用前端框架(前端架构)。 2、三大主流框架 React React是一个开源的JavaScript...

  • 猿创征文|2022个人开发工具集积累和分享

    今天给大家分享一下作为一名资深程序员,日常常用的一些开发工具,相信有一些大家都经常用,有一些可能还没有用过,以下的10多个开发工具都是日常工作常用的,现在分享给大家,希望能给大家日常的办公、生活带来一些...

  • 超级好用的开发工具,程序员实用工具整理

    其实本来打算写的是web开发工具合集,但写着写着觉得不太过瘾,所以索性把所有用得到的工具都列出来了。 如果能在一开始就把这些工具利用起来,相信可以大大提高工作效率,所以起码对新手来说是比较有益的。而且从...

  • stalfos:带有方便CSS实用程序类生成器的Sass帮助器的骨骼集合

    :exclamation_mark: :exclamation_mark: :exclamation_mark:关于Stalfos是一个开源的骨骼前端开发入门工具包。 它为您提供使用HTML,Sass和JavaScript的坚实起点。 它还提供了用于处理图像,字体和SVG的工具。 除了...

  • 27款实用高效的腾讯热门开源项目推荐

    WeUI 是由微信官方设计团队专为微信移动 Web 应用设计的 UI 库,是一套同微信原生视觉体验一致的基础样式库,为微信 Web 开发量身设计,可以令用户的使用感知更加统一。 DEMO:https://weui.io/ 1/26 ...

  • 三菱PLC例程源码QD75P八轴定位系统程序

    三菱PLC例程源码QD75P八轴定位系统程序本资源系百度网盘分享地址

Global site tag (gtag.js) - Google Analytics